/*
* ------------------------------------------------------------------------------------------------
* @author 	Leandro Mancini
* @email	contato@leandromancini.com
* @url	 	http://www.leandromancini.com/
* ------------------------------------------------------------------------------------------------
*/

section{  }

section .col-md-8{ margin:-200px 0 0 0; padding: 0; }
section .col-md-8 h1{ color: #fff; font-size: 100px;  font-family: 'libertadlight'; padding: 0 0 0 130px; }
section .col-md-8 .col-md-12{ background: #fff; position: relative; padding: 140px 230px 80px 130px; }
section .col-md-8 .col-md-12 h2{ color: #3b4c58; font-size: 46px; margin: 0 0 35px; line-height: 42px; width: 72%;}
section .col-md-8 .col-md-12 img.class-first { position: absolute; right: 58px;top: 60px; width: 300px;}

section .col-md-8 .col-md-12 img { position: relative; right: inherit; top: inherit; width: auto;}

section .col-md-8 .col-md-12 h3{ font-size: 22px; padding: 0 32% 25px 0; font-family: 'libertadlight'; }
section .col-md-8 .col-md-12 p{ font-size: 18px; margin-bottom: 25px; }
section .col-md-8 .col-md-12 blockquote { font-size: 18px; margin-bottom: 25px; padding:15px; border-left: 1px solid #f2f2f2; }

section .col-md-4{ background: #f0f1f2; padding: 65px; }
section .col-md-4 h3{ color: #3b4c58; font-size: 36px; padding: 0 0 35px 0; }
section .col-md-4 nav{  }
section .col-md-4 nav a{ color: #3b4c58; font-size: 16px; display: block; margin: 0 0 30px 0; padding: 0 0 0 30px; position: relative; }
section .col-md-4 nav a:after{  
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
	width: 0;
	z-index: 10;
	height: 0;
	border-top: 3px solid transparent;
	border-left: 6px solid #6b7284;
	border-bottom: 3px solid transparent;
}
section .col-md-4 nav a:before{ 
	display: none;
	position: absolute;
	top: -2px;
	left: -8px;
	content: "";
	width: 20px;
	height: 20px;
	background: #3b4c58;
	border-radius: 30px;
}
section .col-md-4 nav a:hover{ text-decoration: underline; }
section .col-md-4 nav a:hover:after{ border-left: 6px solid #fff; }
section .col-md-4 nav a:hover:before{ display: block; }


/*
* ------------------------------------------------------------------------------------------------
* RESPONSIVE
* ------------------------------------------------------------------------------------------------
*/


@media all and (min-width: 1280px) {section .col-md-8 .col-md-12 img.class-first {width: 300px;}}
@media all and (max-width: 1279px) {section .col-md-8 .col-md-12 img.class-first {width: 250px;}}
@media all and (max-width: 1090px) {

	section .col-md-8 .col-md-12 img.class-first {width: 200px;}
	section .col-md-8 .col-md-12 h3{ font-size: 22px; padding: 0 20% 25px 0; }
}
@media all and (max-width: 865px) {
	section .col-md-8 .col-md-12 img.class-first {width: 150px; top:100px;}
	section .col-md-8 .col-md-12 h3{ font-size: 22px; padding: 0 30% 25px 0; }
}


@media all and (max-width: 992px) {
	section .container .col-md-12{ padding: 100px 50px; }
	section .col-md-8 .col-md-12{ padding: 140px 50px 0; }
	section .col-md-8 .col-md-12 img{ position: relative; top: inherit; right: inherit; }
}

@media all and (max-width: 768px) {
	section .col-md-8{ margin-top: 0; }
	section .col-md-8 .col-md-12{ padding: 140px 30px 0; }
	section .col-md-4{ padding: 30px; }
	section .col-md-8 h1 {font-size: 86px; margin: -102px auto 0; padding:  0; text-align: center;}
	section .col-md-8 .col-md-12 img.class-first {width: 250px;}
	section .col-md-8 .col-md-12 {padding-top: 40px;}
}
@media all and (max-width: 725px) {section .col-md-8 .col-md-12 img.class-first {width: 150px; top: 100px;}
	section .col-md-8 .col-md-12 h3{ font-size: 22px; padding: 0 42% 25px 0; }
}
@media all and (max-width: 545px) {section .col-md-8 .col-md-12 img.class-first {width: 70%; top: 200px; position: relative;; top: inherit; right: inherit; margin: 0 auto 10px; display:  block;}
	section .col-md-8 .col-md-12 h3{ font-size: 22px; padding: 0 0 25px 0; }
}
@media all and (max-width: 480px) {
	section .col-md-8 .col-md-12 h3{ font-size: 17px; padding: 33px 0 35px; }
	section .col-md-8 h1{ margin: -60px 0 0 0; padding: 0; text-align: center; font-size: 50px; }
	section .col-md-8 .col-md-12 h2{ font-size: 31px;}
}