.fa {
    padding: 5px;
    font-size: 20px;
    height: 30px;
    width: 30px;
    text-align: center;
    text-decoration: inherit;
    margin: 5px 5px
}

.fa: hover {
    opacity 0.7;
}

.fa-facebook {
    background: #3B5998;
    color: white;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
}

.fa-google {
    background: #dd4b39;
    color: white;
}

.fa-linkedin {
    background: #007bb5;
    color: white;
}

.fa-youtube {
    background: #bb0000;
    color: white;
}

.fa-instagram {
    background: #125688;
    color: white;
}

.fa-pinterest {
    background: #cb2027;
    color: white;
}

.fa-stumbleupon {
    background: #eb4924;
    color: white;
}

.fa-rss {
    background: #ff6600;
    color: white
}
.img-square {
    background-size: 100%;
    
}
.modal-backdrop {
    background-color: white; 
    align-content: center; 
    background-attachment: center; 
    justify-content: center;  
}
.modal.in {
    background-color: black;
}
.img-thumbnail {background-size: cover;
max-width: 100%; 
border: black; 
background-color: black; max-height: 100%;
}

h { 
color: white;
font-family: cambria; 
font-size: 20pt;
justify-content: center;
text-align: center;
font-weight: 0;
}
h1 {
color: white;
font-family: arial narrow;
font-weight: 400;
font-style: normal;
font-size: 40pt;
}
h11 {
color: black;
font-family: arial narrow;
font-weight: 100;
font-style: normal;
font-size: 10pt;
}
h2 {
color: white;
font-family: arial narrow;
font-weight: 200;
font-style: normal;
font-size: 18pt;
text-align: center;
}
h22 {
color: white;
font-family: arial narrow;
font-weight: 100;
font-style: normal;
font-size: 14pt;
text-align: left;
}
h3 { 
color: white;
font-family: arial narrow;
font-weight: 500;
font-style: normal;
font-size: 24pt;
text-align: center;
}
h4 {
color: white;
font-family: arial narrow;
font-weight: 500;
font-style: normal;
font-size: 42pt;
text-align: center;
}
h5 { 
color: black;    
font-family:cambria;
font-size: 80pt;
text-align: center;
font-weight: 500;
}
h51 { 
color: black;    
font-family:cambria;
font-size: 40pt;
text-align: ;
font-weight: 0; 
    float: center;
}
h61 {
color: white;
font-family: cambria;
font-weight: 400;
font-style: normal;
font-size: 60pt;
}
h6 {
color: white;
font-family: arial narrow;
font-weight: 400;
font-style: normal;
font-size: 28pt;
}
p {
color: white;
font-family: cambria;
font-weight: 200;
font-style: normal;
font-size: 14pt;
text-align: justify;
}




<!---CSS--->
    
<!--ids--->
    
#row {
    max-width: 100%; 
    max-height: 900px; 
    background-image: url(images/board1111.jpg);
    background-attachment: fixed;
    background-position: top;
    background-size: contain;
}
#container { 
    height: 50px;
    background-color: white;
    max-width: 100%;
} 
#container2{ 
    background-attachment: scroll;
    max-height:300px;
    background-color:white;
    max-width:100%;
}
#container4 {
    height: 50px;
    background-color: ;
}    
#container5 {
    height: 200px;
    background-color: black;
} 
#cloud {
    background-position: top;  
    background-size: contain; 
    background-repeat: no-repeat;
    background-image: url(images/banner.jpg);
    height: 200px; 
    max-width: 100%;
    background-attachment:fixed; 
} 
#cloud2 {
    background-position: bottom; 
    background-size: contain; 
    background-repeat: no-repeat;
    background-image: url(images/banner.jpg); 
    height: 400px; 
    max-width: 100%;
    background-attachment: fixed;
}
#main{ 
    background-color:black;  
    max-width: 100%;
    max-height:700px;
    background-attachment: scroll;
    padding: inherit;  
}
#main1{ 
    text-align: center;
	background-image: url(images/banner.jpg);
    background-size: contain;
    background-attachment: fixed;
    background-repeat: no-repeat;
    max-width: 100%;
	height: 200px;
}
#main2{   
    padding: ;
	background-color:white; 
    max-width: 100%;
	height: 50px;
}    
#white{
    background-color: white;  
    max-width: 100%;
    height: 40px;
    background-attachment: fixed;
}
#green{
    height:50px;
    background-color:#4CBB17;
    max-width:100%; background-attachment: fixed;
} 
#myCarousel {
    float: center;
    background-attachment: scroll;
}
    
<!---divs--->
        
.wrapper {
    max-height: 100%;
    max-width: 100%;  
}   
.header { 
    max-width: 100%;
    height: 200px;
}
.navbar a:hover {
    background-color: white;
    color: white;
}
.navbar{ 
    background-color: none;
    text-align: center;
    color: white;
    text-decoration: none;  
}
.nav { color: white; 
   background-color: clear ; 
    text-emphasis-color: white;
}
.navbar-header{
        
    }
.navbar-inverse  {
    border: 0 none;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background:transparent;
}
.navbar-inverse .navbar-toggle .icon-bar {
  
    background: white;
}    
.img-responsive{
    border-bottom: 40px;
    border-top: 40px; 
    background-size: black;
}       
.container-fluid { 
    max-height: 100%;
    max-width: 100%; 
    color: black; 
} 
.container-flex{
        
}
.container1{
    background-image: url(images/capture.png)
    background-color:;
    max-width:100%;
}      
.rightcolumn {
    float: top right;
    width; 50%;
}
.leftcolumn {
    float: left;
    width: 50%;
}  
.jumbotron {
    background-size: cover;
    background-image: url(images/board.jpg);
    background-attachment: auto; 
    background-repeat: no-repeat;
    max-width: 100%;    
}
.carousel-caption { 
    padding-left: 235px ;
    padding-bottom: 100px;
}
    
<!---navs-buttons--->
a:hover {    
    color: black;
}
li:hover {background-color:rgba(0,0,0, 0.5);}
   
.button { 
    background-color: white;
    font-family: cambria;
    font-size: 14pt;
    font-weight:100;
    text-align:center;   
}  
btn {
    padding: inherit;
    width: 100%; height: 10px;
    text-align: center;
    background-color: black;
    color: white;
    font-family: cambria;
    font-size: 14pt;
    font-weight:0;
}
btn-group{
    color: white;
}    
li {
    background-color: transparent;
	color: white;
	font-family:cambria;
	font-weight: 400;
	font-style: normal;
	font-size: 14pt;
}		
li a {
    display: table-column-group;
    color: white;
    font-size: 14pt;
    text-align: center;
    flex-direction: row;
    font-family: cambria;
    font-weight: 200;
    font-style: normal;
}
    
<!---HTML5--->
*{	
    box-sizing: border-box;
}
nav { 
    background-color: none; 
    max-width: 100%;
}
body { 	
    background-color: black;
}
footer{
      max-width: 100%; 
      max-height: 500px;
      background-color: #4CBB17;
      color: black; 
} 

<!---overlay--->
.overlay {  
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 1;
   left: 0;
   top: 0;
   background-color: rgb(0,0,0); 
   background-color: rgba(0,0,0, 0.9);
   overflow-x: hidden; 
   transition: 0.5s;  
} 
.overlay-content {
  position: relative;
  top: 10%; 
  width: 100%;
  text-align: center; 
  margin-top: 30px;
}   
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: gray;
  display: block; 
  transition: 0.3s; 
}      
 .overlay a:hover, .overlay a:focus {
  color: #E7E5E6;
}  
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}   
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;}
}   
@media screen and (max-height: 378px) {
  .overlay a {font-size: px}
  .overlay .closebtn {
    font-size: 20px;
    top: 15px;
    right: 35px;}   
}