/* --Global Styles */

.container.z-index {
	position: relative;
	z-index: 20;
}

@media (max-width: 480px) {
body {
	overflow-x: hidden;
	}
}

section .container, header .container, .footer .container, .branding .container {
	position: relative;
	z-index: 10;
}


header {
	padding: 30px 10px 130px 10px;	
	overflow: hidden;
	position: relative;
}

.wrap {
	padding: 0;
}

.header h1, .header h2, .header h3, .header h4, .header h5, .header h6 {
	color: #fff;
}

hgroup {
	margin-top: 3em;
}

.header__content h1 {
	font-size: 2.25em;
	font-weight: 200;
	line-height: 1em;
	margin-bottom: .125em;
	    margin-top: .3em;
	text-transform: uppercase;
}

.header__content h1 span {
	font-size: 0.5em;
	display: block;
}

.header__content h2 {
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.15em;
	margin-top: .85em;
}

.header__content h3 {
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	text-transform: uppercase;
}

.header__content h4 {
	font-size: 1.5em;
	font-weight: 600;
	margin-bottom: .7em;
}

@media (min-width: 480px) {
	header {
		padding: 30px 10px 200px 10px;
	}
	.header__content h1 {
		font-size: 2.5em;
	}
	.header__content h2 {
		font-size: 1.5em;
	}
	.header__content h3 {
		font-size: 1em;
		margin-bottom: 2em;
	}
	
	
}

@media (min-width: 768px) {
	header {
		padding: 30px 10px 120px 10px;
		text-align: left;
	}
	.header__content h1 {
		font-size: 3em;
	}
	.header__content h2 {
		font-size: 1.5em;
	}
	.header__content h3 {
		
		margin-bottom: 0.5em;
	}
	hgroup {
		margin-top: 4em;
	}
}

@media (min-width: 992px) {
	header {
		padding-bottom: 200px;
	}
	.header__content h2 {
		font-size: 1.75em;
	}
}

@media (min-width: 1200px) {
	header {
		padding-bottom: 200px;
	}
	.header__content h1 {
		font-size: 4em;
	}
	.header__content h2 {
		font-size: 1.65em;
	}
}



@media (min-width: 992px) {
	.angle--left {
		border-bottom-width: 200px;
		border-left-width: 1500px;
	}
	.angle--right {
		border-bottom-width: 200px;
		border-right-width: 1500px;
	}
}


/*------- Main content styles ---*/


.main-content h4 {
	font-size: 1.5em;
    font-weight: 600;
    margin-bottom: .7em;	
}

.main-content h4:last-of-type {
	margin-top: 2em;
}

.main-content p, .main-content li {
	font-size: 1.15em;	
}

    .main-content p {
    	line-height: 1.65em;
    }

    .main-content li {
    	line-height: 1.25em;
     	margin-bottom: 1.25em;
    }

@media (min-width: 768px) {
	.main-content {
		padding: 3em 0;
	}
}


/*------- Form styles ------*/

@media (max-width: 767px) {
	#form {
		margin-top: 2em;
		margin-bottom: 3em;
	}
}

@media (min-width: 768px) {
	#form {
		margin-top: 3em;
	}
}

@media (min-width: 992px) {
	#form {
		margin-top: 0em;
	}
}

.form-wrapper {
     margin-top: 0; 
}


/*----- Misc styles ---*/

.underline {
    border-bottom: 1px solid #fff;
    display: inline-block;
    padding: 0 0 10px 0;
}

    .underline.gray {
        border-bottom: 1px solid #e5e5e5;
    }

.fa-check {
	color: #91ca3f;
}


.lp__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.lp__list li {
	margin: 0;
	padding: 0.25em 0;
}

.lp__list--large {
	font-size: 1.25em;
}

.lp__list--check li {
	background: url();
}


.pad-right50 {
	padding-right: 50px;
}


.angle--left {
    width: 0;
    height: 0;
    border-bottom: 100px solid #fff;
    border-left: 800px solid transparent;
    position: absolute;
    bottom: 0px;
    z-index: 0;
    float: left;
    right: 0;
}

.angle--right {
    width: 0;
    height: 0;
    border-bottom: 100px solid #fff;
    border-right: 800px solid transparent;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 0;
    float: left;
}

@media (min-width: 768px) {
	.angle--left {
		border-bottom-width: 250px;
		border-left-width: 1500px;
		bottom: 0px;
	}
	.angle--right {
		border-bottom-width: 250px;
		border-right-width: 1500px;
		bottom: 0px;
	}
}




/* INFOGRAPHIC TEMPLATE ++++++++++++++++++++++================= 
 ==================================================++++++++++++++++*/


.infographic__image {
	margin: 1em auto;
}

@media (min-width: $screen-sm-min) {
	.infographic__image {
		margin: 2em auto;
	}

}



/*++++++++++++++++++================= GLOBAL FOOTER STYLES ====================+++++++++++++++++++*/


.footer-lp { padding: 30px 0 15px 0;
	background: #1f2125;
}

.footer-lp .copyright { color: #fff;
	font-size: .8em
}



.social-facebook svg, .social-twitter svg, .social-linkedin svg, .social-youtube svg, .social-googleplus svg {
    fill: #fff;
    stroke: none;
}