/* CSS Document
	Reset browser default styles
	All 
	Container
	Media Queries
*/




/* Reset browser default styles */
html, body {min-height:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;}
body {font:19px 'Work Sans', sans-serif;color:#fff;background:#3c282d;}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dt, dd, dl {margin:0;padding:0;} 
header, section, footer, aside, nav, article, figure, figcaption {display:block;}
table {border-collapse:collapse;}
img {border:none;max-width:100%;height:auto;}
iframe, object, embed {max-width:100%;}
ul, li {list-style:none;}
input {vertical-align:middle;}
input:focus, textarea:focus {outline:none;}
button, input[type="submit"] {cursor:pointer;-webkit-appearance:none;}
a, a:active, a:visited {text-decoration:none;color:#fff;transition:color linear .2s;}
a:hover {text-decoration:none;color:#785248;}




/* All */
.wrapper {max-width:100%;padding:0 65px;margin:0 auto;position:relative;box-sizing:border-box;}




/* Container */
.container {background:url(../images/demo/bg_desktop.jpg) center center no-repeat;background-size:cover;}
.container .wrapper {display:flex;align-items:flex-end;min-height:100vh;}
.container .wrapper > h1 {font:600 70px 'Work Sans';padding-bottom:40px;order:-2;}
.container .wrapper > p {flex:1;text-align:center;font-size:9px;padding-bottom:55px;order:-1;letter-spacing:0.5px;}
.container .wrapper .contact {flex:1;background:rgba(158,142,124,.3);}
.container .wrapper .contact > div {min-height:50vh;min-width:360px;background:rgba(146,145,95,.6);display:flex;justify-content:center;align-items:center;padding:45px;box-sizing:border-box;}
.container .wrapper .contact > div:first-of-type {background:rgba(255,255,255,.6);color:#785248;}
.container .wrapper .contact > div:first-of-type a, .container .wrapper .contact > div:first-of-type a:visited {color:#785248;}
.container .wrapper .contact > div:first-of-type a:hover {color:#fff;}
.container .wrapper .contact h2 {font:31px 'Work Sans';padding-bottom:15px;}
.container .wrapper .contact p {padding-bottom:20px;font-weight:400; letter-spacing:0.25px;}
.container .wrapper .contact ul {display:flex;flex-wrap:wrap;}
.container .wrapper .contact ul li {padding:0 10px 10px 0;font-size:16px;}
.container .designed {position:relative;margin-left:40px;bottom:105px;font-size:9px;color:#9e8e7c;transform:rotate(-90deg);}
.container .designed a, .container .designed a:visited {color:#9e8e7c;}




/* Media Queries */
    /* Desktop */
@media only screen and (min-width: 960px) and (max-width: 1100px) {
.wrapper {padding:0 10px;}
.container .designed {margin-left:0;}
}


	/* Tablets and mobiles */
@media only screen and (max-width: 959px) {
.wrapper {padding:0 10px;}
.container {background-image:url(../images/demo/bg_tablet.jpg);}
.container .wrapper {align-items:center;flex-flow:column wrap;}
.container .wrapper > h1 {flex:1;font-size:55px;font-weight:600;text-align:center;padding:25px 0 25px 0;}
.container .wrapper > p {flex:0;order:0;padding:0px 0px 3px 0px;letter-spacing: 0.5px;}
.container .wrapper .contact {flex:0;margin:0 -10px 20px -10px;}
.container .wrapper .contact > div {min-height:1px;min-width:1px;padding:35px 35px 20px 35px;}
.container .wrapper .contact h2 {font-size:19px;font-weight:400;padding-bottom:5px;}
.container .wrapper .contact p {font:400 13px/16.5px 'Work Sans'; letter-spacing:0px;}
.container .wrapper .contact ul li {font-size:13px;}
.container .designed {margin-left:0;bottom:0;transform:rotate(0deg);padding:0 0 16px 0;text-align:center;color:#b6a48f;letter-spacing: 0.5px;}
.container .designed a, .container .designed a:visited {color:#b6a48f;}
}


	/* Mobile portrait and landscape modes */
@media only screen and (max-width: 767px) {
.container {background-image:url(../images/demo/bg_mobile.jpg);}
}