@font-face {
	font-family: 'GothamBook';
	font-weight: 400;
	src: url('../fonts/Gotham-Book.otf') format('OpenType');
}

html, body, div, p, span, ul, li, h1, h2, h3, h4, h5, h6{
	font-family: gothambook, Arial, sans-serif;
	color: #2b2b2b;
	font-size: 18px;
}

::selection{
	background: #000;
	color: #fff;
}

/* Body */
body{
	background-image: url(../images/welcome.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	margin: 0;
	padding: 0;
}

.container.grid-container{
	max-width: 70%;
	margin-top: 130px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
	padding: 0;
}

/* Header */
.header{
	background: #fff;
	box-shadow: 0 5px 2px -2px #e5e5e5;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

.header .menu{
	color: #898989;
	font-size: 12px;
	font-weight: 600
}

.header .menu:hover, .header a{
	color: #1b1c1f;
	text-decoration: none!important;
}

.header .logo img{
	width: 166px;
	height: 56px;
	margin: 7px 0 0 ;
}

.header .wrapper{
	width: 1000px;
	max-width: 100%;
}

/* Content */
.container-page{
	padding: 10px 5px!important;
	background: #F9F9F9;
	box-shadow: 5px 10px 20px;
}

.container-page .logo img{
	width: 70%;
}

.container-page .content .underline{
	text-align: center;
	text-decoration: underline;
	margin-bottom: 30px;
}

.container-page .content a:hover{
	text-decoration: none;
}

.container-page .content img{
	width: 50px;
	height: 100%;
	margin-top: -15px;
}

.container-page .content .verify{
	margin-left: -2px;
}

.container-page .content .descrip{
	margin-top: 20px;
	text-align: justify;
	line-height: 24px;
}

.container-page .content hr{
	border-top: 1px solid #828282;
}

.container-page .info{
	background: #1b1c1f;
	padding: 100px 0 60px!important;
}

.container-page .info p{
	color: #fff;
	line-height: 24px;
}

.container-page .info span{
	color: #7c7c7c;
	font-size: 16px;
}

.container-page .info img{
	width: 23px;
	height: 100%;
	margin-right: 8px;
}

/* Footer */
.footer{
	max-width: 700px;
	padding-top: 300px!important;
	margin: 0 auto;
}

.footer .wrapper{
	padding: 50px 0;
}

.footer img{
	width: 60px;
}

.footer p{
	color: #686868;
	font-size: 12px!important;
	margin-bottom: 1.5em;
	line-height: 18px;
}

/* Media Queries */
@media only screen and (max-width:767px){
	.container .content img{
		height: 50px;
		margin-top: -10px;
	}
	.container .logo img{
		width: 200px!important;
	}
	.container-page .logo img {
		margin-bottom: 10px;
	}
	.footer p{
		font-size: 13px!important;
	}
	.footer{
		max-width: 100%!important;
	}
	.footer p{
		text-align: left;
	}
}

@media only screen and (min-width:768px) and (max-width:1200px){
	.container .logo img{
		width: 400px!important;
	}
}

@media only screen and (max-width:1200px){
	.container.grid-container{
		width: 70%;
	}
}

@media only screen and (min-width:1200px) and (max-width:1400px){
	.container.grid-container{
		max-width: 80%;
	}
}