.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="col-"] {
    float: left;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}

#banner{

  background-color: black;
  height:200px;


}

#phone{

  color:white;
}

#phone h4 {
  margin-top: 0;
  padding-top: 1%;
  float:right;

  font: normal normal normal 30px/1.4em Jura,sans-serif;

}

#nav{

  color:white;
}

#email{

  color:white;

}

#email h4 {

  margin-top: 0;
  padding-top: 1%;

  float:left;
  padding-right: 5%;
  font: normal normal normal 30px/1.4em Jura,sans-serif;


}

h4 {



}

#logo{
  width: 65%;
  display: block;
    margin: auto;
}

ul {

    list-style-type: none;
    margin: 0;
    padding: 0;
    text:white;

}

li {
    display: inline;
    text:white;

}

li a {

    color: white;
    text-align: center;
    padding: 0 9px;
    text-decoration: none;
    font-size: 122%;
    font-family: 'Raleway', sans-serif;
}

#navbar {
  padding-top: 2%;
}

#background{

  position: absolute;
    top: 0px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
     z-index: -1;






}

body {
  margin:0;
  font-family: 'Jura', sans-serif;

}

input[type=text], select, textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 5px;
    resize: vertical;
}

input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}



#homesquare{
  height:100px;
}

.homesquares{
  margin:auto;
  height: 100%;
  margin-top: 5%
}

#content{
  height:700px;
}


#footer{

  background-color: black;
  height:80px;
  z-index: 2;


}

.btn p {
  margin-top: 20%;
  margin: auto;
}

#copyright{
  height:100%;


}

#sponsors{
  height:100%;
}

#socialmedia{
  height:100%;
  padding-top: 1%;
}

.homepicture{
  height: 244px;
  width: 326px;
  background-color: #FFBB00;
  z-index: 2;
  border-style: solid;
  border-color: #FFBB00;
}

.btn {
  height: 40px;
  width: 142px;
  background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
    background: rgba(0, 0, 0, 0.6);
  margin-top:30px;
  margin-left: 23%;
  z-index: 2;
  font-weight:600;
}

.btn p {
  text-align: center;
  padding-top: 6%;
  text-decoration: none;
}

.btn:hover{
  background-color: #FFBB00;
  cursor: pointer;
}


.fa-2x  {
  color:white;

}

#copyright p {
  color:white;
  float:right;
  padding-top: 50px;
  font-size: 50%;
}

#about {

  background-color: black;
  /*opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */*/
  background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
    background: rgba(0, 0, 0, 0.6);
  margin-top:30px;



}

#leftcolumn {
  height:100%;

}

#rightcolumn {
  height:100%;
  float: right;

}

.title{

  color: rgba(255,187,0,1);
  font-size: 80px;
  opacity: 1;
  filter: alpha(opacity=100);


}

p {
  color:white;
}

#nav ul li.activePage a{
  color: rgba(255,187,0,1);

}

#contenta{
  padding: 5% 5% 5% 5%;
}

a {
  text-decoration: none;
}

label{
  color:rgba(255,187,0,1);
}