@media only screen and (min-width: 0px) and (max-width: 1240px) {

	div.wrap { width: 960px; }

	#content { width: 60%; }
	#sidebar { width: 40%; }



	#main-navigation ul li { padding: 0 0 0 10px; }

}

@media only screen and (min-width: 0px) and (max-width: 1000px) {

	div.wrap { width: auto; }

	#main-navigation { display: none; }

	#show-mob-nav { display: block; position: absolute; top: 0; right: 20px; color: #d95293; font-size: 30px; line-height: 30px; background: none; width: 80px; height: 80px; text-align: center; padding: 0; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	#show-mob-nav:hover { background: #d95293; color: #FFF; }


	#header-image { padding-top: 198px; }

	#mob-nav { display: block; overflow-y: scroll; padding: 148px 0 0 0; background: #d95293; position: fixed; z-index: 1000; top: 0; right: -100%; bottom: 0; left: 100%; opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }
	#mob-nav.show { right: 0; left: 0; opacity: 1; visibility: visible; }

	#mob-nav ul { display: block; margin: 0; padding: 0; list-style: none; text-align: center; border-top: 1px solid #FFF; }

	#mob-nav ul li { display: block; margin: 0; padding: 0; }
	#mob-nav ul li a { display: block; margin: 0; padding: 10px 20px; text-decoration: none; color: #FFF; border-bottom: 1px solid #FFF; font-family: 'Oswald', sans-serif; font-size: 20px; }
	#mob-nav ul li a i { display: inline-block; margin-left: 5px; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }
	#mob-nav ul li a .active i { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	#mob-nav ul ul { border-top: 0; height: 0; opacity: 0; overflow: hidden;  transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }
	#mob-nav ul ul.show { opacity: 1; height: auto; }

	#mob-nav ul li.current-menu-item a { font-weight: bold; text-decoration: underline; }

	#mob-nav ul ul li a { font-style: italic; font-size: 16px; }

	a.whatsapp { display: inline-block !important; }

	header { z-index: 1001; position: fixed; top: 0; left: 0; right: 0; width: 100%; background-color: #FFF; }
	header #logo { padding-left: 100px; }

	#content { width: 50%; }
	#sidebar { width: 50%; }

	#page-cta { text-align: center; }
	#page-cta p	{ display: inline-block; width: auto; float: none; line-height: 125%; padding-bottom: 30px; padding-left: 0; padding-right: 0; }
	#page-cta a.button { display: block; clear: both; float: none; margin-left: auto; margin-right: auto; }



}

@media only screen and (min-width: 0px) and (max-width: 750px) {

	h1, .h1,
	#home #home-text p { font-size: 40px; }
	h2, .h2 { font-size: 22px; }

	#content,
	#sidebar { width: 100%; float: none; }

	.col-2 { width: 100%; float: none; }

	header #logo { font-size: 30px; line-height: 30px; padding-left: 100px; }
	#show-mob-nav { top: -3px; }

	#mob-nav { padding-top: 138px; }
	#header-image { padding-top: 163px; padding-bottom: 50px; }

	#page-cta a.button { width: 100%; }

}

@media only screen and (min-width: 0px) and (max-width: 480px) {

	h1, .h1,
	#home #home-text p { font-size: 30px; }
	h2, .h2 { font-size: 20px; }

	#blog-container .col-4 { width: 100%; float: none; }

	ul.album li { display: block; float: none; width: 100%; height: auto; }
	ul.album li a img { top: inherit; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

	header { background: #FFF; }
	header #logo { font-size: 20px; line-height: 20px; padding-left: 0; margin: 20px 0; }
	#show-mob-nav { top: -10px; }

	#mob-nav { padding-top: 128px; }
	#header-image { padding-top: 153px; padding-bottom: 50px; }

}