body {
   background: #000000;
   margin: 0px 10px 10px 10px;
   width: 95%;
    min-width: 800px;
    max-width: 1392px;
   font-size: 24px;
}

header, nav, aside, footer {
   text-align: center;
}

header {
   background: #5a84c1;
   line-height: 50px;
    width: 95%;
    position: fixed;
}
#contactform{
    background-color:#9bf294;
     box-shadow: 5px 5px; 
    text-align: center;
}
#warbutton{
    font-size: 20px;
    padding: 14px;
    border-radius: 6px;
    left: 35%;
    position: relative
        
}
#kayakbutton{
    font-size: 18px;
    padding: 5px;
    border-radius: 6px;
}
#SsButton{
    font-size: 18px;
    padding: 5px;
    border-radius: 6px;
}
#GangButton{
    font-size: 18px;
    padding: 5px;
    border-radius: 6px;
}
#logo{
    height: 80%;
    max-height: 50px;
    width: 100%;
    margin-top: 10px;
    max-width: 309px;
}
#logo:hover{
 animation-name: pop;
    animation-duration: 2s;    
}
@keyframes pop {
  0% {transform: scale(1);}
    50% {transform: scale(1.15);}
    100% {transform: scale(1);;}
    
}
#slider{
    height: 80%;
    width: 100%;
}
table{
    width: 100%;
}
#docks{
    border: solid;
}
td{
    text-align: center;
}
td>a{
    text-decoration: none;
    color: black;
}
td>a:hover{
    color:white;
    animation-name: expand;
    animation-duration: 4s;
    
}
th {
    background-color: lightgray;
}
@keyframes expand {
  from {color: #9afbf6;}
  to {color: #9bf294;font-size: 30px;}
}
#deadspace{
    line-height: 50px;
    width: 100%; 
    float: left;
    background: #5a84c1;
}
#image {
   float: left;
   width: 100%;
}
div>img:hover{
    transform: scale(2);
}
#image:hover{
   transform: scale(0.5);
}
p {
    padding: 5px;
    margin: 10px;
    font-size: 20px;
}
h1{
    padding-left: 5px;
    margin-left: 10px;
    font-size: 30px;
}

h1:hover{
    animation-name: rainbow;
    animation-duration: 8s;
}
@keyframes rainbow {
  0% {color: #fa5252;}
    20% {color: #e69b3d;}
    40% {color: #d3fa44;}
    60% {color: #40ef81;}
    80% {color: #0b84f8;}
    100% {color: #9653ee;}
    
}
li {
    margin: 5px;
    font-size: 20px;
}
#main {
   background: white;
   float: left;
   width: 100%;
}  
#maincont {
   background: white;
   float: left;
   width: 100%;
} 
#contact {
   background: white;
   float: left;
   width: 90%;
}       
            
#welcome{
    background-color: white;
    float: left;
    width: 48.5%;
    margin: 5px;
}
#features{
    background-color: white;
    float: right;
    width: 48.5%;
    margin: 5px;
}
#services {
   background: lightgray;
   float: left;
   width: 100%;
    min-height: 620px;
} 
#dockparts{
   background: lightgray;
   float: left;
   width: 100%;
} 
#main2 {
   background: white;
   float: left;
   width: 100%;
    max-height: 250px;
}        
            
#Installation{
    background-color: white;
    float: left;
    width: 32%;
    margin: 5px;
    min-height: 519px;
    border-radius: 6px;
    border: solid;
}
#types{
    background-color: white;
    float: left;
    width: 31%;
    margin: 5px;
    border: solid;
    border-radius: 6px;
    min-height: 519px;
}
#otherprod{
    background-color: white;
    float: left;
    width: 32%;
    margin: 5px;
    border-radius: 6px;
    border: solid;
    min-height: 519px;
}
#warranty {
   background: lightgray;
   width: 100%;
   line-height: 100px;
} 
footer {
   background: #5a84c1;
   line-height: 50px;
}
#contact{
    background-color: white;
    float: left;
    width: 32%;
    margin: 5px;
}
#contact2{
    background-color: white;
    float: left;
    width: 65%;
    margin: 5px;
}
#phoneloc{
    background-color: white;
    float: left;
    width: 30%;
    margin: 5px;
}
#location{
    background-color: white;
    float: left;
    width: 32%;
    margin: 5px;
}
#location{
    background-color: white;
    float: left;
    width: 32%;
    margin: 5px;
}
#googmap{
    height: 100%;
    width: 31%;
   margin: 5px;
    border: solid;
     max-height: 230px;
}
#prod1{
    background-color: white;
    float: left;
    width: 34%;
    margin: 5px;
}
#prod2{
    background-color: white;
    float: right;
    width: 63%;
    margin: 5px;
}
#partstable{
    background-color: white;
    float: left;
    width: 63%;
    margin: 5px;
}
#partspics{
    float: right;
    width: 34%;
    margin: 5px;
}
#d1{
    height: 100%;
    width:44%;
   margin: 5px;
    border: solid;
}
#d2{
    height: 100%;
    width: 45%;
   margin: 5px;
    border: solid;
}
#d3{
    height: 100%;
    width: 44%;
   margin: 5px;
    border: solid;
}
#d4{
    height: 100%;
    width: 45%;
   margin: 5px;
    border: solid;
}
#d5{
    height: 100%;
    width: 95%;
   margin: 5px;
    border: solid;
}
#d6{
    height: 100%;
    width: 95%;
   margin: 5px;
    border: solid;
}
#submitbutton{
    font-size: 18px;
    padding: 5px;
    border-radius: 6px;
}
#resetbutton{
    font-size: 18px;
    padding: 5px;
    border-radius: 6px;
}