body {
	font-family:"Nobile", "Arial", sans-serif;
	font-weight:normal;
	margin: auto;
	width:900px;
}



p {
	margin: 0; 
	font-weight:normal;
	line-height:1.6;
}
p + p {
  text-indent: 1.5em; }


header {
	display:block;
}
.heading {
	display:block;
	font-family:"Ubuntu", "Arial", sans-serif;
	width:100%;
	margin:auto;
	text-align:center;
	float:left;
	padding-top:20px;
}


.box {
	width:60%;
	border-style:solid;
	border-width:0px;
	border-color:black;
	float:left;

}

.picture {
	float:right;
	min-width:33%;
	height:530px;
	background-image: url('test.png');
	background-repeat:no-repeat;
	background-position:right top;
}

.help { 
	float:right;
	padding:100px 0px 60px 0px;
}

.name {
	font-family:"Ubuntu", "Arial", sans-serif;
	max-width:100%;
	flow:left;
}

.pointer {
	cursor:pointer;
}

.left {
	float:left;
}

.column {
	-moz-column-count:2; /* Firefox */
	 -webkit-column-count:2; /* Safari and Chrome */
	 column-count:2;

}

.example {
	padding: 0px 20px; 
	text-align:justify;
}

.author {
	padding: 0px 20px; 
	text-align:justify;
}

.explanation {
	margin:auto;
}

.explanation p {
	margin: 20px 30px;
	text-align:justify;
}

.footer { margin:30px; float:left; }


h3 {
	margin: 30px 10px;
	font-size:24px;
	padding: 10px 10px;
}

.social_media { 
 	float:right; 
	padding-top:15px;
}

.fb_iframe_widget {
	vertical-align:top;
}

.absolute {
	position:absolute;
}

.linkedin {
	padding-right:30px; }

.olt {
	font-family:"Ubuntu", "Arial", sans-serif;
	color:#222;
	border-style:solid;
	border-width:3px;
	border-color:#ffd83a;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: linear-gradient(bottom, rgb(255,216,58) 31%, rgb(255,229,124) 83%);
	background-image: -o-linear-gradient(bottom, rgb(255,216,58) 31%, rgb(255,229,124) 83%);
	background-image: -moz-linear-gradient(bottom, rgb(255,216,58) 31%, rgb(255,229,124) 83%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,216,58) 31%, rgb(255,229,124) 83%);
	background-image: -ms-linear-gradient(bottom, rgb(255,216,58) 31%, rgb(255,229,124) 83%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffe57c', endColorstr='#ffd83a');/*For IE7-8-9*/ 
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.31, rgb(255,216,58)),
	color-stop(0.83, rgb(255,229,124))
);

}

.mlt {
	font-family:"Ubuntu", "Arial", sans-serif;
	color:#333;
	border-style:solid;
	border-width:3px;
	border-color:#ff7400;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: linear-gradient(bottom, rgb(255,132,0) 31%, rgb(255,179,0) 83%);
	background-image: -o-linear-gradient(bottom, rgb(255,132,0) 31%, rgb(255,179,0) 83%);
	background-image: -moz-linear-gradient(bottom, rgb(255,132,0) 31%, rgb(255,179,0) 83%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,132,0) 31%, rgb(255,179,0) 83%);
	background-image: -ms-linear-gradient(bottom, rgb(255,132,0) 31%, rgb(255,179,0) 83%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffb300', endColorstr='#ff8400');/*For IE7-8-9*/ 
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.31, rgb(255,132,0)),
	color-stop(0.83, rgb(255,179,0))
);

}

.oht {
	font-family:"Ubuntu", "Arial", sans-serif;
	color:white;
	border-style:solid;
	border-width:3px;
	border-color:#701975;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: linear-gradient(bottom, rgb(112,25,117) 31%, rgb(192,148,195) 83%);
	background-image: -o-linear-gradient(bottom, rgb(112,25,117) 31%, rgb(192,148,195) 83%);
	background-image: -moz-linear-gradient(bottom, rgb(112,25,117) 31%, rgb(192,148,195) 83%);
	background-image: -webkit-linear-gradient(bottom, rgb(112,25,117) 31%, rgb(192,148,195) 83%);
	background-image: -ms-linear-gradient(bottom, rgb(112,25,117) 31%, rgb(192,148,195) 83%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c094c3', endColorstr='#701975');/*For IE7-8-9*/ 
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.31, rgb(112,25,117)),
	color-stop(0.83, rgb(192,148,195))
);

}
.number { display:none; }

.print_hidden { display:none; }


@media screen and (min-width: 900px) {
	h3 { margin:50px 20px; }
	.explanation{ margin-top:50px; }
	.number { display:inline; }
	.picture { width:350px; margin-top:20px;	background-image: url('test2.png'); }

}


@media screen and (max-width: 900px) and (min-width: 630px) {
	body { width:100%; }
	.picture { width:240px; margin-right:5px; height:330px; }
	h3 {font-size:16px; margin:15px; 5px; }
	.number { display:inline; }
	.box {  padding-bottom:30px; }
	.help { padding-right:15px; width:240px; }
	.social_media { padding-right:15px; }
}

@media screen and (max-width: 629px) {
	body { width:100%; }
	.picture { display:none; }
	.box { width:98%; margin-left:1%; }
	.column { -moz-column-count:1; /* Firefox */
	 -webkit-column-count:1; /* Safari and Chrome */
	 column-count:1; }
}

@media print {
	.print_hidden { display:block; }
	p { font-size:18px; } 
	.column { -moz-column-count:auto; /* Firefox */
		 -webkit-column-count:auto; /* Safari and Chrome */
		 column-count:auto; }
	.name { display:none; }
	.explanation { display:block !important; }
}