#holder3 {
	height: 40vw;
}



	/*--------- holder9 ------------------*/
		.postitem2 {
			width: 23%;
			margin: 1% 0.5%;
		}

	/*--------- holder11 ------------------*/
#hold11inside {
	padding: 10px;
	background-image: none;
}
	.hold11item {
		width: 31%;
		margin-left: 1.5%;
	}





@media screen and (max-width:600px) {

#holder1 { 
	height: 80px;
}
	#bar1 {
		height: 80px;
	}
		#menu-trigger {
			display: block;
		}
		#menu1 {
			height: 40px;
			padding: 0 10px;
			line-height: 40px;
		}
	#social1 {
		width: 100%;
		height: 40px;
		background-color: #878787;
		text-align: center;
	}
			#social1 a {
				margin: 0 5px;
			}
	#menu2 {
		display: none;
	}

#holder3 {
	height: 60vw;
	background-size: 100% 100%;
}
	#h3p1 {
		font-size: 20px;
		margin: 0;
		padding: 0;	
	}
	#h3p2 {
		font-size: 15px;
		margin: 15px 0 35px 0;
	}

	/*--------- holder4 ------------------*/
	#holder4 img {
		clear: both;
		width: 100%;
		max-width: 550px;
		margin: 10px auto;
	}
	#hold4content {
		clear: both;
		width: 100%;
	}
	#hold4content a {
		float: right;
	}

	/*--------- holder5 ------------------*/
	#hold5accordion {
		clear: both;
		width: 100%;
		max-width: 550px;
		margin: 10px auto;
	}
	#hold5content {
		clear: both;
		width: 100%;
	}
	#hold5content a {
		float: right;
	}

	/*--------- holder6 ------------------*/
	#holder6 {
		height: 45vw;
	}
		.holder6item  h3 {
			font-size: 16px;
		}
		.holder6item  hr {
			width: 40%;
		}

	/*--------- holder9 ------------------*/
		.postitem2 {
			width: 47%;
			margin: 1%;
		}

	/*--------- holder11 ------------------*/
	.hold11item {
		width: 47%;
		margin-left: 1.5%;
	}
	.hold11item:first-of-type {
		width: 100%;
		margin: 0;
	}

	/*--------- sign up ------------------*/
		.suf {
			width: 97%;
		}


	/*--------- all page ------------------*/
	#allpright {
		width: 100%;
		margin: 10px 0;
	}
	#allpleft {
		width: 100%;
	}

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

	/*--------- holder11 ------------------*/
	.hold11item {
		width: 100%;
		margin: 0;
	}


}