.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:0;padding-right:0}

/* columns of same height styles */
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}
@media (min-width: 768px) {
	.container>.navbar-header {
		display: none;
	}
	
	.home .row > div .holder,
	.vertical-center {
	  position: relative;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	}
	
    .container-sm-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-sm-height {
        display:table-row;
    }
    .col-sm-height {
        display:table-cell;
        float:none;
    }

}
@media (min-width: 992px) {
    .container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-md-height
     {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none;
    }
    .navbar-default .navbar-nav>li.eggcontest>a {
		width: 450px;
		margin-top: 18px;
	}
	.navbar-default .navbar-nav>li.eggcontest>a:hover {
	    background-position: 0 -74px;
	}
}
@media (min-width: 1200px) {
    .container-lg-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-lg-height {
        display:table-row;
    }
    .col-lg-height {
        display:table-cell;
        float:none;
    }
    #whatwedo .col:nth-child(4) {
	    clear: left;
    }
}



@media only screen and (min-width : 768px) {
	
	.navbar {
		padding: 0 15px 0 45px;
	}
	#inner-footer {
		padding: 0 30px;
	}
	
	.head h1.whitetext {
		color: white;
	}
	
	.home #content h3,
	.home h2 a, .home h3 a {
		font-size: 1vw;
		text-transform: uppercase;
		line-height: normal;
	}
	
	.home h2, .home h3 {
		font-size: 1.7vw;
	}
	.home .large h2 {
		font-size: 3vw;
		line-height: 1.4em;
	}


}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	h2:not(.posts h2), h3, .widgettitle {
		font-size: 16px;
		line-height: 26px;
	}
	#services p,
	#services ul {
	font-size: 14px;
	line-height: 20px;
	}
	
	footer {
		padding: 30px 0;
	}
	
	.intro h2 {
	font-size: 20px;
	line-height: 27px;
	}
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.flex {
		padding-bottom: 50%; 
	}

	#services > div {
		padding-bottom: 50%;
	}
	
	#services > div:nth-child(odd) {
		background: #e9e9e9 !important;
	}
	#services > div:nth-child(even):not(.color) {
		background: #d1d1d1 !important;
	}

	h1 {
		font-size: 27px;
		line-height: 36px;
	}
	h2, h3 {
		font-size: 23px;
		line-height: 30px;
	}

/*
	br, footer .phone br {
		display: none;
	}
	
	footer br {
		display: block;
	}
*/
	
	.navbar-toggle {
		margin-right: 0;
		border: 0;
		margin-top: 12px;
	}
	.navbar-toggle .icon-bar {
		height: 3px;
	}
	
	h3 {
		font-size: 10px;
		line-height: 1.5em;
	}
	.home .text.large p a {
		padding-top: 20px;
	}
	.holder > div {
		margin-top: 0 !important;
	}
	

}

@media only screen and (min-width : 768px) and (max-width : 992px) {
	#services > div:nth-child(1):not(.color),
	#services > div:nth-child(4):not(.color),
	#services > div:nth-child(5):not(.color) {
		background: #f0f0f0 !important;
	}
	#services > div:nth-child(2):not(.color),
	#services > div:nth-child(3):not(.color),
	#services > div:nth-child(6):not(.color),
	#services > div:nth-child(7):not(.color) {
		background: #e4e4e4 !important;
	}
	#main h1 {
		font-size: 27px;
		line-height: 36px;
	}
	.blank {
		display: none;
	}
	.head > img {
		height: 60px !important;
		width: auto !important;
		margin-bottom: 12px !important;
	}
	
	.large .holder {
		padding: 35px;
	}
	.navbar {
		padding: 0 0 0 15px;
	}


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.fancybox-close {
		top: 12px;
		right: 16px;
	}	
	.scroll {
		-webkit-transform: translate3d(0px,0px,0px);
	}
	.holder, .home .text .holder,
	footer {
		padding: 25px 20px 17px !important;
	}
	.row.divider.black .holder {
		padding: 0 !important;
	}
	footer .holder {
		padding: 40px 20px 30px !important;
	}
	footer .large.right .holder {
	padding-top: 47px !important;
	}

	#services > div {
		padding-bottom: 50%;
	}
	.related {
		left: 25px;
	}
	.posts .holder {
		padding: 75px 25px !important; 
	}
	.row .row,
	.scroll .row {
		margin: 0;
	}
	
	#content {
		padding: 0;
	}
	#content h1 {
		font-size: 24px;
		line-height: 24px;
	}
	
	body {
	  padding-top: 0px;
	}
	.home .text a {
		font-size: 12px;
	}
	
	.jumbo > div {
		width: 100%;
	}
	.jumbo > div .x4 {
		margin: 20px 0;
	}

	.social {
		margin-bottom: 20px;
	}
	.navbar-toggle {
		padding-right: 0;
	}
	
	.container > .navbar-header, .container > .navbar-collapse {
		margin: 0 20px 0 0;
		padding: 0;
		text-align: right;
	}

	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background: none;
	}
	.row.center, .row .center, #selectclients, .row.divider {
		padding-left:20px;
		padding-right:20px;
	}
	#selectclients {
		padding-bottom: 20px;
	}
	#selectclients .b7, #selectclients .b7 ul {
		margin-bottom: 0;
	}
	#map-canvas {
		height: 400px;
	}
	.fancybox-inner #content .divider p {
		font-size: 14px;
		line-height: 1.5em;
	}
	h2 {
		font-size: 17px;
		line-height: 24px;
	}
	h2 br {
		display: none;
	}
	#selectclients h4 {
		font-size: 13px;
		margin-top: 20px;
	}
	#selectclients h4 br {
		display: none;
	}
	.intro p {
		margin-left: 0;
		margin-right: 0;
	}
	.fancybox-inner #content .divider h2 {
		font-size: 16px;
		line-height: 30px;
	}
	.fancybox-inner #content .divider .intro h2 {
		font-size: 10px;
		line-height: 20px;
	}

	#content p {
		font-size: 12px;
		line-height: 24px;
	}

}

@media only screen and (max-width : 767px) {
	#services > div > div {
		position: static;
	}

	#main .head {
		position: static;
		text-align: left;
		padding: 17px 20px;
		display: block;
	}
	#main h1 {
		font-size: 27px;
		line-height: 36px;
	}

	.container>.navbar-header {
	margin: 0 22px;
	float: none;
	}
	#menu-header {
		float: none;
	}
	

	.intro.flex .holder {
		position: static;
	}
/*
	.flex {
		padding-bottom: 100%; 
	}
*/
	.intro.flex {
		padding-bottom: 0;
	}
		
	.related {
	position: relative;
	bottom: 10px;
	left: 20px;
	}
		.container {
		overflow: hidden;
	}
	.slidenav {
		display: none;
	}
	.right {
		text-align: left;
	}
	
	#menu-footer {
		padding: 0;
	}
	footer nav li {
		margin-left: 0;
		margin-right: 15px;
	}
	footer h4 {
		margin-bottom: 25px;
	} 
	footer .large + .large .holder {
		padding-top: 0 !important;
	}
		
	#newsletter .container {
	padding: 20px 20px;
	}
	
	h2.alt {
		font-size: 20px;
	}
	
	.slideshow .jumbo > div, 
	.single.jumbo > div,
	.slideshow .holder, 
	.single .holder,
	.holder.visible-xs {
		position: static;
		background: white;
	}
	
	.slideshow .jumbo > div div, 
	.single.jumbo > div div,
	.slideshow .jumbo, 
	.single.jumbo {
		padding-top: 0 !important;
		margin: 0 !important;
	}
	.fancybox-inner #content .single .inverse h2, .fancybox-inner #content .slideshow .inverse h2, .fancybox-inner #content .single .inverseheader h2, .fancybox-inner #content .slideshow .inverseheader h2, .fancybox-inner #content .single .inverse p, .fancybox-inner #content .slideshow .inverse p,
	.fancybox-inner #content .holder.visible-xs p, .fancybox-inner #content .holder.visible-xs  h2{
		color: #231F20;
	}
	
}

@media (max-width: 767px) and (orientation:landscape) {
    .col-sm-6 {
        width: 50%;
        float: left;
    }
    .intro.col-sm-6 {
	    width: 100%;
    }
    .298, .navbar-fixed-bottom {
	    position: absolute;
    }
}

@media (max-width: 480px) and (orientation:portrait) {
    .col-xs-6 {
         width: 100%
    }
    .flex {
	    padding-bottom: 100%;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

	.error404 #main {
		padding: 25px;
	}

	.lines-button {
		margin-top: 0;
	}
	.lines-button.close {
		margin-top: 8px;
	}
    .blank {
	    display: none;
    }

	.holder h1 {
		font-size: 27px;
		line-height: 34px;
	}
	.navbar-brand {
		height: 60px;
		padding: 15px 0;
	}
	.lines-button {
		padding: 1rem 0 ;
	}
	.container>.navbar-header {
		margin: 0 20px;
	}

	.posts .large {
		padding-bottom: 50px;
	}
	.nav>li>a {
		padding-left: 20px;
	}
	.navbar-collapse {
		border: 0;
	}
	.slideshow, .slideshow img {
		margin-top: 0 !important;
	}
	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}