/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/


/* GLOBAL */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-weight: normal;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
* {
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, p, a, ol, ul {
	font-family: "open-sans", sans-serif;
}
body span {
	font-weight: inherit;
}

/* HEADER */

span.logo.avia-svg-logo {
	height: 62px;
	width: 277px;
	margin-top: 15px;
}
.av-main-nav li a {
	font-size: 16px;
	font-weight: 600!important;
}

/* HERO */

#hero {
	height: 700px;
	display: flex;
    justify-content: center;
    align-items: center;
}
#hero h1 {
	font-size: 64px;
	line-height: 74px;
	font-weight: 300;
	color: white;
	text-transform: none;
	letter-spacing: 0px;
	max-width: 50%;
	margin-bottom: 20px;
}
#hero h2 {
	font-size: 24px;
	line-height: 34px;
	font-weight: 300;
	color: white;
	text-transform: none;
	letter-spacing: 0px;
	max-width: 50%;
	margin-bottom: 40px;
}
#hero a.avia-button {
	border: solid 2px #61B335!important;
	font-family: "open-sans", sans-serif;
	font-size: 16px;
	font-weight: 700!important;
}
#hero a.avia-button:hover {
	background: #61B335!important;
	opacity: 1!important;
}

/* ABOUT */

h3 {
	font-size: 42px;
	line-height: 42px;
	font-weight: 400;
	color: #13212E;
	text-transform: none;
	letter-spacing: 0px;
	margin-bottom: 25px;
}
p {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	color: #667070;
	letter-spacing: 0px;
}
#section-1 {
	padding: 80px 0;
}

/* SOLUTIONS */

#section-2 {
	padding: 80px 0;
}

/* CONTACT */

#section-3 {
	padding: 80px 0;
}

/* FOOTER */

#footer-section {
	padding: 80px 0;
}

#footer-section .first img {
	height: 62px;
	width: 277px;
	margin-bottom: 30px;
}
#footer-section h3 {
	color: #61B335;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 20px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#footer-section .first p {
	color: white;
	font-size: 14px;
	line-height: 20px;
}
#footer-section p {
	color: white;
	font-size: 16px;
	line-height: 28px;
}
#footer-section ul li a {
	color: white;
	font-size: 16px;
}
#footer-section ul li {
	margin: 0px;
	list-style: none;
}
#copyright-area p {
	font-size: 14px;
	color: #667070!important;
}

/* MEDIA QUERIES */

@media only screen and (max-width: 1200px) {
	#hero h1 {
		font-size: 64px;
		line-height: 74px;
		max-width: 70%;
		margin-bottom: 20px;
	}
	#hero h2 {
		font-size: 24px;
		line-height: 34px;
		max-width: 70%;
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.responsive .logo img, .responsive .logo svg {
		height: 62px;
		width: 277px;
		margin-top: 5px;	
	}
	#hero h1 {
		font-size: 54px;
		line-height: 64px;
		max-width: 100%;
		margin-bottom: 20px;
	}
	#hero h2 {
		font-size: 20px;
		line-height: 30px;
		max-width: 100%;
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 540px) {
	#hero h1 {
		font-size: 48px;
		line-height: 58px;
		max-width: 100%;
		margin-bottom: 20px;
	}
	#hero h2 {
		font-size: 18px;
		line-height: 28px;
		max-width: 100%;
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 450px) {
	
}