@charset "UTF-8";
@import url('stylesheet.css');

/* CSS Document */

/* Base Styles -------------*/

*{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
html,body{
	width:100%;
	margin:0;
	padding:0;
}
body{
	color:#1C1C1C;
	background:#f4f4f4;
	font-family:'semplicita_proregular', Arial, Helvetica, sans-serif;
	font-size:1em/1.6em;
	padding-top:600px;
}
#wrapper{
	max-width:100%;
	min-width:320px;
	margin:auto;
}
h1, h4{
	font-family:'semplicita_prosemibold', Helvetica, Arial, Sans-serif;
}

h2, h3, h5, .sub-head{
	font-family:'semplicita_proregular', Arial, Helvetica, sans-serif;
}
h1{
	font-size:3em;
	letter-spacing:0.1em;
}
h2, h3{
	font-size:1.35em;
	letter-spacing:0.08em;
}
h1, h2, h4, h5{
	text-transform:uppercase;
}
h4, h5{
	font-size:0.9em;
	letter-spacing:0.125em;
	margin:30px 0;
}
.sub-head{
	font-size:3em;
	letter-spacing:0.03125em;
}

h1,h2,h3,h4, h5,.sub-head{
	font-style:normal;
	font-weight:normal;
}

p{
	color:#383838;
	letter-spacing:0.05em;
}

img{
	height:auto;
	max-width:100%;
}

.links{
	margin:20% 0 5% 0;
	display:inline-block;
} 


/* Background & Alignment Style -------------*/

#main-intro, footer{
	text-align:center;
	overflow:hidden;
}

.box{
	text-align:center;
	overflow:hidden;
	padding:100px 0;
}
.grey{
	background-color:#F4F4F4;
}
.white{
	background-color:#fff;
}

/* Header-Nav Style -------------*/

h2.site-description{
	display:none;
	text-align:center;
	margin:0 auto;
	margin-top:20px;
}

.social-media img[src$=".svg"]{
	width:20px;
	height:20px;
}
.social-media a{
	margin-right:10px;
}
.social-media{
	left:0;
	top:150px;
	position:absolute;
	display:block;
	text-align:center;
	width:100%;
}

a.logo{
	background-image:url(../Images/Icons/logo.svg);
	background-color:white;
	background-repeat:no-repeat;
	background-position:center center;
	width:85px;
	height:85px;
	display:block;
	margin:20px auto;
	color:black;
	text-indent:-99999px;
	text-align:center;
}
#main-header{
	background:#FFF;
	position:absolute;
	top:0;
	width:100%;
	height:165px;
	z-index:2;
}
#main-navigation{
	background:#FFF;
	height:60px;
	border-top:1px solid #f4f4f4;
	vertical-align:middle;
	z-index:1;
	top:0;
}
#main-navigation ul{
	text-align:center;
	padding-top:15px;

}
#main-navigation li{
	display:inline-block;
	padding-right:30px;
}
#main-navigation a{
	color:#1C1C1C;
	text-decoration:none;
	font-size: 0.65em;
	text-transform:uppercase;
	letter-spacing:0.125em;
}
.overlay{
	visibility:hidden;
}
/* Footer Style -------------*/

footer{
	color:#E6E6E6;
}
footer{
	background-color:#1C1C1C;	
}
footer p, .foot-link a{
	color:#E6E6E6;
	font-size:0.8em;
	letter-spacing:0.15em;
}
footer{
	padding-bottom:20px;
}
footer a{
	color:#E6E6E6;
}
footer .content{
	padding:2% 3.1% 0;
}
.foot-link{
	margin:40px 0;
}
.foot-link li{
	display:inline-block;
	margin:0 10px;
}
p.fine{
	color:#808080;
	font-size:0.7em;
	padding:0 75px;
	margin-top:40px;
}



/* Pseudo Style -------------*/

a{
	text-decoration:none;
	color:#1C1C1C;
	padding:0;
}

a:hover, .btn:hover{
	color:#F4F4F4;
	opacity:0.5;
	transition:0.25s ease-out 0s;
	-webkit-transition:0.25s ease-out 0s;
	-o-transition:0.25s ease-out 0s;
	-moz-transition:0.25s ease-out 0s;
}

a:active {
  font-weight:bold;
}

.btn{
	background-color:#1C1C1C;
	color:#fff;
	border:1px solid;
	padding:5px 25px;
	letter-spacing:0.1em;
}

::selection { background:#1C1C1C; color:#fff; }
::-moz-selection { background:#1C1C1C; color:#fff;   }
::-webkit-selection { background:#1C1C1C; color:#fff; }

/* Clear & float  ------------*/

.group::after{
	content:"";
	display:table;
	line-height:0;
	clear:both;
}

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.clear-left{
	clear:left;
}
.clear-right{
	clear:right;
}
.clearfix{
	overflow:auto;
}