
body {
  background-color:white;
  color: black;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
    padding: 0;
    font-size:20px;
}

a,a visited{
  color:#ffa700;
  text-decoration:none;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
}

a:hover{
color:#5bc0de;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
text-decoration:none;
 }

#box1{
  min-width:100%;
  height:588px;
  background-image:url('oof.jpg');
  background-size:cover;
  background-position:fixed;
  overflow-y:hidden;
  overflow-x:hidden;
  text-align:left;
}

#button1{
  width:200px;
  height:40px;
  background-color:#428bca;
  color:#f9f9f9;
  float:none;
  overflow:hidden;
  padding:10px;
  font-size:25px;
  -webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
}

#button1:hover{
  width:200px;
  height:40px;
  background-color:#184E5D;
  color:#f9f9f9;
  float:none;
  overflow:hidden;
  padding:10px;
  font-size:25px;
  -webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
}

#header{
  background-color:#d9534f;
  min-width:100%;
  height:50px;
  color:#f9f9f9;
}

#header img{
  height:50px;
  width:50px;
  float:left;
}

.headertext{
  float:right;
  padding:0px;
  font-size:20px;
  margin-top:10px;
  margin-right:10px;
  word-spacing:10px;
  color:white;
}

.headertext a{
  color:white;
}

.headertext a{
  color:white;
  -webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
}

.headertext a:hover{
  color:#5bc0de;
  -webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
}

.headertext2{
  float:left;
  padding:0px;
  font-size:20px;
  margin-top:10px;
  margin-right:10px;

}

.boxtext{
  text-align:center;
  font-size:20px;
  padding:10px;
  color:white;
}

.boxtext a{
  text-align:center;
  font-size:20px;
  padding:10px;
  color:white;
    -webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
}

.boxtext a:hover{
  text-align:center;
  font-size:20px;
  padding:10px;
  color:#5bc0de;
    -webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
}

.boxtext2{
  text-align:center;
  font-size:20px;
  padding:10px;
  color:#d9534f;
}

.boxtext2 a{
  text-align:center;
  font-size:20px;
  padding:10px;
  color:#5bc0de;
  -webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
}

.boxtext2 a:hover{
  text-align:center;
  font-size:20px;
  padding:10px;
  color:#d9534f;
  -webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
}


#box3{
  min-width:100%;
  background-color:	#d9534f;
  height:400px;
  width:400px;
}

#box4{
  min-width:100%;
  background-color:transparent;
  height:400px;
  width:400px;
}

#box5{
  min-width:100%;
  background-color:	#d9534f;
  height:400px;
  width:400px;
}

#box6{
  min-width:100%;
  background-color:transparent;
  height:400px;
  width:400px;
}

.pagetext{
  padding:10px;
}

#pagebox{
  min-width:100%;
  background-color:#d9534f;
  height:auto;
  width:400px;
  padding:3px;
}
 
 
 
 
 
 
 
 

