@import url(normalize.css);
@import url(animate.min.css);
@import url(jquery.fancybox.css);

/* viewport */

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
@viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

/* Font-face declarations */

@font-face {
    font-family: 'montserratblack';
    src: url('montserrat-black-webfont.woff2') format('woff2'),
         url('montserrat-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratlight';
    src: url('montserrat-light-webfont.woff2') format('woff2'),
         url('montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratsemibold';
    src: url('montserrat-semibold-webfont.woff2') format('woff2'),
         url('montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratlight_italic';
    src: url('montserrat-lightitalic-webfont.woff2') format('woff2'),
         url('montserrat-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratsemibold_italic';
    src: url('montserrat-semibolditalic-webfont.woff2') format('woff2'),
         url('montserrat-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* the Basics */

* {
	box-sizing: border-box;
}
a {
	text-decoration: none;
}
a img {
	border: 0;
	color: #B0D5D7;
}
html {
    color: #777;
    font: normal 1.2em/1.7em 'montserratlight';
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}


/* Browser Upgrade Prompt */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* typography */

h1, h2 {
	color: #BA2A39;
}
h1 {
	font: normal 3em/1em 'montserratlight', sans-serif;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 15px 0;
}
strong {
	font-family: 'montserratsemibold';
}

/* navigation */

.title-nav-wrapper {
	position: absolute;
	z-index: 101;
	top: 150px;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
}
.main-nav ul {
	display: flex-box;
	display: flex;
	margin: 10px 0;
	padding: 0;
	flex-flow: row nowrap;
	justify-content: center;
}
.main-nav ul li {
	list-style: none;
	padding: 0 15px;
}
.main-nav ul li a {
	color: #FDF500;
	text-transform: uppercase;
}
.main-nav ul li a:hover {
	color: #4CC6FB;
	transition: background .5s ease, color 0.3s linear;
}
.mobilesidemenu input[type="checkbox"] {
	display: none;
}
.mobileoverlay {
	display: none;
}
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	white-space: nowrap;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	border: 0;
}
.hidden-from-nav {
	display: none;
	visibility: hidden;
}

/* home page */

#home-bar {
	width: 100%;
	height: 700px;
	position: relative;
	background: #2B516F;
}
#top-bar {
	width: 100%;
	height: 204px;
	position: relative;
	background: #2B516F url(../pics/topback.jpg) repeat-x center center;
}
#slider {
	z-index: 0;
	height: 100%;
}
.slides {
	margin: 0;
	padding: 0;
}
.slide-pic {
	height: 100%;
	width: 100%;
}
.grad {
	position: absolute;
	z-index: 100;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	height: 200px;
	background: url(gradient.png) repeat-x center top;
}
#logo {
    position: absolute;
    z-index: 101;
    background: rgba(255,255,255, 0.9);
    width: 350px;
    height: 140px;
    top: 0;
    left: 50%;
    margin: 0 0 0 -175px;
    padding: 0 10px;
    border-radius: 0 0 12px 12px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
    text-align: center;
}
.logo-pic {
	height: 100%; 
	width: auto;
}
.slogan {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -40%;
	z-index: 1;
	max-width: 80%;
	text-transform: uppercase;
	font: normal 3.7em/1em 'montserratlight';
	color: #FFF;
	text-align: center;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}
.slogan strong {
	font-family: 'montserratblack';
}
.body-wrapper {
	background: #FFF;
	display: block;
	width: 100%;
	padding: 50px 25px;
	margin: 5px auto;
	overflow: hidden;
}
.body-wrapper a {
	color: #2B516F;
}
.body-wrapper a:hover {
	color: #C3002F;
}
.headline {
	max-width: 1200px;
	display: block;
	margin: auto;
	margin: 0 auto 50px auto;
	border-bottom: 2px solid #b3bac8;
	position: relative;
}
.headline::after {
	content: "";
	width: 20px;
	height: 12px;
	background: #c2cbdb;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	bottom: -7px;
	margin-left: -10px;
}
.columns {
	max-width: 700px;
	margin: auto;
	/* column-count: 2;
	column-gap: 35px;
	column-rule: 1px solid #DCD8C9; */
}
.columns h2:first-child {
	margin: 0;
}
.break {
	min-height: 600px;
	background: transparent;
}
.services-wrapper {
	min-height: 500px;
	width: 100%;
	background: #EEE;
	padding: 50px 25px;
}
.service-container {
	max-width: 1200px;
	margin: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.service-item {
	position: relative;
	background-image: no-repeat center top;
	background-size: cover;
	width: 270px;
	height: 175px;
	margin: 15px;
	text-align: center;
	flex-basis: 0 0 auto;
	display: table;
}
.float-text {
	display: table-cell;
	vertical-align: middle;
	padding: 15px;
	font: normal 1.5em 'montserratblack';
	color: #FFF;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 1);
}
.client-container {
	max-width: 1000px;
	margin: auto;
}

/* carousel */


@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('slick.eot');
    src: url('slick.eot?#iefix') format('embedded-opentype'), url('slick.woff') format('woff'), url('slick.ttf') format('truetype'), url('slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: #E7E7E7;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -40px;
}
[dir='rtl'] .slick-prev
{
    right: -40px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -40px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -40px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -55px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}




/* slides */
.bx-viewport, .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
}
.slides, .slides li{
    height: 100% !important;;
}
.slides li{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    list-style: none;
}
.bx-wrapper .bx-viewport{
    border: none !important;
}

/* gallery */

.gallery-container {
	max-width: 1200px;
	margin: 25px auto;
}

.gallery {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
.gallery-box {
	padding: 25px;
	border: 1px solid #dadfe9;
	border-radius: 10px;
	margin-bottom: 40px;
}
.gallery-item {
	list-style: none;
	margin: 0 10px 25px 20px;
	position: relative;
}
.gallery-back {
	width: 100%;
	margin: 0 auto 25px auto;
	height: 10px;
	background: #D5DAE3;
	border-radius: 5px;
	display: flex;
	justify-content: center;
}
.gallery-title {
	position: relative;
	display: inline-block;
	text-align: center;
	font: normal 1.2em 'montserratsemibold';
	padding: 0 10px;
	z-index: 100;
	overflow: visible;
	background: #FFF;
	margin: -6px 0 0 0;
}
.zoom {
	background: url(../pics/zoom.png) no-repeat center center;
	opacity: 0;
	width: 200px;
	height: 200px;
	position: absolute;
	left: 0;
	top: 0;
}
.zoom:hover {
	opacity: 0.5;
	transition: opacity 0.3s;
}


/* contact page */

.contact-container {
	max-width: 1200px;
	margin: 25px auto;
}
.contact-form {
	width: 49%;
	display: inline-block;
	float: left;
	padding: 25px;
	background: #F9F9F9;
	margin: 25px 0 40px 0;
}
.contact-form p {
	margin-top: 0;
}
.contact-info {
	width: 49%;
	display: inline-block;
	float: right;
}
.contact-form label {
	display: none;
}
.contact-form input, .contact-form textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #DDDDDD;
}
.contact-form button {
	padding: 7px 10px;
	color: #FFF;
	background: #C3002F;
	border: 1px solid #C3002F;
	cursor: pointer;
}
.contact-form button:hover {
	background: #2B516F;
	border: 1px solid #2B516F;
}
.important {
	display: none;
}
.send-button {
	margin: 0;
}
.contact-phone span, .contact-fax span, .contact-email span {
	font-family: 'montserratsemibold';
	color: #2B516F;
}
.contact-phone p, .contact-fax p, .contact-email p {
	margin: 15px 0;
}
.contact-phone {
	border-top: 1px dotted #C3002F;
}
.contact-fax {
	border-top: 1px dotted #C3002F;
	border-bottom: 1px dotted #C3002F;
}
.contact-email {
	border-bottom: 1px dotted #C3002F;
}

/* map */

.awesome-marker i {
	font-size: 18px;
    margin-top: 8px;
}
.leaflet-popup-content {
	text-align: center;
}

/* footer */

#footer {
	position: relative;
	width: 100%;
	background: #BA2A39;
	padding: 30px 0 30px 0;
}
.footer-wrapper {
	max-width: 1200px;
	min-height: 200px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-start;
	margin: 0 auto;
	padding: 0 25px;
}
#footer-links, #footer-id, #footer-address {
	flex: 1 1 33%;
}
#footer-logo {
	display: block;
	margin: 15px auto;
    background: rgba(255,255,255, 0.9);
    width: 350px;
    height: 140px;
    padding: 0 10px;
    border-radius: 12px;
    text-align: center;
}
.footer-logo-pic {
	height: 100%; 
	width: auto;
}
.fl-container {
	display: block;
	max-width: 200px;
	margin: auto;
}
.fl-container h3 {
	font: normal 1em 'montserratsemibold';
	color: #fff;
}
.fl-container ul {
	margin: 0;
	padding: 0;
}
#footer-address p {
	max-width: 80%;
	margin: 12px 0 12px 0;
	color: #FFF;
}
.fl-container li {
	list-style: none;
}
.fl-container li a {
	color: #FDF517;
}
.fl-container li a:hover {
	color: #4CC6DF;
}

.legal {
	background: #2A4F6D;
	width: 100%;
	text-align: center;
	padding: 20px 0;
}
.legal p {
	margin: 0;
	font-size: 70%;
	color: #EEE;
}
.legal a {
	cursor: pointer;
	color: #FDF500;
}
.legal a:hover {
	color: #4CC6FB;
}


/* sharing */
/**
 * MarkupSocialShareButtons default theme example CSS
 * Use this theme as a start to create your own and copy it to your CSS and edit
 */

#sharing {
	position: absolute;
	top: 15px;
	right: 25px;
}
.MarkupSocialShareButtons{
    list-style-type: none;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
	text-align: center;
}
.MarkupSocialShareButtons li{
    list-style-type: none;
	display: inline-block;
    margin: 0 8px;
}
.MarkupSocialShareButtons li a{
    display: inline-block;
    text-decoration: none;
    border: none;
    width: 25px;
    height: 25px;
    opacity: 0.8;

}
.MarkupSocialShareButtons li a:hover{
    opacity: 1;
}

.MarkupSocialShareButtons img{
    width: 100%;
    height: auto;
}

/* back to top */

#back-to-top {
    text-align: center;
    position: fixed;
    bottom: 12px;
    right: -10px;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50% 0 0 50%;
    display: none;
    cursor: pointer;
    z-index: 103;
}
#back-to-top::before {
	content: '';
	width: 40px;
	height: 50px;
	position: absolute;
	background: url(../pics/uparrow.png) no-repeat center center;
	right: 2px;
	top: -1px;
	opacity: .5;
}
#back-to-top:hover:before {
	opacity: .8;
}

/* animation settings */

.fast {
    animation-duration: 1s;
}
.medium {
	animation-duration: 2.5s;
}
.slow {
    animation-duration: 4s;
}
.reallyslow {
    animation-duration: 6s;
}
.no-delay {
	animation-delay: 0s;
}
.quarter-descond-delay {
	animation-delay: .25s;
}
.half-second-delay {
	animation-delay: .5s;
}
.one-second-delay {
	animation-delay: 1s;
}
.two-second-delay {
	animation-delay: 2s;
}
.three-second-delay {
	animation-delay: 2.5s;
}

/* CMS styles and styles needed for CKEditor positioning */

#editpage {
	position: fixed;
	top: 0;
	left: 0; 
	z-index: 201;
	padding: 5px 6px; 
	background: #db1174; 
	color: #fff; 
	display: block;
	font-weight: bold; 
}
#editpage:hover {
	background: #ffffcc;
	color: #000; 
}
.align_left {
	float: left;
	margin: 0 1em 0.5em 0; 
	position: relative;
	top: 0.5em;
	max-width: 50%; 
}
.align_right {
	float: right;
	margin: 0 0 0.5em 1em;
	max-width: 50%; 
}
.align_center {
	display: block;
	margin: 1em auto; 
	position: relative;
	top: 0.5em;
}
figure {
	display: table;
	width: 1px;
	margin: 1em 0;
}

figure img {
	display: table-row;
	margin-bottom: 0.5em;
}

figure figcaption {
	display: table-row;
	font-size: smaller;
	color: #777;
	line-height: 1.4em;
}

/*  Helper classes  */

.hidden {
    display: none !important;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}

/* media queries */

@media only screen and (max-height: 675px) {
   	.slogan {
   		font: normal 3em/1em 'montserratlight';
   	}
}

@media only screen and (max-width: 800px) {
	.bx-pager {
		display: none;
	}
	.main-nav ul {
    	display: block;
	}	
   .mobilesidemenu, .mobilesidemenu * {
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}
	.mobilesidemenu input[type="checkbox"] {
		/* checkbox used to toggle menu state */
    	position: absolute;
    	left: 0;
    	top: 0;
    	visibility: hidden;
	}
	.mobilesidemenu > label {
    	z-index: 100;
		display: block;
		position: absolute;
		font-size: 7px;
		width: 3.7em;
		height: 2.8em;
		top: 0;
		right: 50%;
		margin-right: -1.8em;
		background: transparent;
		text-indent: -1000px;
		border: .6em solid #FFF;
		border-width: .6em 0;
		cursor: pointer;
		-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
	}
	.mobilesidemenu > label::before, .mobilesidemenu > label::after {
    	/* inner stripes inside label */
    	content: "";
    	display: block;
    	position: absolute;
    	width: 100%;
    	height: 0.6em;
    	top: 50%;
    	margin-top: -0.3em;
    	left: 0;
    	background: #FFF;
    	/* stripes background color. Change to match border color of parent label above */
    	-moz-transform: rotate(0);
    	-webkit-transform: rotate(0);
    	transform: rotate(0);
    	-moz-transition: all 0.3s ease-in;
    	-webkit-transition: all 0.3s ease-in;
    	transition: all 0.3s ease-in;
    	/* transition for flipping label */
	}
	.mobilesidemenu nav {
    	/* NAV menu inside container */
    	margin: 0;
    	padding: 40px 0 0 0;
    	position: fixed;
    	text-transform: uppercase;
    	border-right: 1px solid gray;
    	width: 260px;
    	/* width of nav menu */
    	height: 100%;
    	right: -260px;
    	/* set left to -width of menu */
    	top: 0;
    	z-index: 10000;
		-webkit-transform: translate3d(0, 0, 0); /* trigger hardware acceleration */
		transform: translate3d(0, 0, 0);
    	background: #2A4F6D;
    	/* Old browsers */
    	-moz-transition: all 0.3s ease-in;
    	-webkit-transition: all 0.3s ease-in;
    	transition: all 0.3s ease-in;
    	/* transition for animating nav in and out */
	}
	.mobilesidemenu nav h2 {
    	color: black;
    	margin-bottom: 10px;
    	border-bottom: 2px solid #73462d;
	}
	.mobilesidemenu ul {
    	/* UL menu inside container */
    	list-style: none;
    	margin: 0;
    	padding: 0;
    	width: 100%;
	}
	.mobilesidemenu li {
	}
	.mobilesidemenu li a {
    	display: block;
    	text-decoration: none;
    	font-size: 1.1em;
    	color: #3b3b3b;
    	margin: 0;
    	padding: 12px;
	}
	.mobilesidemenu li a:hover {
    	color: white;
	}
	.mobilesidemenu nav label {
    	/* label button inside nav to close menu */
    	cursor: pointer;
    	position: absolute;
    	left: 0;
    	top: 0;
    	-moz-border-radius: 0 0 40px 0;
    	-webkit-border-radius: 0 0 40px 0;
    	border-radius: 0 0 40px 0;
    	width: 40px;
    	height: 30px;
    	text-align: center;
	}
	.mobilesidemenu nav label::after {
    	/* label button x */
    	content: "X";
    	color: #DDD;
    	display: block;
    	font: normal 22px 'montserratsemibold';
    	margin-top: 2px;
    	margin-left: -4px;
    	-moz-transition: all 0.3s ease-in;
    	-webkit-transition: all 0.3s ease-in;
    	transition: all 0.3s ease-in;
	}
	.mobilesidemenu .mobileoverlay {
    	/* overlay that covers entire page when menu is open */
    	position: fixed;
    	display: flex;
    	width: 100%;
    	height: 100%;
    	left: 0;
    	top: 0;
    	opacity: .6;
    	background: black;
    	z-index: 1001;
    	visibility: hidden;
	}
	.mobilesidemenu .mobileoverlay label {
    	/* label of overlay that closes menu when clicked on */
    	width: 100%;
    	height: 100%;
    	position: absolute;
	}
	.mobilesidemenu nav label:hover::after {
    	/* state of NAV label::after when mouse moves over */
    	-moz-transform: rotatey(180deg);
    	-ms-transform: rotatey(180deg);
    	-webkit-transform: rotatey(180deg);
    	transform: rotatey(180deg);
    	/* flip labels vertically onMouseover */
	}
	.mobilesidemenu input[type="checkbox"]:checked ~ label {
    	/* state of main menu label when menu is open  */
    	border-color: transparent;
	}
	.mobilesidemenu input[type="checkbox"]:checked ~ label::before {
    	/* state of main menu label::before when menu is open  */
    	transform: rotate(-45deg);
	}
	.mobilesidemenu input[type="checkbox"]:checked ~ label::after {
    	/* state of main menu label::after when menu is open  */
    	transform: rotate(45deg);
	}
	.mobilesidemenu input[type="checkbox"]:checked ~ nav {
    	/* state of NAV when menu is open  */
    	right: 0;
    	/* set left to 0 to animate it into view  */
	}
	.mobilesidemenu input[type="checkbox"]:checked ~ div.mobileoverlay {
    	/* state of overlay when menu is open  */
    	visibility: visible;
	}
	.main-nav ul li {
    	margin: 0;
    	display: block;
	}
	.footer-wrapper {
    	display: block;
	}
	.footer-address {
		text-align: center;
	}
	#footer-address p {
    	margin: 12px auto 12px auto;
    	text-align: center;
	}
	.fl-container h3 {
    	text-align: center;
	}
	.fl-container ul {
    	text-align: center;
	}
	.contact-form {
    	width: 100%;
    	float: none;
	}
	.contact-info {
    	width: 100%;
    	float: none;
	}
}
@media only screen and (max-width: 600px) {
	#logo {
    	width: 250px;
    	height: 100px;
    	margin: 0 0 0 -125px;
	}
	.slogan {
    	font: normal 2.5em/1em 'montserratlight';
	}
	.title-nav-wrapper {
	    top: 120px;
	}
	#top-bar {
    	height: 150px;
	}
	.break {
    	min-height: 350px;
	}
}
@media only screen and (max-width: 510px) {
	h1 {
    	font: normal 2em/1em 'montserratlight', sans-serif;
	}
	.slogan {
    	left: 0;
    	margin-left: 0;
    	max-width: 100%;
	}
	.gallery {
    	justify-content: center;
	}
}
@media only screen and (max-width: 400px) {
	.slogan {
    	font: normal 2em/1em 'montserratlight';
	}
	#footer-logo {
	    width: 250px;
    	height: 100px;
	}
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}