/*
Theme Name: responsive
*/
@media only screen and (max-width: 1600px) {

	
}


/* Note: Design for a width of 1024px */
@media only screen and (min-width: 1024px) and (max-width: 1215px) {

}
/* =Responsiveness: Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.main-navigation {
		width: 75%;
		float: left;
	}
	.sociallinks {
		width: 20%;
		float: right;
		text-align: right;
		padding-top: 7px;
	}
	.main-navigation a {
		font-size: 20px;
	}
	.custom-logo {
		width: 250px;
	}
	.topimagebackground {
		background-position: center 150px;
	}
	h1 {
		font-size: 24px;
	}
	.vc_col-sm-6 {
		width: 100%;
	}
	#colophon {
		background-size: 100%;
	}
	
 
}



/* =Responsiveness: Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.sociallinks {
		width: 100%;
		float: none;
		text-align: center;
		padding-top: 0px;
	}
	#page {
		margin-bottom: 35px;
		margin-top: 45px;
	}
	.kidseatfreehead {
		position: absolute;
		right: 5%;
		z-index: 999;
		width: 100px;
		top: 50px;
	}
	body {
		text-align: center;
	}
	h1 {
		font-size: 24px;
	}
	.homethumbnails {
		display: none;
	}
	.topimagebackground {
		background-position: center 175px;
	}
	#colophon {
		background-size: 100%;
	}
	
	
}

/* =Responsiveness: Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sociallinks {
		width: 100%;
		float: none;
		text-align: center;
		padding-top: 0px;
	}
	body {
		text-align: center;
	}
	h1 {
		font-size: 24px;
	}
	.homethumbnails {
		display: none;
	}
	.topimagebackground {
		background-position: center 175px;
	}
	#colophon {
		background-size: 100%;
	}
	
}