/* ===================================
1. General
==================================== */
@import url('font.css');
@import url('font-awesome.css');

body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	background:rgba(0,0,0,0.7);
}

a, a:focus, a:hover {
	outline:0;
	text-decoration:none;
}

.text-red{
	color: red;
}

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

.row{
	margin:0;
}

.content{
	max-width:1024px;
	margin:0 auto;
}

p{
	margin: 0;
}

p + p {
	margin-top: 25px;
}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, ul + h2, ul + h3 {
	margin-top: 30px;
}

#wrapper{border-top: 8px solid #f29000; margin:0 auto; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center;}

#wrapper h1{border-top:1px solid rgba(255,255,255,0.3); padding: 10%; max-width: 890px;}
#wrapper h2{font-size: 30px; color: #f29000; margin: 15px 0 20px; text-transform: uppercase;  max-width: 890px;}
#wrapper h2 span{font-weight: 100; color: rgba(255,255,255,0.3); margin-left: 30px; display: block;}


@media (max-width:640px) {
	#wrapper h2{font-size: 18px; padding: 0 5px; text-align: center;}
	#wrapper h2 span{margin-left: 0;}
   }