@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'intervogue soft';
    src: url('fonts/Uniform-Regular-webfont.eot');
    src: url('fonts/Uniform-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/intervoguesoft-reg-webfont.woff2') format('woff2'),
         url('fonts/intervoguesoft-reg-webfont.woff') format('woff');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'intervogue soft';
    src: url('fonts/Uniform-Bold-webfont.eot');
    src: url('fonts/Uniform-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/intervoguesoft-bold-webfont.woff2') format('woff2'),
         url('fonts/intervoguesoft-bold-webfont.woff') format('woff');
	font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'intervogue soft';
    src: url('fonts/uniform-regularitalic-webfont.eot');
    src: url('fonts/uniform-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/intervoguesoft-regoblq-webfont.woff2') format('woff2'),
         url('fonts/intervoguesoft-regoblq-webfont.woff') format('woff');
	font-weight: normal;
    font-style: italic;
}

body {
	margin: 0px;
	font-family: intervogue soft, sans-serif;
	color: #444;
	font-size: 18px;
	letter-spacing: 1px;
}

body a {
	text-decoration: none;
	color: #E0C03D;
}

h1 {
	margin: 50px 0 0;
	font-weight: 100;
	color: #fff;
	font-size: 140px;
	text-transform: uppercase;
	letter-spacing: 20px;
}

h2 {
	font-size: 54px;
	color: #222;
	text-transform: uppercase;
	letter-spacing: 5px;
	line-height: 110%;
	margin: 0 0 40px;
}

h3 {
	font-size: 40px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 20px;
	line-height: 130%;
	letter-spacing: 5px;
}

h4 {
	color: #222;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h5 {
	color: #222;
	font-weight: bold;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
}

h6 {
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 20px;
	line-height: 130%;
	letter-spacing: 5px;
}

.header {
	height: 90vh;
	padding: 30px;
	z-index: -10;
	overflow: hidden;
	background: url(images/house-4-d.jpg) Center;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
	color: #fff;
}

.header-b {
	height: 360px;
	padding: 30px;
	z-index: -10;
	overflow: hidden;
	text-align: center;
}

.header-z {
	height: 100vh;
	padding: 30px;
	z-index: -10;
	overflow: hidden;
	background: url(images/house-4-d.jpg) Center;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
	color: #fff;
}

.button-login a:hover .error-text {
	display: block;
}

.error-text {
	color: #ff0000;
	letter-spacing: 1px;
}

.bkg-warranty {
	background: url(images/bkg-roof.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.bkg-services {
	background: url(images/bkg-services.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}


.bkg-about {
	background: url(images/bkg-about.jpg) no-repeat top;
	background-size: cover;
	background-attachment: fixed;
}

.bkg-video {
	background: url(images/bkg-video.jpg) no-repeat top;
	background-size: cover;
	background-attachment: fixed;
}

.bkg-photo {
	background: url(images/bkg-house2.jpg) no-repeat top;
	background-size: cover;
	background-attachment: fixed;
}

.bkg-contact {
	background: url(images/bkg-contact.jpg) no-repeat top;
	background-size: cover;
	background-attachment: fixed;
}

.bkg-roofing {
	background: url(images/bkg-roof2.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.bkg-gutters {
	background: url(images/bkg-gutters.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.bkg-painting {
	background: url(images/bkg-painting.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.bkg-windows {
	background: url(images/bkg-windows.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.bkg-siding {
	background: url(images/bkg-siding.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.bkg-garage {
	background: url(images/bkg-garage.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.bkg-fencing {
	background: url(images/bkg-fencing.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.bkg-restoration {
	background: url(images/bkg-restoration.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.date {
	font-family: uniform condensed, sans-serif;
	margin: 20px 0 60px;
	color: #fff;
	font-size: 36px;
	text-transform: uppercase;
	letter-spacing: 4px;
}

.nav-mobile {
	display: none;
}

.sub-head {
	text-align: center;
	padding: 80px 0;
	font-size: 3vw;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.home-title {
	width: 80%;
	margin-top: 14vh;
	max-width: 1200px;
}

.home-title-z {
	width: 80%;
	margin-top: 8vh;
	max-width: 700px;
}

.nav {
	color: #fff;
	text-align: right;
}

.nav-logo {
	float: left;
}

.nav-logo img {
	height: 80px;
}

.nav-link {
	float: right;
	margin: 10px 20px;
}

.nav-link a {
	color: #fff;
	text-decoration: none;
}

.nav-link a:hover .line-bottom {
	width: 100%;
}

.line-bottom {
	width: 0%;
	height: 2px;
	background: #fff;
	margin: 3px 0 0;
	transition: width .4s;
}

.phone {
	float: right;
	font-size: 40px;
	margin-left: 20px;
	letter-spacing: 4px;
}

.phone img {
	height: 34px;
}

video {
	min-width: 100%;
	height: auto;
	position: absolute;
	top: -150px;
	left: 0;
	z-index: -1;
}

.vid-mobile {
	display: none;
}

.retainer {
	width: 94%;
	max-width: 1600px;
	margin: auto;
	padding: 0 3%;
}

.lg-box {
	padding: 120px 0 60px;
	overflow: auto;
	line-height: 160%;
}

.sm-box {
	height: auto;
	min-height: 200px;
	line-height: 160%;
	overflow: auto;
}

.sm-box-title {
	padding: 60px 0;
	color: #fff;
	font-size: 60px;
	line-height: 120%;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.thin-box-button {
	background: #E0C03D;
	padding: 20px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: background .4s;
}

.grey {
	background: #eee;
}

.yellow {
	background: #E0C03D;
	color: #fff;
	font-weight: bold;
}

.blue {
	background: #00355a;
	color: #fff;
}

.trucks-bkg {
	background: url(images/bkg-trucks.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
}

.dually-bkg {
	background: url(images/trucks-2.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
}

.office-bkg {
	background: url(images/office.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
}

.green-bkg {
	background: url(images/img-prac.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
}

.green-bkg-b {
	background: url(images/worker-green-bkg2.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
}

.bkg-house {
	background: url(images/bkg-house.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
}

.one-col {
	float: left;
	width: 95%;
	margin: 0 2.5% 60px;
}

.one-col iframe {
	height: 640px;
}

.two-col {
	float: left;
	width: 45%;
	margin: 0 2.5% 60px;
}

.two-col iframe {
	height: 320px;
}

.two-thirds-col {
	float: left;
	width: 61.5%;
	margin: 0 2.5% 60px;
}

.two-thirds-col iframe {
	height: 440px;
}

.one-third-col {
	float: left;
	width: 28.33%;
	margin: 0 2.5% 60px;
}

.three-col {
	float: left;
	width: 28.33%;
	margin: 0 2.5% 60px;
}

.three-col iframe {
	height: 200px;
}

.four-col {
	float: left;
	width: 20%;
	margin: 0 2.5% 60px;
}

.half-col {
	width: 39%;
	margin: 0;
	padding: 60px 5.5%;
	float: left;
	min-height: 300px;
}

.half-col-vid {
	float: left;
	width: 50%;
	padding: 0;
	height: 300px;
}

.half-col-vid iframe {
	width: 100%;
	height: 420px;
}

.third-col {
	width: 32.3%;
	margin: 0;
	padding: 60px 5.5%;
	float: left;
	min-height: 100px;
}

.button {
	margin: 60px auto 0;
	padding: 30px 60px;
	color: #222;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	background: #E0C03D;
	border-radius: 5px;
	box-shadow: 0 4px 0 rgba(0,0,0,.3);
	letter-spacing: 4px;
	text-align: center;
	transition: background .4s, color .6s;
}

.button-ins {
	width: 89%;
	max-width: 1520px;
	margin: -40px auto 100px;
	padding: 30px 0 28px;
	color: #222;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	background: #E0C03D;
	border-radius: 5px;
	box-shadow: 0 4px 0 rgba(0,0,0,.3);
	letter-spacing: 4px;
	text-align: center;
	transition: background .4s, color .6s;
}

.button:hover, .button-head:hover, .thin-box-button:hover, .button-ins:hover {
	background: #222;
	color: #fff;
}

.button-head {
	margin: 0 auto;
	max-width: 400px;
	padding: 30px 60px;
	color: #222;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	background: #E0C03D;
	border-radius: 5px;
	box-shadow: 0 4px 0 rgba(0,0,0,.3);
	letter-spacing: 4px;
	text-align: center;
	transition: background .3s, color .6s;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 70vh;
}

.icon {
	float: left;
	height: 60px;
}

.icon-title {
	float: left;
	font-family: uniform condensed, sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	transform: translateY(20px);
	margin: 0 0 60px 10px;
	color: #222;
}

.gallery {
	padding: 0;
	width: 33.333%;
	float: left;
	height: 360px;
	overflow: auto;
	text-align: center;
	font-size: 200px;
	color: rgba(255,255,255,.8);
	line-height: 360px;
	transition: color .5s, background-size .4s;
	background-size: 220%;
	background-position: center;
}

.gallery:hover {
	color: rgba(255,255,255,.1);
	background-size: 260%;
}

.slider {
	height: 300px;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 0 0;
}

.slide-container {
	animation: 25s slides infinite;
	position: absolute;
	left: 0;
}

.quote-a {
	text-align: center;
	position: absolute;
	left: auto;
	width: 39vw;
	display: inline;
	margin: 10px 0 0;
}

.quote-b {
	text-align: center;
	position: absolute;
	left: 39vw;
	width: 39vw;
	display: inline;
	margin: 40px 0 0;
}

.quote-c {
	text-align: center;
	position: absolute;
	left: 78vw;
	width: 39vw;
	display: inline;
	margin: 60px 0 0;
}

@keyframes slides{
	0%{left:0%}
	30%{left:0%}
	32%{left:-100%}
	62%{left:-100%}
	64%{left:-200%}
	94%{left:-200%}
	100%{left:0%}
}

.big-quote {
	font-family: uniform condensed, sans-serif;
	text-transform: uppercase;
	font-size: 3vw;
	margin: 0;
	line-height: 100%;
	color: #222;
}

.logo-box {
	background: #fff;
	height: 100px;
	text-align: center;
	margin: 40px 40px 10px;
	border-radius: 50%;
	transition: opacity .3s;
}

.logo-box:hover {
	opacity: .75;
}

.social-box {
	background: #E0C03D;
	height: 70px;
	padding: 15px;
	text-align: center;
	margin: 40px 40px 10px;
	border-radius: 50%;
	transition: background .4s;
}

.social-box:hover, .social-footer:hover {
	background: #D0B02D;
}

.center {
	text-align: center;
}

.footer {
	background: #E0C03D;
	overflow: auto;
	min-height: 190px;
	padding: 60px 0 0;
	line-height: 200%;
	color: #222;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1.5px;
	margin: 0;
}

.footer a {
	color: #222;
}

.footer a:hover {
	text-decoration: underline;
}

.border-top {
	border-top: 2px solid #222;
	padding: 10px 0 0;
}

.full-width img {
	width: 100%;
}
.modal-container {
	position: fixed;
	background-color: #fff;
	width: 90%;
	max-width: 1400px;
	top: 0;
	left: 50%;
	line-height: 0;
	border-radius: 8px;
	
	-webkit-transform: translate(-50%, -200%);
	-ms-transform: translate(-50%, -200%);
	transform: translate(-50%, -200%);
	
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
}

.modal-container img {
	width: 100%;
	border-radius: 8px;
}

.modal:before {
	content: "";
	position: fixed;
	display: none;
	background-color: rgba(0,0,0,.8);
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.modal:target:before {
	display: block;
}

.modal:target .modal-container {
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 999;
} 

#modal-close { }

.x-close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
	background: #000;
	width: 36px;
	height: 36px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	transition: background .6s, color .6s;
	text-decoration: none;
	line-height: 120%;
	border-radius: 0 8px 0 0 ;
}

.x-close:hover, .x-close-b:hover {
	background: #fff;
	color: #222;
	text-decoration: none;
}

.x-close:active, .x-close-b:active {
	color: #fff;
}

.x-close-b {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
	background: #000;
	width: 70px;
	height: 70px;
	text-align: center;
	color: #fff;
	font-size: 48px;
	transition: background .4s;
	text-decoration: none;
	line-height: 140%;
}

.prev {
	position: absolute;
	top: 50%;
	left: -4%;
	color: #fff;
	font-size: 2.5vw;
}

.prev:hover {
	color: #E0C03D;
}

.next {
	position: absolute;
	top: 50%;
	right: -4%;
	color: #fff;
	font-size: 2.5vw;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.next:hover {
	color: #E0C03D;
}

.warranty {
	width: 340px;
	max-width: 90%;
}

.social-footer {
	background: #222;
	height: 30px;
	padding: 8px;
	text-align: center;
	margin: 10px 20px 10px 0;
	border-radius: 50%;
	transition: background .4s;
}

.links {
	color: #222;
	text-decoration: underline;
}

.links:hover {
	font-weight: bold;
	letter-spacing: .58px;
}

.margin-flip {
	margin: 20px 0 60px;
}

.fine-print {
	font-size: 14px;
	line-height: 200%;
	margin: 30px 0 0;
}

.clear-both {
	clear: both;
}

.underline {
	border-bottom: solid 6px #E0C03D;
	width: 200px;
	margin-top: 12px;
}

h3 .underline {
	border-bottom: solid 4px #E0C03D;
	width: 200px;
	margin-top: 12px;
}

.warranty-head {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 120%;
	color: #00355a;
	margin: 20px 0 0;
}

.warranty-sub {
	font-weight: bold;
	text-transform: uppercase;
	margin: 15px 0 0;
}

.img-inlay {
	float: right;
	width: 50%;
	max-height: 420px;
	padding: 0 0 20px 2.5%;
}

.img-inlay-b {
	width: 100%;
	margin: 0 0 30px;
}

.vis-seven {
	display: none;
}

.vis-nine {
	display: none;
}

.gold-star {
	margin: -30px 0 0;
	text-align: center;
}

.gold-star img {
	margin: 0 4px;
	height: 45px;
}

.tagline {
	width: 350px;
	margin: 20px 0 0;
}

.bullets {
	margin: 20px 0 0 40px;
	line-height: 180%;
}

@media screen and (max-width:1200px) {
	.nav-logo img {
		height: 58px;
	}

	.nav-link {
		float: right;
		margin: 10px 12px;
		font-size: 14px;
	}

	.phone {
		font-size: 30px;
	}

	.phone img {
		height: 22px;
	}
	
	.icon {
		height: 5vw;
	}
	
	.icon-title {
		font-size: 3.3vw;
	}
	
	.img-inlay {
		max-height: 300px;
	}
	
	.gallery {
		background-size: 350%;
	}

	.gallery:hover {
		background-size: 400%;
	}
	
	.home-title-z {
		margin-top: 4vh;
	}
	
}

@media screen and (max-width:900px) {
	h1 {
		margin: 150px 0 0;
		font-size: 70px;
	}
	
	.header {
		padding: 60px 30px;
		height: 82vh;
	}

	.header, .bkg-warranty, .bkg-services, .bkg-about, .bkg-video, .bkg-photo, .bkg-contact, .green-bkg, .bkg-roofing, .bkg-gutters, .bkg-painting, .bkg-windows, .bkg-siding, .bkg-garage, .bkg-fencing, .bkg-restoration {
		background-attachment: inherit;
	}
	
	.bkg-contact {
		background: url(images/bkg-contact-sm.jpg) no-repeat top;
		background-size: cover;
	}
	
	.nav {
		display: none;
	}
	
	.nav-mobile {
		display: block;
		text-align: right;
		position: absolute;
		padding: 70px 5%;
		width: 90%;
		height: 300px;
		overflow: hidden;
	}
	
	.phone-mobile {
		background: #E0C03D;
		color: #222;
		font-weight: bold;
		text-transform: uppercase;
		padding: 15px 0 10px;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		text-align: center;
		font-size: 24px;
		z-index: 999;
		letter-spacing: 3px;
	}
	
	.phone-mobile img {
		height: 20px;
	}
	
	.phone-mobile a {
		color: #222;
	}
	
	.mobile-links {
		right: 0;
		transform: translateX(100%);
		top: 0;
		background: rgba(0,0,0,.5);
		position: absolute;
		margin: 0;
		padding: 70px 20px 50px;
		width: 120px;
		height: 300px;
		transition: transform .5s;
	}
	
	.nav-m, .nav-mobile input[type="checkbox"] {
		display: none;
	}
	
	#menu:checked ~ .mobile-links, .nav-m {
		display: block;
	}
	
	#menu:checked ~ .mobile-links {
		transform: translateX(0%);
	}
	
	#menu:checked ~ label {
		right: 180px;
		color: #E0C03D;
		transform: rotate(360deg);
	}
	
	#menu:checked ~ label .line-one {
		transform: rotate(45deg) translate(10px, 8.4px);
	}
	
	#menu:checked ~ label .line-two {
		opacity: 0;
	}
	
	#menu:checked ~ label .line-three {
		transform: rotate(-45deg) translate(10px, -8.4px);
	}
	
	.nav-m {
		color: #222;
		font-size: 20px;
		line-height: 200%;
	}
	
	.nav-m a, .nav-m a:visited {
		color: #fff;
	}
	
	label {
		color: #fff;
		font-size: 40px;
		position: absolute;
		right: 5%;
		transition: right .5s, color .5s ease-in-out, transform .7s;
		line-height: 100%;
		transform: rotate(0deg);
	}
	
	label:hover {
		cursor: pointer;
	}
	
	.line-one {
		width: 40px;
		height: 5px;
		margin: 0 0 8px;
		background: #fff;
		transform: rotate(0deg) translateY(0px);
		transition: transform .5s ease-in-out;
	}
	
	.line-two {
		width: 40px;
		height: 5px;
		margin: 0 0 8px;
		background: #fff;
		opacity: 1;
		transition: opacity .2s ease-in-out;
	}
	
	.line-three {
		width: 40px;
		height: 5px;
		margin: 0;
		background: #fff;
		transform: rotate(0deg);
		transition: transform .5s ease-in-out;
	}
	
	.lg-box {
		padding: 80px 0;
	}
	
	.sm-box-title {
		font-size: 44px;
	}
	
	.one-col {
		margin: 0 2.5% 40px;
	}
	
	.one-col iframe, .two-thirds-col iframe {
		height: 500px;
	}
	
	.two-col {
		margin: 0 2.5% 40px;
	}
	
	.two-col iframe, .three-col iframe {
		height: 240px;
	}
	
	.two-thirds-col {
		width: 95%;
		margin: 0 2.5% 40px;
	}

	.one-third-col {
		width: 95%;
		margin: 0 2.5% 40px;
	}
		
	.three-col {
		width: 45%;
		margin: 0 2.5% 40px;
	}
	
	.four-col {
		width: 45%;
		margin: 0 2.5% 40px;
	}
	
	.half-col {
		min-height: 400px;
	}
	
	.icon {
		height: 7vw;
	}
	
	.icon-title {
		font-size: 5vw;
	}
	
	.gallery {
		height: 240px;
		font-size: 180px;
		line-height: 240px;
	}
	
	.slider {
		height: 400px;
	}
	
	.clear-one {
		clear: both;
	}
	
	.hide-mobile {
		display: none;
	}
	
	.tagline {
		width: 300px;
	}
	
	.invis-nine {
		display: none;
	}
	
	.vis-nine {
		display: block;
	}
}

@media screen and (max-width:700px) {
	h1 {
		font-size: 50px;
		letter-spacing: 2px;
	}
	
	h2 {
		font-size: 42px;
	}
	
	h3 {
		font-size: 32px;
	}
	
	.header-b {
		height: 280px;
	}
	
	.nav-logo img {
		height: 55px;
	}
	
	.nav-mobile {
		height: 220px;
	}
	
	.mobile-links {
		height: 220px;
	}
	
	.date {
		font-size: 30px;
	}
	
	.home-title {
		width: 100%;
		margin-top: 20vh;
		margin-bottom: 20px;
	}

	
	.lg-box {
		padding: 60px 0;
	}
	
	.one-col iframe, .two-col iframe, .two-thirds-col iframe, .three-col iframe {
		height: 360px;
	}
	
	.two-col {
		width: 95%;
	}
	
	.three-col {
		width: 95%;
	}
	
	.four-col {
		width: 95%;
	}
		
	.half-col {
		width: 90%;
		min-height: 300px;
		padding: 60px 5%;
	}
	
	.button-head {
		line-height: 140%;
		top: 60vh;
	}
	
	.sub-head {
		font-size: 6vw;
		line-height: 140%;
		width: 85%;
		margin: 0 auto;
	}
	
	.icon {
		height: 11vw;
	}
	
	.icon-title {
		font-size: 9vw;
		transform: translateY(3vw);
		margin: 0 0 0 10px;
	}
	
	.gallery {
		width: 50%;
	}
	
	.big-quote {
		font-size: 6vw;
	}
	
	.quote-a {
		width: 90vw;
		margin: 10px 0 0;
	}
	
	.quote-b {
		left: 90vw;
		width: 90vw;
		margin: 40px 0 0;
	}

	.quote-c {
		left: 180vw;
		width: 90vw;
		margin: 60px 0 0;
	}
	
	.logo-box {
		height: 90px;
		margin: 40px 30px 10px;
	}
	
	.social-box {
		height: 60px;
		margin: 40px 30px 10px;
	}
	
	.x-close {
		padding: 6px;
		width: 26px;
		height: 26px;
		font-size: 20px;
	}
	
	.invis-seven {
		display: none;
	}
	
	.vis-seven {
		display: block;
	}
	
	.seven-top {
		margin-top: 0;
	}
	
	.tagline {
		width: 250px;
	}
}