@import url(MyFontsWebfontsKit.css);

html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp,
small, strike, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	/* [disabled]vertical-align: baseline; */
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {	
	background:#ededed;
	color:#3c3837;
	font-family: 'FetteEngD';
	font-weight: normal;
	padding:100px 0 80px 132px;		
	position: relative;
	text-transform:uppercase;
}

a {text-decoration:none;}

#title {
	font-size:58px;	
	margin:0 0 0 13px;	
}

.blue-green, a.blue-green {color:#6db7bd;}

a.question, .intro a.no-justify, .intro-mobile a.no-justify {color:#3c3837;}
a.question:hover {color:#6db7bd;}
.intro a.no-justify:hover, .intro-mobile a.no-justify:hover {background:#6db7bd; color:#fff;}

.intro, .intro-mobile {
	letter-spacing:0.8px;
	margin:35px 0 0 0;	
	width:690px;
	text-align:justify;
}
.intro span, .intro a.no-justify, .intro-mobile span, .intro-mobile a.no-justify {	
	font-size:26px;
   	background-color:#fff;
   	padding:6px 13px 0px 13px;	
	display:block;
	padding:6px 13px 0px 13px;	
	text-align:justify;
	text-align-last: justify;	
	margin:0 0 10px 0 !important;
	height:31px;
	overflow:hidden;
}

.intro span:after, .intro a.no-justify:after, .intro-mobile span:after, .intro-mobile a.no-justify:after {
	content: "";
	display:inline-block;
	width: 100%;
}

.intro span.no-justify, .intro a.no-justify, .intro-mobile span.no-justify, .intro-mobile a.no-justify {display:inline-block;}

.signed {
	background:url(images/line.png) no-repeat top left;
	font-size:21px;
	margin:40px 0 0 13px;
	padding:20px 0 0 0;
}

.intro-mobile span, .intro-mobile a.no-justify {font-size:23px;}
.intro-mobile {display:none;}

@media (max-width:880px) {
	body {padding:69px 0 80px 58px;}
	#title {font-size:54px;}
}
@media (max-width:740px) {
	body {padding:34px 0 80px 34px;}
	#title {font-size:44px; line-height:44px; width:80%;}
	.intro {width:95%;}
	.intro span, .intro a.no-justify {font-size:23px;}
}
@media (max-width:600px) {
	.intro {display:none;}
	.intro-mobile {display:block; width:95%;}
}
@media (max-width:500px) {
	.intro-mobile {letter-spacing:0;}	
}
@media (max-width:340px) {
	.intro-mobile  span, .intro-mobile  a.no-justify {font-size:19px; height:25px; margin:0 0 7px 0!important;}		
}
