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

body { 
	background: #fbe7de;
	font-family: "Montserrat", Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #d79f4f;
		}

h1 { font-size: 3em; line-height: 1.25em;}

img.main { max-width: 100%; }

.intro { 
	position: fixed;
    bottom: -30px;
    width: 50%;
    left: 75px;
    z-index: 1;
}

.logo {
	position:fixed;
	bottom: 90px;
	right: 60px;
	width: 350px;
}

.logo-alt {
	position: relative;
    top: -100px;
    left: 335px;
}

.title {
	position: relative;
    bottom: -30px;
    z-index: -1;
    display: block;
}

.contact-title {
	
}

p { 
	font-size: 1.05em;
    line-height: 1.55em;
	color: #e4bcad; 
}

hr { 
	height: 3px; 
	width: 100px;
	border: none; 
	color: #d79f4f; 
	background-color: #d79f4f;
	margin: 0;
}

a { color: #d79f4f; text-decoration: none; }
a:hover { color: #e4bcad; }

.fas { font-size: 2.5em; }

.desk-only { display:block; }

.nudge-contact { padding-left: 30px; }

@media only screen and (max-width: 1024px) {
	
.intro {
    position: relative;
    bottom: 0;
    width: 80%;
    left: 0;
    z-index: 1;
	padding-bottom: 100px;
	margin: 0 auto;
}	
	
.logo {
    position: relative;
    bottom: 0;
    right: 0;
    top: 30px;
    margin: 0 auto;
    text-align: center;
    padding: 60px 0;
}
	
.logo-alt { display: none; }
	
.desk-only { display:none; }
	
.cta { text-align: center; }
	
.nudge-contact { padding-left: 100px; }
	
}


@media only screen and (max-width: 560px) {
	
.cta { text-align: left; }
	
.nudge-contact { padding-left: 30px; }
	
p { font-weight: 700; }	
	
.logo { width: 300px; }

}