body.custom-background { background-image: url('/images/verde-cannabis.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
#wrapper{max-width:1200px; width:80%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.theLogo{width:100%; opacity:0;}
a:hover{ opacity: .5;
    transition: opacity .15s ease-out;
    -moz-transition: opacity .15s ease-out;
    -webkit-transition: opacity .15s ease-out;
    -o-transition: opacity .15s ease-out;}
.theLine{margin:110px auto 80px auto; border-bottom:solid 2px #fff7e9; opacity:0;}
.theTextBox{margin:auto; color:#fff7e9; font-size:28px; font-family: 'Barlow Condensed', sans-serif; font-weight:300; line-height:34px; position:relative; opacity:0;}
.theTextBox a{color:#fff7e9; font-weight:600; text-decoration:none;}
.theTextCol1{width:33.3%; float:left; text-align:right}
.theTextCol2{width:33.3%; float:left; text-align:center;}
.theTextCol2 .contact{font-size:48px; width:100%; margin:45px 0 30px 0;}
.theTextCol2 .contact a{font-size:inherit; text-decoration:none; font-weight:300; display:inline;}
.theTextCol2 a{display:inline-block; width:40px; height:40px; background-repeat: no-repeat; background-size: 100%;}
/* .theTextCol2 .socialBox1{width:50%; float:left; text-align:right; padding-right:5px;} */
.theTextCol2 .socialBox1 a{background-image:URL('/images/verde-instagram.png');}
.theTextCol2 .socialBox2{width:50%; float:left; text-align:left; padding-left:5px;}
.theTextCol2 .socialBox2 a{background-image:URL('/images/verde-facebook.png');}
.theTextCol3{width:33.3%; float:left; text-align:left;}
.theFooter{position:absolute; bottom:15px; left:0; width:100%; text-align:center; color:#fff7e9; font-size:14px; font-family: 'Barlow Condensed', sans-serif; font-weight:400; opacity:0;}

*, ::after, ::before {
    box-sizing: border-box;
	}

@media (max-height: 1000px) {
	#wrapper{width:70%;}
	.theLine{margin:50px auto 40px;}
}
@media (max-height: 800px) {
	#wrapper{width:60%;}
	.theLine{margin:20px auto 20px;}
	.theTextBox{font-size:20px; line-height:28px;}
	.theTextCol2 .contact{font-size:38px; margin:25px 0 20px 0;}
}
@media (max-width: 1000px) {
	.theLine{margin:50px auto 40px;}
}
@media (max-width: 800px) {
	.theLine{margin:50px auto 40px;}
	.theTextBox{font-size:20px; line-height:28px;}
	.theTextCol2 .contact{font-size:38px; margin:25px 0 20px 0;}
}

@media (max-width: 700px) {
	#wrapper{top:40%; width:80%;}
	.theLine{margin:30px auto 30px;}
	.theTextBox{font-size:16px; line-height:22px;}
	.theTextCol1{width:50%; text-align:left;}
	.theTextCol2{width:100%; clear:right; text-align:center; position:absolute; top:110px;}
	.theTextCol3{width:50%; text-align:right;}
}