@font-face {
    font-family: 'SuperiorTitleBold';
    src: url('fonts/SuperiorTitleBold.woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AauxNextBold';
    src: url('fonts/AauxNextBold.woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AauxNextRegular';
    src: url('fonts/AauxNextRegular.woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AauxNextLight';
    src: url('fonts/AauxNextLight.woff');
    font-weight: normal;
    font-style: normal;
}
body{
	margin: 0;
	padding: 0;
	font-family: 'AauxNextRegular';
	font-size: 18px;
	color: #2b2e34;
}
a{
	cursor: pointer;
}
h1,h2,h3,h4,h5{
	margin: 0;
	font-weight: normal;
}
p{
	margin: 1rem 0;
	line-height: 150%;
}
img{
	max-width: 100%;
}
a.orange_button{
	display: inline-block;
	background: linear-gradient(to right, #f7941d 0%,#f15a22 100%);
	color: #FFF;
	padding: 0.5rem 1.5rem;
	border-radius: 25px;
	font-family: 'AauxNextBold';
	font-size: 20px;
}
.content_wrapper{
	padding: 2rem 4rem;
}
.container{
	max-width: 1100px;
	margin: 0 auto;
}
header.container{
	display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0 -580px;
    position: fixed;
    background: #fff;
    padding: 1rem 2rem;
    width: 1100px;
    max-width: 100%;
    left: 50%;
    top: 0;
}
.mobile_header_wrap, header.mobile{
	display: none;
}
header nav a{
	font-family: 'AauxNextBold';
	font-size: 18px;
	margin-right: 2rem;
}
header nav a:last-child{
	margin-right: 0;
}
.hero_area .orange_flag{
	display: none;
}
.hero_area{
	height: 534px;
	background-image: url("images/hero_image.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 20px;
	margin: 6rem auto 0 auto;
}
.hero_area h1{
	color: #FFF;
	font-family: 'SuperiorTitleBold';
	font-size: 60px;
}
.hero_area h2{
	color: #FFF;
	font-family: 'AauxNextRegular';
	font-size: 22px;
}
/* Services section */
.services_tiles{
	display: flex;
	justify-content: space-between;
	margin: 5rem auto 0 auto;
}
.services_tiles .service_tile{
	box-shadow: 7px 6px 15px 0px #ccc;
	border-radius: 20px;
	max-width: 320px;
	min-width: 29%;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.service_tile h3{
	font-family: 'SuperiorTitleBold';
	font-size: 40px;
	margin-top: 1rem;
}
.service_tile p{
	font-family: 'AauxNextLight';
	font-size: 20px;
	text-align: center;
	line-height: 150%;
}
/* About section */
.about{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 500px;
	background-image: url("images/about_background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
	margin: 5rem auto 0 auto;
}
.about h2, .about p{
	color: #fff;
	text-align: center;
}
.about h2{
	font-family: 'SuperiorTitleBold';
	font-size: 40px;
}
.about p{
	padding: 0 4rem;
	line-height: 150%;
	font-family: 'AauxNextLight';
	font-size: 20px;
}
/* Why Choose Us section */
.why_choose{
	margin: 5rem auto 0 auto;
}
.why_choose .why_choose_row{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.why_choose .why_choose_row:last-child{
	flex-direction: row-reverse;
	margin-top: 3rem;
}
.why_choose .why_choose_row .why_choose_col.text{
	max-width: 48%;
}
.why_choose_row .why_choose_col h2{
	font-family: 'SuperiorTitleBold';
	font-size: 40px;
}
.why_choose_row .why_choose_col p{
	font-family: 'AauxNextLight';
	font-size: 20px;
}
.why_choose_row .why_choose_col.text{
	padding-right: 1rem;
}
.why_choose_row:nth-of-type(even) .why_choose_col.text{
	padding-left: 1rem;
}
/* Contact form section */
.contact_form{
	margin: 5rem auto 0 auto;
}
.contact_form .contact_wrap{
	max-width: 550px;
	margin: 0 auto;
	padding: 1.5rem;
	box-shadow: 7px 6px 15px 0px #CCC;
	border-radius: 20px;
}
.contact_wrap h2{
	font-family: 'SuperiorTitleBold';
	font-size: 40px;
}
.contact_wrap p{
	font-family: 'AauxNextLight';
	font-size: 20px;
}
.contact_wrap .form_input{
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
}
.contact_wrap .form_input label{
	font-family: 'AauxNextLight';
	font-size: 14px;
	color: #C1C1C1;
	margin-bottom: 0.25rem;
}
.contact_wrap .form_input input, .contact_wrap .form_input textarea{
	border: 1px solid #C1C1C1;
	border-radius: 5px;
	padding: 0.5rem;
	font-family: 'AauxNextRegular';
	font-size: 16px;
	color: #2b2e34;
}
.contact_wrap .form_input textarea{
	height: 100px;
}
.contact_wrap p.error{
	color: red;
	margin: 0;
	font-size: 14px;
	display: none;
}
.contact_wrap .form_success, .contact_wrap .form_error{
	display: none;
}
.contact_wrap .form_error{
	color: red;
}
/* Footer */
footer{
	border-top: 2px solid #C1C1C1;
	margin-top: 5rem;
}
footer p{
	font-family: 'AauxNextLight';
	font-size: 15px;
	color: #C1C1C1;
}
@media (max-width: 1150px){
	header.container{
		width: 1040px;
		margin: 0 0 0 -520px;
		padding: 1rem 0;
	}
}
@media (max-width: 1024px){
	.content_wrapper{
		padding: 0;
	}
	.container{
		max-width: 100%;
	}
	header.desktop{
		display: none;
	}
	.mobile_header_wrap{
		display: flex;
		justify-content: center;
	}
	header.mobile{
		display: flex;
		position: fixed;
		z-index: 2;
		background: #acacac;
		width: 350px;
		border-radius: 50px;
		padding: 1rem;
		margin: 1.5rem 0 0 -192px;
	}
	header.mobile img{
		width: 175px;
	}
	.hero_area{
		position: relative;
		border-radius: 0;
		background-image: url("images/hero_image_mobile.jpg");
		align-items: center;
		padding: 6rem 0;
		margin: 0 auto;
	}
	.hero_area h1, .hero_area h2{
		max-width: 370px;
		text-align: center;
		line-height: 125%;
        margin-bottom: 2rem;
	}
	.hero_area .orange_flag{
		display: block;
		position: absolute;
		background-image: url("images/orange_flag_transparent.png");
		width: 128px;
		height: 78px;
		bottom: 0;
		right: 3%;
	}
	.services_tiles{
		flex-direction: column;
		align-items: center;
	}
	.services_tiles .service_tile{
		margin-bottom: 2rem;
		max-width: 85%;
	}
	.about{
		height: auto;
		padding: 5rem 1rem;
		margin: 2rem auto 0 auto;
		border-radius: 0;
		background-position: 50% 0;
	}
	.about p{
		padding: 0;
	}
	.why_choose .why_choose_row, .why_choose .why_choose_row:last-child{
		flex-direction: column;
	}
	.why_choose .why_choose_row .why_choose_col.text, .why_choose .why_choose_row .why_choose_col.image{
		max-width: 90%;
		padding-right: 0;
		padding-left: 0;
	}
	.why_choose .why_choose_row .why_choose_col.text{
		margin-bottom: 2rem;
	}
	.contact_form .contact_wrap{
		max-width: 78%;
	}
	form a.orange_button{
		display: block;
		text-align: center;
	}
	footer{
		width: 90%;
		margin: 5rem auto 0 auto;
	}
}