div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.gallery:hover {
    border: 1px solid #777;
    opacity:0.8;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}





body{background:url(background.jpg);}

header	{overflow: hidden;
        box-shadow: 5px 5px 15px black;
            background-color:white; }

header h1{
	 margin-top:20px;
	text-indent:0px ;
	width: 600px;
	height:59px;
	margin:10px 10px 20px 10px;
	font-size: 45px;
	margin-left:0px; 
	text-shadow:1px 2px 1px #3EADE3;
    color:black;
}

a.home{color:black;
        text-decoration:none; }

header h2{
			margin-left:160px;
			font-size:21px;
			
			font-weight: normal;
			line-height:0px;
			border-bottom:0px solid #d1d1d1;} 




footer{clear:both;
border-top: 1px solid #d1d1d1;
padding-top: 18px;
margin top:100px;
color:white;
}


.button{ background: #242324;
		padding:6px;
        color:#efefef;
        text-decoration:none; 
        float:left;}

.button:hover{color:white;
                text-decoration:underline;}





p{font-size:13px;
line-height:20px;
   }


.container_24{padding-top: 10px;}


h1,h2{ letter-spacing:-1px; }

h2{font-size: 26px;
	border-bottom:1px solid #d1d1d1;
 	padding-bottom:20px;
 	margin-bottom: 15px;
    font-family:trebuchet ms; 
    font-weight:normal; 
 } 

 

nav ul {
    list-style-type: none;
    margin: 0px;
    margin-left:-170px;
    padding: 0px;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    background: #f3f3f3;
    padding-left:50px; 
box-shadow: 2px 2px 40px  #d9d9d9;
  }

nav li {
    float: left;
    box-shadow: 2px 2px 50px  #d9d9d9;
    border-right: 1px solid #bbb;
    margin-left: 0px;
}


li a, .dropbtn {
    display: inline-block;
    color: #666;
    text-align: center;
    padding: 25px 25px;
    text-decoration: none;
	font-size:13px; 
}

.dropbtn {
color: white;
    background-color: black;}


li a.active {
    color: white;
    background-color: black;}




li a:hover:not(.active), .dropdown:hover .dropbtn 
            {background-color: black;color:white;}

li.dropdown {display: inline-block;
    }

.dropdown-content
    {   display: none;
        position: absolute;
        background-color: #f3f3f3;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

.dropdown-content a {
    color: #666;
    padding: 25px 25px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: black;}

.dropdown:hover .dropdown-content {
    display: block;}








.all{background-color:white;padding: 25px; 
    margin-top:25px; 
      }


.img{
   
height:250px;
margin-top:30px;
margin-bottom:30px;  
margin-right:50px;
margin-left:50px;  
 border:1px solid #d1d1d1;
text-align: center;
 text-decoration:none; 
}





.img:hover{opacity:0.8;

     
border:1px solid black;}


.side{height:1100px;
    border-right:1px solid #d1d1d1; margin-right:40px; }


.all h5, .all h3{ font-family:trebuchet ms; 
    font-weight:normal; 
 text-align:center; 
color:black;  
text-decoration:none; 


 }



footer a{   
    color:white;
        text-decoration:none;}


footer a:hover{color:white;
            text-decoration:underline;}

footer {text-align:center;
    padding-top:20px;
    margin-top:25px;}

footer p{letter-spacing:30px;
float:right;padding-right:30px;}