body
 {
 	width:100%;
 	height:100%;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;margin:0;

}


#b1
{border-radius: 25px;
       width:530px; height:330px;
    padding: 15px;
    background-color: #666666;
    box-shadow: 0px 8px  12px 2px black;
   margin-left: 100px;
   margin-right: 30px;  
}
#b1:hover
{       width:530px; height:330px;
    padding: 15px;
    background-color: white;
    box-shadow: 0px 8px 12px 2px black;
   margin-left: 100px;
   margin-right: 30px;
}
#b2
{border-radius: 25px;
       width:530px; height:330px;
    padding: 15px;
    background-color: #666666;
    box-shadow: 0px 8px  12px 2px black;
   margin-left: 100px;
   margin-right: 30px;  
   color:white;font-size:13px;
}
#b2:hover
{       width:530px; height:330px;
    padding: 15px;color:black;
    background-color: white;
    box-shadow: 0px 8px 12px 2px black;
   margin-left: 100px;
   margin-right: 30px;font-size:13px;
}
#b3
{border-radius: 25px;
       width:330px; height:330px;
    padding: 15px;
    background-color: #666666;
    box-shadow: 0px 8px  12px 2px black;
   margin-left: 100px;
   margin-right: 30px;  
   color:white;font-size:13px;
}
#b3:hover
{       width:330px; height:330px;
    padding: 15px;color:black;
    background-color: white;
    box-shadow: 0px 8px 12px 2px black;
   margin-left: 100px;
   margin-right: 30px;font-size:13px;
}
img
{
    border-radius: 25px;
}
p
{
    text-align:justify;
}

#googleMap
{
    border-radius: 25px;
}
#b4
{border-radius: 25px;
       width:530px; height:410px;
    padding: 15px;
    background-color: #666666;
    box-shadow: 0px 8px  12px 2px black;
   margin-left: 100px;
   margin-right: 30px;  
   color:white;font-size:13px;
}
#b4:hover
{       width:530px; height:410px;
    padding: 15px;color:black;
    background-color: white;
    box-shadow: 0px 8px 12px 2px black;
   margin-left: 100px;
   margin-right: 30px;font-size:13px;
}
#b5
{border-radius: 25px;
       width:800px; height:600px;
    padding: 15px;
    background-color: #666666;
    box-shadow: 0px 8px  12px 2px black;
   margin-left: 100px;
   margin-right: 30px;  
   color:white;font-size:13px;
}
#b5:hover
{       width:800px; height:600px;
    padding: 15px;color:black;
    background-color: white;
    box-shadow: 0px 8px 12px 2px black;
   margin-left: 100px;
   margin-right: 30px;font-size:13px;
}
#b6
{border-radius: 25px;
       width:300px; height:330px;
    padding: 15px;
    background-color: #666666;
    box-shadow: 0px 8px  12px 2px black;
   margin-left: 100px;
   margin-right: 30px;  
   color:white;font-size:13px;
}
#b6:hover
{       width:300px; height:330px;
    padding: 15px;color:black;
    background-color: white;
    box-shadow: 0px 8px 12px 2px black;
   margin-left: 100px;
   margin-right: 30px;font-size:13px;
}
#button:link, #button:visited {
    background-color: #666666;border-radius: 25px;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block; box-shadow: 0px 8px 12px 2px black;
}


#button:hover, #button:active {
    background-color: white;color:black; box-shadow: 0px 8px 12px 2px black;
border-radius: 25px;}

/*MEDIA QUERY*/
@media only screen and (max-width : 640px) {

    header {

        position: absolute;

    }

    .ca-menu {

        display:inline-block;

    }

     ul { 

        display: none;
        position: absolute;
        padding: 20px;
        background: #fff;
        border: 5px solid #444;
        right: 20px;
        top: 60px;
        width: 50%;
        border-radius: 4px 0 4px 4px;

    }

     li {

        text-align: center;
        width: 100%;
        padding: 10px 0;
        margin: 0;

    }

     ul:hover {

        display: block;

    }