body {
	width: 100%;
	min-height: 100vh;
	line-height: 25px;
	font-family:'Montserrat', sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 16px;
	text-align: left;
	background: #ed2232;
}

*,
*:before,
*:after,
div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }

header, section, footer, .copyright { max-width: 1920px; width: 100%; margin: 0 auto; }

.btn {
	display: block;
	padding: .5em 2em;
	background: #ed2232;
	color: #fff;
	border-radius: 25px;
	text-align: center;
	text-decoration: none;
}
.btn:hover { opacity: .8; }

.btn-mobile { display: none; }

h1 { margin: 15px 0 35px; font-size: 40px; font-weight: 900; text-transform: uppercase; text-align: left; }
p { text-align: left; }

.container {
	position: relative;
	max-width: 1240px;
	width: 100%;
	margin: 0 auto;
	padding: 16px 20px;
	text-align: center;
}

header { padding: 10px 0; background: #fff; border-bottom: 1px solid #ed2232; }

.header .logo { display: block; text-align: left; }
.header .logo img { max-width: 295px; height: auto; }

.header-links {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.header-links .social { overflow: hidden; float: left; margin-right: 2em; }
.header-links .social li { display: inline-block; vertical-align: text-top; margin-right: 1em; }
.header-links .social li:last-child { margin-right: 0; }
.header-links .social li a { display: block; height: 34px; }
.header-links .btn { float: left; }

.wrap-content { position: relative; }
.wrap-content:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 170px;
	display: block;
	width: 702px;
	height: 731px;
	background: url('../img/bg-footer.png') bottom right no-repeat;
}

section { position: relative; background: url('../img/bg-content.jpg') top center no-repeat; background-size: cover; }
section .container { position: inherit; height: 565px; }
.content-txt {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.content-txt p { font-weight: 300; }
.content-txt .top-txt { font-size: 30px; line-height: normal; }
.content-txt .bottom-txt { font-size: 20px; }
.content-txt .bottom-txt a { display: block; margin-top: 10px; color: #ed2232; font-weight: 700; }

footer { background: #1b232a; }
footer .container { position: relative; padding-top: 25px; padding-bottom: 25px; text-align: left; }
footer .title { display: block; margin-bottom: 2px; color: #ed2232; text-transform: uppercase; font-weight: 700; }
footer .f-contact { margin-top: 1em; }
footer .f-contact li { display: inline-block; margin-right: 1em; }
footer .f-contact li span { font-weight: 700; color: #ed2232; }
footer .f-contact li a { font-weight: 700; text-decoration: none; color: #fff; }
footer .social { display: none; }

.copyright { background: #ed2232; }
.copyright .container { padding: 10px 20px; }

/* Tablet */
@media only screen and (min-width : 769px) and (max-width : 1024px) {
	header { padding: 0; }
	header .container { padding-bottom: 10px; }
	.content-txt { left: 40px; }
	.wrap-content:after { right: 0; background-size: 85%; }
}

/* Mobile */
@media only screen and (max-width : 768px) {
	h1 { font-size: 34px; }
	header { padding: 0; }
	header .container { padding-bottom: 10px; }
	.header-links .social { margin-right: 1em; }
	.header-links .social li { margin-right: 5px; }
	.wrap-content:after { right: 0; background-size: 65%; }
	.content-txt { left: 40px; }
	.content-txt .top-txt { font-size: 24px; }
	.content-txt .bottom-txt { font-size: 18px; }
}
@media only screen and (max-width : 715px){
	.header-links .btn { display: none; }
	footer .f-contact { margin-bottom: 1.5em; }
}
@media only screen and (max-width : 640px) {
	.btn-mobile { display: inline-block; float: left; margin-top: 1.5em; }
	h1 { margin-top: 10px; margin-bottom: 20px; font-size: 20px; }
	header { padding: 0; }
	header .container { padding-bottom: 10px; }
	.header-links { display: none; }
	.header .logo img { max-width: 220px; }
	.wrap-content:after { content: none; }
	section { background-image: url('../img/bg-content-mobile.jpg'); }
	section .container { height: 356px; }
	.content-txt { position: inherit;top: inherit; left: inherit; transform: inherit; padding-top: 1em; }
	.content-txt .top-txt,
	.content-txt .bottom-txt { font-size: 16px; }
	.content-txt .top-txt br,
	.content-txt .bottom-txt br { display: none }
	.content-txt .bottom-txt a { margin: 0; }
	footer .social { overflow: hidden; display: block; }
	footer .social li { float: left; margin-right: 10px; }
	footer .social li a img { max-width: 30px; }
}