@media only screen and (max-width: 1200px) {
    #galleryintro {
    	padding: 100px 0px;
	}

	.blog-width h2.entry-title{
		margin-top:0px;
	}



}
@media only screen and (max-width: 1024px) {



	article{
		flex: 0 1 42%;
	}

	.blog-width{
		justify-content: space-around;
	}

}
@media only screen and (max-width: 900px) {
	#page{
		padding:20px 0px;
	}

}
@media only screen and (max-width: 800px) {



	#about-banner #text{
		padding:0px 20px;
	}
	#about-banner{
		padding:100px 0px;
	}
	.blog-width .entry-header{
		padding-top:0px;
	}
	#logo, .menu-main-container{
		float:none;
	}
	#logo{
		margin-bottom:30px;
		margin-top: 20px;
	}
	#subnav a, #subnav{
		float:none;
		display: block;
	}

	#subnav{
		margin:30px 0 ;

	}
	.page-template-0_about-php #about-banner{
		padding-top:140px;
	}

}
@media only screen and (max-width: 700px) {



 	#menu-item-3454{
	 	display:none;
 	}
 	#menu-item-45{
		margin-left:0px;
	}
	#menu-item-43{
		margin-right:0px;
	}

 	.col-50{
	 	float:none;
	 	width:100%;

 	}
 	#firstone{
	 	display:none;
 	}

	.page-template-0_contact .col-50.image{
		display:none;
	}
 }
/* --- MOBILE --- */

@media only screen and (max-width: 600px) {
	.home #headline h2 {

	font-size: 14px;
	letter-spacing: 3px;
	line-height: 22px;
}
	#logo {
	margin-bottom: 20px;
}
#galleryintro .flex{
grid-template-columns: 1fr 1fr;
}
#back-to-top{
	bottom:10px;
	right:10px;
}
#subnav {
	margin: 20px 0 30px 0;
}
.magazine-title.head, #about-banner #text h1 {
	display: none;
}
.page-template-0_gallery_categories #categories a{
	width:40vw;
	height:60vw;
}
.blog-width .entry-header {
    padding-top: 20px;
}
.menu a {
	font-size:10px;
}
	article{
		flex: 0 1 90%;
	}

.home .gallerycard{
	width:32vw;
    height: 40vw;
	margin:5%;
}
#videomessage #text {
    max-width: 100vw;
}

.single .entry-header h2{

    font-size: 15px;
    line-height: 21px;
	margin-top:0px;
}

#gallery-header{
	display: none;
}
.home #videomessage #text{
	padding:16%;
}


	.hovercard{
		opacity: 1;
	}



   #gform_1 input, #gform_1 #field_1_8 .gfield_label{
	   font-size:14px;
   }
	#footer p{
		padding:0 10px;
	}
  	ul.menu li{
	  	margin:0 15px;
  	}
    .swiper-container{
	    margin:0 auto;
    }

    .magazine-title, #profiles h3{
	    font-size:21px;
	    line-height:25px;
    }

    #logo{
	    width: 180px;
		height: 14px;
		background-size: 180px 14px;
		margin-top:10px;
    }
 	#header{
	 	padding:20px 0px 0px 0px;
 	}
    .menu{
	    margin:20px 0px;
    }


    #galleryintro {
    	padding: 50px 0px;
	}

	.home .swiper-slide{
	}



	#videodiv{
		height:500px;
	}

	#videomessage #text{
		padding:20px;
	}

	#footer {
    	padding: 50px 0px;

    }


	#gallery-nav{
		display:none;
	}

	#mobile-gallery-nav{
		display:block;
	}


	#videoblock video{
		height:100%;
	}

}

@media only screen and (max-width: 400px) {
#videomessage #text{
	display:block;
}
#videomessage #words h3, #videomessage #words, #videomessage #image, #videomessage #text,
#videomessage #text p{
	text-align: center;

}

#videomessage #text #image img {
    max-width: 50vw;
}
#videomessage #text h3{
	margin-top:10px;
}
#videomessage #text p{
	margin:30px 0px;
}
#videomessage .button{
	margin:0 auto;
}


#words{
	padding:0px;
}
	.gallerycard img {
    width: 90px;
    }
  .site-width{
	  padding:0px;
  }
  .blog-width .entry-header{
	  padding-top:10px;
  }
  .col-40, .col-60{
	  width:100%;
	  float:none;
	  padding:0px;
  }
  .menu a{
	  letter-spacing: 1px;
	  font-size:10px;
  }
  .hovercard h3{
	  font-size:14px;
	  letter-spacing: 1px;
  }
  .home #videomessage #text {
    padding: 10%;
}

}
@media only screen and (max-width: 360px) {
ul.menu li {
    margin: 0 10px;
}

.home
#videodiv {
}
	#subnav a{
	margin:0 10px;
}

}