/*
Theme Name: Shirley/Hutcinson Creativeworks v3.0
Author: Keith A Goolsby
Version: 3.0
Date: January 2016
*/


@charset 'UTF-8';

@import url("css/style.css");


/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

body {background-color: #fff; background-repeat: no-repeat; background-attachment: fixed; padding: 0 !important; margin: 0 !important; max-height: 2500px !important}

body,input,textarea,select 
	{
		font-family: 'source sans pro', sans-serif;
		font-weight: 300;
		color: #52575c;
	}
	
	

	h1,h2,h3,h4,h5,h6
	{
		font-weight: 300;
		color: #52575c;
	}
	
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;
		}

		h2 a:hover {color:#f3754f}

	a
	{
		color: inherit;
		text-decoration: none;
		-moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-o-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	}
	
		a:hover
		{
			color: #373637;
			border-bottom-color: rgba(255,255,255,0);
		}

		strong, b {font-weight: 600;}
	
	em, i
	{
		font-style: italic;
	}
	
	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	li {list-style-type: none;}
	
	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
	}
	
	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	p, ul, ol, dl, table, .features
	{
		margin-bottom: 1.5em; font-family: 'source sans pro', serif; font-weight: lighter;
	}

	br.clear
	{
		clear: both;
	}


	/* Images */

		.image
		{
			display: inline-block;
			-moz-transition: opacity 0.25s ease-in-out;
			-webkit-transition: opacity 0.25s ease-in-out;
			-o-transition: opacity 0.25s ease-in-out;
			-ms-transition: opacity 0.25s ease-in-out;
			transition: opacity 0.25s ease-in-out;
			outline: 0;
			border: 0;
		}
		
			.image img
			{
				display: block;
			}

			.image.full
			{
				display: block;
				width: 100%;
				margin: 0 0 3em 0;
			}
			
			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}
			
			.image.centered
			{
				display: block;
				margin: 0 0 3em 0;
			}

				.image.centered img
				{
					margin: 0 auto;
					width: auto;
				}

			a.image:hover
			{
				opacity: 0.85;
			}

	/* Lists */

	/* Forms */

		form
		{
		}
		
			form .actions
			{
				padding-top: 0;
			}
		
			form label
			{
				display: block;
			}
		
			form input.text,
			form select,
			form textarea
			{
				-webkit-appearance: none;
				display: block;
				background: #f3f4f5;
				border: solid 1px #d2d7dc;
				border-radius: 0.35em;
				width: 100%;
				padding: 0.85em;
				-moz-transition: background-color 0.25s ease-in-out;
				-webkit-transition: background-color 0.25s ease-in-out;
				-o-transition: background-color 0.25s ease-in-out;
				-ms-transition: background-color 0.25s ease-in-out;
				transition: background-color 0.25s ease-in-out;
			}

				form input.text:focus,
				form select:focus,
				form textarea:focus
				{
					background: #fff;
				}
				
				form textarea
				{
					min-height: 7em;
				}

				form .formerize-placeholder
				{
					color: #555 !important;
				}

				form ::-webkit-input-placeholder
				{
					color: #555 !important;
				}

				form :-moz-placeholder
				{
					color: #555 !important;
				}

				form ::-moz-placeholder
				{
					color: #555 !important;
				}

				form :-ms-input-placeholder
				{
					color: #555 !important;
				}

				form ::-moz-focus-inner
				{
					border: 0;
				}
			
	/* Tables */
	
		table
		{
			width: 100%;
		}
		
			table.style1
			{
				width: 100%;
			}
			
				table.style1 tbody tr:nth-child(2n+2)
				{
					background: #f4f4f4;
				}
				
				table.style1 td
				{
					padding: 0.5em 1em 0.5em 1em;
				}
				
				table.style1 th
				{
					text-align: left;
					font-weight: bold;
					padding: 0.5em 1em 0.5em 1em;
				}
			
				table.style1 thead
				{
					background: #444;
					color: #fff;
				}
				
				table.style1 tfoot
				{
					background: #eee;
				}
				
				table.style1 tbody
				{
				}

	/* Buttons */
		
		.button
		{
			display: inline-block;
			color: inherit;
			text-decoration: none;
			border: solid 1px #c2c7cc;
			border-radius: 0.35em;
			padding: 0.8em 2em 0.8em 2em;
		}

			.button:hover
			{
				color: #f35858;
				border-color: rgba(243,88,88,0.5);
			}
			
			.button:active
			{
			}
		
			.button.alt
			{
			}

				.button.alt:hover
				{
				}
				
				.button.alt:active
				{
				}
		
			.button.small
			{
			}
			
			.button.big
			{
			}
			
			.button.huge
			{
			}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/



#nav {width: 100%; margin: 16px 0; padding: 0}
#nav ul {display: block; width: 90%; margin: 0 auto}
#nav .menu-main-menu-container {text-align: center; width: 100%}
#nav .menu-main-menu-container #menu-main-menu {margin: 0 !important; -webkit-margin-before: 0 !important; padding: 0 !important; -webkit-padding-before: 0 !important}

#nav li {text-transform: uppercase; font-family: 'lora', sans-serif; font-size: 16px; z-index: 105; display: block; float: left; margin: 0 3% 0 0;}
#nav li a {display: block; color: #272727; text-decoration: none; -moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; -webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; -ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; float: left; padding: 0 0 0 0; border: none; z-index: 105 !important; height: 30px; font-weight: lighter; margin: 0 0 0 0;}
#nav li.fourth a {padding: 0 40px 0 180px !important}
#nav li.last a {padding: 0 0px 0 0 !important;}

#nav li a:hover {color: #f3754f}

#nav .menu-main-menu-container #menu-main-menu li.top-level {width: 16.66%; text-align: center !important; margin: 0 !important; }
#nav .menu-main-menu-container #menu-main-menu li.top-level a {width: 100%; text-align: center !important;}

#nav ul ul {position: absolute; z-index: 101; margin-top: 30px; margin-left: 0px; padding: 0 !important; width: inherit; border: 1px solid rgba(0,0,0,.1); border-top: none !important}
#nav ul ul li {float: none !Important; font-size: 14px; padding: 0px !important; text-transform: uppercase !important; font-family: 'lora', sans-serif; margin: 0 !important; background-color: #fff; z-index: 101 !important; color: #272727}
#nav ul ul li a {background-color: #fff; color: #272727; padding: 12px 5px 0px 5px; float: none !important; display: block; border: none !Important; margin: 0 !Important; height: 30px;}
#nav ul ul li a:hover {color: #f3754f; background-color: #fff; background-image: none; padding: 12px 5px 0px 5px; }

#nav ul ul ul {position: absolute; margin-left: 125px; margin-top: -41px; display: inline; float: right; padding: 0; min-width: 200px}
#nav ul ul ul li {width: auto !important}



#lower-4 {margin-bottom: 0px; min-height: 400px; }
#lower-4 .who-we-are-wrap {width: 100%;}
#lower-4 .who-we-are {padding: 0 40px;}
#lower-4 h3 {font-size: 30px; font-weight: lighter; color: #1c2b41}
#lower-4 a {background-color: #3872dd}

a.alignleft, img.alignleft {position: relative; display: inline-block; margin: 0 10px 10px 0}
img.alignleft {margin: 0 20px 10px 0; float: left}
.wp-caption.alignleft {margin-right: 35px; position: relative; float: left; margin: 0 35px 10px 0}
.wp-caption p.wp-caption-text {font-size: 16px !important}
a.alignright, img.alignright, .wp-caption.alignright {position: relative; float: right; display: block; margin: 0 0 10px 10px}
img.size-large {width: 100%; height: auto}
img.size-full {/*width: 100% !important;*/ height: auto}

#testimonials-wrap {width: 100%; float: none; margin-top: 100px}
#lower-body #testimonials {width: 100%; min-height: 378px; display: block; position: relative; text-align: center; background-image: url('images/testimonial-bg.jpg'); background-size: cover; padding: 20px 0; background-position: center center}
#lower-body #testimonials h1 {text-align: center; margin: 40px 0 40px 0}
#lower-body #testimonials li {font-style: italic; font-family: 'source sans pro', serif; }

#corp-profile-wrap {width: 100; padding: 80px 20px 0 20px;}
#corp-profile {min-height: 400px; text-align: center}
#corp-profile img {width: 150px; height: auto;}
#corp-profile h1 {text-align: center !important; font-size: 40px;}
#corp-profile p {padding: 0 80px;}

.clearfloat {display: block; float: none; clear: both}


/*********************************************************************************/
/* Sidebar                                                                        */
/*********************************************************************************/
#sidebar {padding-right: 20px; position: relative; display: inline-block; width: 30%; margin-left: 8%}
#sidebar h1 {margin: 0; text-transform: capitalize; font-weight: 500}
#sidebar h2 {font-weight: 500 !important}
#sidebar h3 {font-style: normal; margin: 20px 0 20px 0; text-align: left; font-size: 2.5vw !important}
#sidebar h4 {font-weight: normal; font-family: 'lora', serif; color: #373637; font-size: 20px !important; margin-top: 0 !important}
#sidebar p {margin-bottom: 0; font-weight: normal; font-size: 18px; font-weight: lighter}

#sidebar ul {margin-left: 0; padding-left: 0 !important}
#sidebar li {list-style-type: none}
#sidebar li a {color: #F3754F; font-weight: bold}

#sidebar .wpcf7 {width: 250px !important}
#sidebar .wpcf7 h3 {font-size: 1.75vw !important; line-height: 2vw}
#sidebar .wpcf7 .input input {width: 230px !important; height: 35px; background-color: #fff; color: #272727 !important; font-size: 16px; padding: 0 10px; margin: 0 0 20px 0; border-radius: 5px; border: 1px solid #575757}
#sidebar .wpcf7 .text textarea {width: 230px !important; height: 100px; background-color: #EDEDED; color: #272727 !important; font-size: 14px; padding: 0 10px; margin: 0 0 20px 0}
#sidebar .wpcf7-list-item {display: block}
#sidebar .wpcf7 .dropdown {margin: 0 0 20px 0; }
#sidebar .wpcf7 .dropdown select {width: 100%}
#sidebar .wpcf7 .required {font-size: 11px; font-style: italic}
#sidebar .wpcf7 .captcha span {display: inline-block !important; width: 50%; top: -8px; position: relative; height: 25px;}
#sidebar .wpcf7 input.captcha {display: inline !important; width: 50%; height: 25px !important; background-color: #fff; color: #272727 !important; font-size: 16px; padding: 0 10px; margin: 0 0 20px 0; border-radius: 5px; border: 1px solid #575757}
#sidebar .wpcf7 .wpcf7-submit {color: #fff; text-shadow: none !important; border-radius: 5px; background-color: #f3754f; padding: 7px 20px; text-decoration: none; border: 1px solid #f3754f; cursor: pointer; font-size: 2vw; width: 100%; -moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; -webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; -ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;}
#sidebar .wpcf7 .wpcf7-submit:hover {color: #f3754f !important; background-color: #fff !important; border: 1px solid #f3754f}



/* CONTACT PAGE */





.loaded section,
.no-js section {
	opacity: 1;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
}
main {
	overflow-x: hidden;
}

main h2 {text-transform: capitalize; color: #fff; font-family: 'Source Sans Pro', sans-serif;}

.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100vh;
	width: 100%;
}

.slide-text {}
.slide-text p {font-size: 18px !important;}




.author-bio {padding: 20px; background-color: #e3e3e3; position: relative; display: block;}
.author-bio h3 {font-style: normal; margin: 10px 0 !important}
.author-bio p {font-size: 20px !important; line-height: 26px !important}
.author-bio img {margin: 10px 20px 0px 0; width: 150px; height: auto}








/*
.curtainContainer {width: 100%; height: 100%; position: relative;}
.curtainContainer .curtain {width: 100%; height: 100%; background-color: #272727; position: relative; top: 25%; left: 0; opacity: 0}
.curtainContainer .copy {position: relative; bottom: 30%; left: 0; width: 100%; text-align: center;}
#slide-4 {position: relative; height: 100%; display: block;}
#slide-4 .bcg {background-image:url('')}*/

/* Slide 5 */
#slide-5 {position: relative; height: 100vh; display: block;}
#slide-5 .bcg {background-image:url('images/bcg_slide-5.jpg'); position: relative;}
#slide-5 .bcg2 {background-image:url('images/bcg_slide-5b.jpg'); position: relative; }
#slide-5 .bcg3 {background: none; background-color: #010101; z-index: 2;  position: relative; }


.hsContainer {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	position: relative;
}

.hsContent {
	max-width: 450px;
	margin: 0 auto 0 auto;
	display: table-cell;
	color: #ebebeb;
	padding: 0 0 !important;
	position: relative;
	text-align: center
}
	.hsContent h2,
	.copy h2 {
		color: #ffffff;
		font-size: 45px;
		line-height: 48px;
		margin-bottom: 12px;
	}
	.hsContent p {
		margin: 0 auto;
		color: #b2b2b2;
	}
	.hsContent a {
		color: #b2b2b2;
		text-decoration: underline;
	}
	.bgBlack {
		background-color: rgba(0,0,0,0.75);
		padding: 3px 10px;
	}

#fancybox-wrap {}



@media screen and (max-width: 1024px){
	html {overflow: visible !important}
	#nav-wrap {padding-top: 40px}
	#responsive-menu {width: 33% !important; background-color: #272727}
	#click-menu {display: block !important; background-color: #fff !important; margin-top: 30px}
	#click-menu .threeLines .line {height: 2px !important}
	#responsive-menu #responsive-menu-title {background-color: #272727 !important}
	#responsive-menu ul ul.sub-menu {position: relative;}
	#responsive-menu ul ul li, #responsive-menu ul ul li a {background-color: #272727 !important}
	
	#sidebar {display: none}
	.page-content {width: 100% !important}
	
	h2.headline {height: 100px !important; padding-top: 40px !important}
	

	#slide-0, #slide-0 .bcg {height: 100% !important}
	#video-container-0 {background: transparent !important}
	#bgvid-0 {display: none !important}
	#slide-0 .featured-text {position: absolute !important; top: 20vh; width: 90%; margin: 0 auto; padding: 0 5%}
	#slide-0 .featured-text br {display: none !important}
	#slide-0 .bottom-more {bottom: 0; padding-top: 20px; padding-bottom: 30px}

	#slide-1 {height: 80vh !important}
	#slide-1 .slide-text {margin-top: 20vh !important}

	#radio-commercial-production-tampa-fl div.wp-caption {float: none !important; width: 30% !important}
	
	
	.page-content img {width: 100% !important; height: auto}
	
	@media screen and (width: 1024px) {

	}

}

@media screen and (max-width: 667px) {
	.banner-link {display: none !important}	
	#nav button#responsive-menu-button {background: #fff}
	#responsive-menu-container #responsive-menu, #responsive-menu-container #responsive-menu ul {margin-left: 0}
	#nav #responsive-menu-container {width: 80%}
}

@media screen and (min-width: 375px) and (max-width: 627px) { 
		html {overflow-y: scroll !important}
}
@media screen and (min-width: 375px) and (max-width: 667px) {
	html {overflow: visible !important}
	#nav-wrap {padding-top: 40px}
	#responsive-menu {width: 66% !important; background-color: #272727; overflow-y: scroll !important}
	#click-menu {display: block !important; background-color: #fff !important; margin-top: 30px}
	#click-menu .threeLines .line {height: 2px !important}
	#click-menu .appendLink {color: #fff !important}
	#responsive-menu #responsive-menu-title {background-color: #272727 !important}
	#responsive-menu ul ul.sub-menu {position: relative;}
	#responsive-menu ul ul li, #responsive-menu ul ul li a {background-color: #272727 !important}
	
	#sidebar {display: none}
	.page-content {width: 100% !important}
	
	#content h1 {font-size: 4vh; line-height: 5vh;}
	#content h2 {font-size: 3vh; line-height: 3.5vh;}
	#content a img, #content a img.size-full {width: 100% !important; height: auto;}
	#content img.size-medium, #content img.alignright {width: 44% !important; height: auto;}	
	#corporate-branding .page-content img.alignright  {width: 44% !important; height: auto;}	
	#corporate-branding img.alignleft {width: 90% !important;}
	#radio-commercial-production-tampa-fl div.wp-caption {float: none !important;}
	
	#content li {font-size: 18px; line-height: 28px}
	
	#content iframe {width: 90% !important}
		
	h2.headline {font-size: 5vh !important; padding-top: 35px !important; height: 90px !important;}
	
	
	.bcg {background-attachment: scroll !important}
	

	
}

@media screen and (min-width: 320px) and (max-width: 568px) {
	html {overflow-y: scroll !important; overflow:  visible !important }
	body {overflow: visible !important}
	#nav-wrap {padding-top: 40px}

	#responsive-menu {width: 66% !important; background-color: #272727; overflow-y: scroll !important}
	#click-menu {display: block !important; background-color: #fff !important; margin-top: 30px}
	#click-menu .threeLines .line {height: 2px !important}
	#click-menu .appendLink {color: #fff !important}
	#responsive-menu #responsive-menu-title {background-color: #272727 !important}
	
	#responsive-menu ul ul.sub-menu {position: relative;}
	#responsive-menu ul ul li, #responsive-menu ul ul li a {background-color: #272727 !important}
	
	
	#sidebar {display: none}
	.page-content {width: 100% !important}
	
	#content h1 {font-size: 4vh; line-height: 5vh;}
	#content h2 {font-size: 3vh; line-height: 3.5vh;}
	#content a img, #content a img.size-full {width: 100% !important; height: auto;}
	#content img.size-medium, #content img.alignright {width: 44% !important; height: auto;}	
	#corporate-branding .page-content img.alignright  {width: 44% !important; height: auto;}	
	#corporate-branding img.alignleft {width: 90% !important;}
	#radio-commercial-production-tampa-fl div.wp-caption {float: none !important;}
	
	#content li {font-size: 18px; line-height: 28px}
	
	#content iframe {width: 90% !important}
		
	h2.headline {font-size: 5vh !important; padding-top: 35px !important; height: 90px !important;}
	
	
	.bcg {background-attachment: scroll !important}
	
	#slide-0 {margin-top: 100px; height: 100vh !important}
	#slide-0, #slide-0 .bcg {height: 90vh !important}
	#video-container-0 {background: transparent !important}
	#bgvid-0 {display: none !important}
	#slide-0 .featured-text {position: absolute !important; top: 10vh; width: 90%; margin: 0 auto; padding: 0 5%}
	#slide-0 .featured-text br {display: block !important}
	#slide-0 .bottom-more {bottom: 0; padding-top: 20px; padding-bottom: 40px}
	#slide-0 a img {width: 30%; height: 30%;}
	#slide-0 h2 {font-size: 7vh; line-height: 7vh; margin: 7px 0}
	#slide-0 .description {margin-top: 20px !important}
	#slide-0 h1 {font-size: 3vh !important; line-height: 2.5vh !important; margin: 0 !important}
	#slide-0 p {font-size: 3vh !important; line-height: 4vh !important}

	#slide-1 {height: 100vh !important}
	#slide-1 .slide-text {margin-top: 15vh !important}
	#slide-1 h2 {font-size: 6vh !important; margin: 20px 0}
	#slide-1 p {font-size: 2.5vh !important; line-height: 4vh !important}

	

	#slide-3 .plaxEl {top: 0 !important; height: 100% !important}
	#slide-3 .col-wrap {position: relative; width: 90%; margin: 0 auto; float: none}
	#slide-3 br {display: none !important}
	#slide-3 h2 {font-size: 4.5vh !important; line-height: 5vh !important}
	#slide-3 p {font-size: 2.2vh !important; line-height: 3.8vh !important}
	#slide-3 a {margin-top: 20px !important}
	
	#slide-4 .wpcf7 .input, #slide-4 .wpcf7 .text, #slide-4 .wpcf7 .captcha, #slide-4 .wpcf7 .submit {position: relative; display: block; width: 100%; float: none}
	#slide-4 .wpcf7 .submit {margin-top: 0 !important}
	#slide-4 .wpcf7 .submit .wpcf7-submit {color: #fff; text-shadow: none !important; border-radius: 5px !important; background-color: #f3754f; padding: 10px 20px; text-decoration: none; border: 1px solid #f3754f; margin-top: 30px !important}
/* Skrollr fix */
	#slide-1 .hsContent[data-center], #slide-2 h2, #slide-2 p[data-center], #slide-2 .why-are-we[data-center], #slide-3 .homeSlide[data-top], #slide-3 .homeSlide[data-bottom], #slide-3 .skrollable[data-top], #slide-3 .skrollable[data-800-top] {opacity: 1 !important}
	
	#footer .menu {display: none !important}
	
	@media screen and (width: 568px) {
		#slide-0 {height: 80vh !important}
		#slide-0 a img {width: 12%; height: 12%;}
		#slide-0 h2 {font-size: 6vw !important; line-height: 6vw !important}
		#slide-0 .description {margin-top: 10px !important}
		#slide-0 h1 {font-size: 2.5vw !important; line-height: 3vw !important}
		#slide-0 p {font-size: 2.5vw !important; line-height: 3vw !important}
		#slide-0 .bottom-more {bottom: 3vh; padding-top: 10px; padding-bottom: 10px; background-color: transparent !important}

		#slide-1 {height: 100vh !important}
		#slide-1 .slide-text {margin-top: 15vh !important}
		#slide-1 h2 {font-size: 6vw !important; margin: 20px 0}
		#slide-1 p {font-size: 2vw !important; line-height: 3vw !important; letter-spacing: -0.5px}
		#slide-1 a.link {top: 10px !important; margin: 0 !important; display: inline-block; font-size: 2.5vw !important}


		

		#slide-3 .bcg {}
		#slide-3 .plaxEl {top: 0 !important; height: 100% !important}
		#slide-3 .col-wrap {position: relative; width: 90%; margin: 0 auto; float: none}
		#slide-3 br {display: none !important}
		#slide-3 h2 {font-size: 4.5vw !important; line-height: 5vw !important}
		#slide-3 p {font-size: 2.2vw !important; line-height: 3.8vw !important}
		#slide-3 a {margin-top: 20px !important}
		
	}
}

@media screen and (min-width: 320px) and (max-width: 480px) {
	html {overflow-y: scroll !important; overflow: visible !important}
	body {overflow-y: scroll !important; overflow: visible !important}
	#nav-wrap {padding-top: 40px}
	
	
	#responsive-menu {width: 66% !important; background-color: #272727; overflow-y: scroll !important}
	#click-menu {display: block !important; background-color: #fff !important; margin-top: 30px}
	#click-menu .threeLines .line {height: 2px !important}
	#click-menu .appendLink {color: #fff !important}
	#responsive-menu #responsive-menu-title {background-color: #272727 !important}
	#responsive-menu ul ul.sub-menu {position: relative;}
	#responsive-menu ul ul li, #responsive-menu ul ul li a {background-color: #272727 !important}
	
	#sidebar {display: none}
	.page-content {width: 100% !important}
	
	#content h1 {font-size: 4vh; line-height: 5vh;}
	#content h2 {font-size: 3vh; line-height: 3.5vh;}
	#content a img, #content a img.size-full {width: 100% !important; height: auto;}
	#content img.size-medium, #content img.alignright {width: 44% !important; height: auto;}	
	#corporate-branding .page-content img.alignright  {width: 44% !important; height: auto;}	
	#corporate-branding img.alignleft {width: 90% !important;}
	#radio-commercial-production-tampa-fl div.wp-caption {float: none !important;}
	
	#content li {font-size: 18px; line-height: 28px}
	
	#content iframe {width: 90% !important}
		
	h2.headline {font-size: 5vh !important; padding-top: 35px !important; height: 90px !important;}
	
	
	.bcg {background-attachment: scroll !important}
	
	#slide-0 {margin-top: 100px; height: 100vh !important}
	#slide-0, #slide-0 .bcg {height: 90vh !important}
	#video-container-0 {background: transparent !important}
	#bgvid-0 {display: none !important}
	#slide-0 .featured-text {position: absolute !important; top: 10vh; width: 90%; margin: 0 auto; padding: 0 5%}
	#slide-0 .featured-text br {display: block !important}
	#slide-0 .bottom-more {bottom: 0; padding-top: 20px; padding-bottom: 40px}
	#slide-0 a img {width: 30%; height: 30%;}
	#slide-0 h2 {font-size: 7vh; line-height: 7vh; margin: 7px 0}
	#slide-0 .description {margin-top: 20px !important}
	#slide-0 h1 {font-size: 3vh !important; line-height: 2.5vh !important; margin: 0 !important}
	#slide-0 p {font-size: 3vh !important; line-height: 4vh !important}
	#slide-0 .featured-text br {display: none !important;}
	
	#slide-1 {height: 100vh !important}
	#slide-1 .slide-text {margin-top: 15vh !important}
	#slide-1 h2 {font-size: 6vh !important; margin: 20px 0}
	#slide-1 p {font-size: 2.5vh !important; line-height: 4vh !important}


	

	#slide-3 .plaxEl {top: 0 !important; height: 100% !important}
	#slide-3 .col-wrap {position: relative; width: 90%; margin: 0 auto; float: none}
	#slide-3 br {display: none !important}
	#slide-3 h2 {font-size: 4.5vh !important; line-height: 5vh !important}
	#slide-3 p {font-size: 2.2vh !important; line-height: 3.8vh !important}
	#slide-3 a {margin-top: 20px !important}
	
	#slide-4 .wpcf7 .input, #slide-4 .wpcf7 .text, #slide-4 .wpcf7 .captcha, #slide-4 .wpcf7 .submit {position: relative; display: block; width: 100%; float: none}
	#slide-4 .wpcf7 .submit {margin-top: 0 !important}
	#slide-4 .wpcf7 .submit .wpcf7-submit {color: #fff; text-shadow: none !important; border-radius: 5px !important; background-color: #f3754f; padding: 10px 20px; text-decoration: none; border: 1px solid #f3754f; margin-top: 30px !important}
/* Skrollr fix */
	#slide-1 .hsContent[data-center], #slide-2 h2, #slide-2 p[data-center], #slide-2 .why-are-we[data-center], #slide-3 .homeSlide[data-top], #slide-3 .homeSlide[data-bottom], #slide-3 .skrollable[data-top], #slide-3 .skrollable[data-800-top] {opacity: 1 !important}
	
	#footer .menu {display: none !important}
	
	@media screen and (width: 480px) {
		#slide-0 {height: 80vh !important}
		#slide-0 a img {width: 12%; height: 12%;}
		#slide-0 h2 {font-size: 6vw !important; line-height: 6vw !important}
		#slide-0 .description {margin-top: 10px !important}
		#slide-0 h1 {font-size: 2.5vw !important; line-height: 3vw !important}
		#slide-0 p {font-size: 2.5vw !important; line-height: 3vw !important}
		#slide-0 .bottom-more {bottom: 3vh; padding-top: 10px; padding-bottom: 10px; background-color: transparent !important}

		#slide-1 {height: 100vh !important}
		#slide-1 .slide-text {margin-top: 15vh !important}
		#slide-1 h2 {font-size: 6vw !important; margin: 20px 0}
		#slide-1 p {font-size: 2vw !important; line-height: 3vw !important; letter-spacing: -0.5px}
		#slide-1 a.link {top: 10px !important; margin: 0 !important; display: inline-block; font-size: 2.5vw !important}


	}	
}

#content .wp-block-column.is-vertically-aligned-top p {
	margin: 0 !important;
}