*{
    margin:0; padding: 0; border: 0; box-sizing: border-box;
    }


body {

    background-size:100%;
    background-color:rgb(15, 16, 102);
    margin:0;
    background-image:url(/images/pro.jpg);
    background-position:center;
    background-repeat: no-repeat;
    background-size:100% 60%;
 

}
#header {
    background-color:rgb(6, 88, 88);
    padding:2px;
    margin:0px;
    text-align: center;
    font-size:20px;
    height:40px;
    width:100%;
    


}

#container{
    background-color:rgb(0, 0, 48);

}
#container h2{
    font-size:15px;
    color:white;
    font-family:

}

.topnav{
    text-align:right;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 12px;
    background-color: rgb(58, 110, 81);    
   
}
.topnav a{
    
    text-decoration: none;
    color:rgb(45, 185, 99);
    padding-right: 25px;
    }
   
#header h1 {
    background-color:rgb(58, 110, 81);
    color:rgb(94, 163, 97);
    font-size:35px;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif, Courier, monospace;
    text-align:left;
    text-shadow:2px .5px 5px rgb(0, 0, 0);
    
}
#header h2{
    background-color:teal;
    font-family: sans-serif;
    background-color:rgb(0, 46, 99);
    color:lightskyblue;
    font-size:15px;
    height:100px;
    font-weight: lighter;
   
}
#header h2 img{
    padding-top:10px;

}


#header h3{
    font-family: sans-serif;
    background-color:rgb(0, 46, 99);
    color:lightskyblue;
    font-size:15px;
    text-align:right;
    padding-right:60px;
    font-weight:lighter;
    font-style:italic;
}
.row{
    display:-webkit-flex;
    display:flex;
    width:100%;
    height:90vh;
}

.box1{
    background-image:url(/images/10speed.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    float:left;
    width:25%;
    height:25vh;
    margin-top:20%;
    
    margin-left:5px;
    border-radius:20px;
    border:3px solid white;
    


}
.box2{
    background-image:url(/images/10speed2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width:25%;
    height:25vh;
    margin-top:20%;
   margin-left:5px; 
   border-radius:20px;
   border:3px solid white;
}
.box3{
    background-image:url(/images/10speed3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width:25%;
    height:25vh;
    margin-top:20%;
    margin-left:5px;
    border-radius:20px;
    border:3px solid white;
}
.box4{
    background-image:url(/images/10speed4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width:25%;
    height:25vh;
    margin-top:20%;
    margin-left:5px;
    margin-right:5px;
    border-radius:20px;
    border:3px solid white;
}
.box1,.box2,.box3,.box4 {
    text-align:center;color:white;
    font-size:x-large;
    font-family:fantasy;
}

.footer {
    background-color:#222;
    text-align: center;
    width:100%;
    height:100px;
    
}