/* Table Of Contents
 1.) Global CSS
 2.) Header CSS
 3.) contact-info CSS
 4.) footer CSS
 ===============================================*/

/* 1.) Global CSS ----------------------------------------*/
body { font-family:'Calibri' }
html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-size:62.5% }
h1 { font-size:3.6rem; color:rgba(124, 107, 84, 1); font-family:'Calibri'; font-weight:900 }

#wrapper { background:url("../../graphics/bg-mobile.jpg") no-repeat center top /cover; height:100vh }

p { font-size:1.9rem; color:rgba(94, 94, 94, 1); font-family:'Calibri'; font-weight:normal; letter-spacing:-0.3px; line-height:24px; margin-bottom:23px }


/* 2.) Header CSS ----------------------------------------*/
#header { background-color:rgba(0,0,0, 0.4) }
.logo { padding:19px 0; display:block }


/* 3.) contact-info CSS ----------------------------------------*/
#content { background-color:rgba(255,255,255, 0.8) }
.content-info { padding:27px 11px 37px; text-align:center }

h1 { line-height:32px; margin:0; margin-bottom:13px }
#content span { font-size:2.6rem; color:rgba(94, 94, 94, 1); line-height:24px; display:block; letter-spacing:0.4px; margin-bottom:12px }
#content span a { color:rgba(94, 94, 94, 1); text-decoration:underline }
#content span a:hover { color:#fa0 }

.button { color:#604d34; font-size:2.1rem; letter-spacing:0.4px; padding:7px 20px; line-height:1.1; display:inline-block; border-radius:10px; text-align:center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5c9b1+0,bbac8f+71,b7a887+78,b6a587+86,b0a07f+97,b1a180+100 */
	background:#d5c9b1; /* Old browsers */
	background:-moz-linear-gradient(top,  #d5c9b1 0%, #bbac8f 71%, #b7a887 78%, #b6a587 86%, #b0a07f 97%, #b1a180 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #d5c9b1 0%,#bbac8f 71%,#b7a887 78%,#b6a587 86%,#b0a07f 97%,#b1a180 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  #d5c9b1 0%,#bbac8f 71%,#b7a887 78%,#b6a587 86%,#b0a07f 97%,#b1a180 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5c9b1', endColorstr='#b1a180',GradientType=0 ); /* IE6-9 */
}
.button:hover { color:#fff; text-decoration:none }


/* 4.) footer CSS ----------------------------------------*/
#footer { background-color:rgba(0,0,0, 0.4); text-align:center; padding:20px 0 }
#footer a { font-size:1.5rem; display:block; text-decoration:underline }
a.limited { color:#fff }
a.design { padding-top:3px; display:inline-block; color:rgba(178, 178, 178, 1) }
#footer a:hover { text-decoration:none }