@media screen and (max-width: 980px) {
  #menu {
    display:none;
  }

  .slicknav_menu {
    display:block;
  }

  nav {
    display:none;
  }
}



@media only screen and (min-width: 980px) {
  .slicknav_menu {
    display:none;
  }
}

@media only screen and (max-width: 980px) {
	
	#logo {
		display:none;
/*
    width: 100%;
    height: 522px;
		
*/
	}

	#header_container{
		width:auto;
        height: 380px;
		background-size: cover;
		background-position: center;
/*
		background-position: center;
		height: 311px;
*/
	}
	
/*
	#contact-map{
		width: 300px;
	}
*/


	#header_container h3{
		display: none;
	}
	#gallery-1 ga{
		
	}
	
}

@media only screen and (max-width: 700px) {
	
	iframe{
		width:350px;
		height:300px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	section.events img {
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	section.volunteer img {
		width: 80%;
		margin-top: 30px;
		margin-bottom: 30px;
	    
	}
	section.welcome img {
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
}
	
@media only screen and (max-width: 1440px) {
	
	#logo {
		width: 30%;
		padding-top: 100px;
		
/*
    width: 100%;
    height: 522px;
		
*/
	}
/*
	#header h3 {
		padding-top: 500px;
	}
*/

	#header_container h3 {
   width:250px;	
		padding-top: 200px;
	}

	
	
	
}

@media only screen and (max-width: 500px) {
	
	iframe{
		width:300px;
		height:250px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	section.events img {
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	section.volunteer img {
		width: 80%;
		margin-top: 30px;
		margin-bottom: 30px;
	    
	}
	section.welcome img {
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#header_container{
		width:auto;
        height: 250px;
		background-size: cover;
		background-position: center;
	
/*
	#logo {
		display:none;

	}

	#header_container {
		width: 100%;
height: 311px;
		background-position: cover;
	}


	#header_container h3{
		display: none;
	}
*/
	
	
}
	footer img{
  width: 20%;
}

	footer{
		background-image: none;
		height: 190px;
	}
	.gallery {
		;
	}


@media only screen and (min-width: 700px) {
/*
  .slicknav_menu {
    display:none;
  }


  header h1{
    padding-top: 10px;
    float:left;
  }

  nav ul{
    float:right;
    margin-right: 10px;
  }

section#middle_articles{
  width:67.70833333333333%;
  float:left;
}

aside#sidebar{
  width:32.29166666666667%;
  float:right;
}

footer {
  background-image: url(images/footer.png);
}

#footer_container{
  clear:both;
}*/

}