*{
    margin: 0;
    padding: 0;
}
body{
    background-color: rgb(230, 199, 159);
  
font-family: 'Open Sans', sans-serif;
}


.container{
    background-color:rgb(133, 163, 163);
    width: 90%;
    margin: 0 auto;
}
header{
    background-color:  rgb(133, 163, 163);
}
header .helmet{

    width: 8%;
    margin: 0 auto;

}
header .helmet img{
    width: 100%;
}
header h1 {

    font-family: 'Lobster', cursive;
    font-size: 300%;
    text-align: center;
    color: rgb(60, 107, 107);
}
nav{
    background-color:lightblue;
    width: 100%;
}
nav ul{

    width: 70%;
    margin: 0 auto;
}
nav ul li {
    background-color:rgb(194, 182, 182);
    display: inline-block;
    width: 23%;
    list-style-type: none;
    text-align: center;
}
nav ul li a:link{
    text-decoration: none;
    color: #000000;
display: block;
background-color: lightblue;
  
}
nav ul li a:visited{
    text-decoration: none;
    color: #000000;
display: block;
background-color: lightblue;
}

nav ul li a:hover{
    text-decoration: none;
    color: #000000;
display: block;
background-color:rgb(151, 147, 147);
}

nav ul li a:active{
    text-decoration: none;
    color: #000000;
display: block;
background-color: lightskyblue;
}

aside{
    background-color: rgb(133, 163, 163);
    width: 27%;
    float: left;
}
aside h2 {
    text-align: center;
}
aside section h3{
    text-align: center;
}
aside .top{
    margin: 0 0 0 2%;
}
aside section {

    margin: 0 0 0 2%;
}
aside  section .wonderful{
    width: 94%;
    margin:0 auto;

}
aside section .wonderful img{
    width: 100%;
}
aside section .new{
float: right;
    margin: 0 2% 0 2%;
}
aside section .new img{
    width: 40%;
    
   
}
aside section ol{
    list-style-position: inside;
    margin: 0 0 0 2%;
}
main {
    background-color:  rgb(133, 163, 163);
    width: 70%;
    float: right;
    margin-right: 1%;

    
}
main h2 {
padding: 1.5% 0;

}


main .mainLeft{
    width: 30%;
    float: left;
    
}
main .mainCenter{
    width: 30%;
    float: left;
    
 
        
}
main .mago{
    width: 30%;
    float: left;
    
   
    
   
}

    
main section figure{
 
margin: 0 auto;
width: 75%;

} 


main section figure img{
 
    width: 100%;

        
} 
 

h3{
    margin: 0 0 0 2%;
}
p{
    margin: 0 2% 0 2%;
}
section {
    
background-color: ivory;
}
 
form {
    width: 70%;
    margin: 0 0 0 2%;
    font-family:inherit;
}
button,input,select,textarea{
    font-family:inherit;
    font-size: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


input[name= "custName"],input[type= "tel"],input[type= "email"],input[type="time"]{
    width: 10rem;
    padding: 4px;
    margin: 12px 12px 12px 0;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color:#f8f8f8;
  font-size: 16px;
  -webkit-box-sizing: border-box;
}



fieldset{
    color: #000;
    font-weight: lighter;
}
label{
    color:black;
    font-weight: bold;
}

textarea{
    vertical-align: middle;
    width: 30%;
  height: 30%;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 16px;
  resize: none;


}


select{
    text-align: center;

    width: 10rem;
    padding: 5px 5px;
    border: thin;
    border-radius: 2px;
    background-color: white;
    font-size: 100%;
}
input[type=submit]{
    background-color:lightblue;
    border: none;
    color: white;
    padding: 10px 10px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
}

button{
    border-radius: 15px;
    
     
background-color: rgb(184, 175, 175);
    color: white;
    padding: 5px 5px;
    
    margin: 4px 2px;
    cursor: pointer;
}

footer{
    font-size: 15px;
    background-color:rgb(75, 97, 104);
    clear: both;


}
footer ul{
margin: 0 0 0 2%;

}
footer ul li{
    list-style-type: none;
}
.fa-twitter {
    background:purple;
    color: white;
}
.fa-facebook {
    background:purple;
    color: white;
}
footer a{
    padding-left: 1%;
    color:darkblue;
}