@charset "UTF-8";

/* CSS Document */

img { margin-top:20px;}

html, body{ overflow-x: hidden; max-width: 100%}

body {font-size:20px; font-family: 'Roboto', sans-serif; overflow-x:hidden;}

p, ul li {margin-bottom:20px;}

h1 {text-align:center; padding-bottom:40px; padding-top:60px; font-size:55px;font-weight:300; text-transform:uppercase; line-height:62px;}

.grab-hire {font-weight:900; color:#5cae42; font-size:80px;}

.stand-out {background-color:#5cae42; color:#fff; font-weight:300; padding:40px; font-size:26px; padding-left:40px; padding-right:40px;}

.title {background-image:url(../../ultimate-guide-to-grab-hire%20-%20Copy/img/construction-bg.jpg); background-size:cover; text-align:center;}

.title img {display:inline-block; margin-bottom:60px; margin-top:0px;}

h2 {text-align:center; font-size:40px; font-weight:700; padding-bottom:30px; padding-top:0px; color:#5cae42; margin-top:20px; text-transform:uppercase;}

h3 {font-size:28px; font-weight:700; padding-bottom:15px; padding-top:20px; text-align:center;}

h4 {text-align:center; font-size:26px; font-weight:300; margin-bottom:0px;}

.container-fluid.factual {padding-left:90px; padding-right:90px; padding-top:0px;}

.odd, .even {padding-bottom:40px; padding-top:40px;}

.odd .image2 {text-align:center; width:100%;}

.even .image2 {text-align:center; width:100%;}

.image2 img {width:100px; margin-bottom:10px;}

.intro {text-align:center; padding-bottom:40px; padding-top:60px;}
.intro strong {color:#5cae42;}
.odd strong {color:#5cae42;}
.intro em {color:#5cae42;}
.intro, .odd {background-color:#3c3c3c; color:#f8f8f8;}
.even {background-color:#f8f8f8; color:#3c3c3c;}

.odd ul {border: 2px dashed #5cae42; padding-top:48px; padding-bottom:32px; padding-right:40px; padding-left:56px; margin-bottom:40px;}

.odd ul li {list-style-type:none;}

.odd ul .fa {color:#5cae42; margin-right:6px;}

.facts {text-align:center;}

.facts p {padding-left: 200px;
    padding-right: 200px;
    text-align: center;}

.intro h2 {font-weight:700; font-size:36px; margin-top:60px;}

.materials {text-align:center;}
.materials ul {padding:0px;}

.front {margin-top:90px;}

.image {text-align:center;}
.image img {display:inline-block;}

.cta { font-weight:700; border: solid 5px #ffffff; color:#ffffff; text-align:center; background-color:#458933; padding:20px 40px; margin-bottom:50px; margin-top:50px;}

ul.materials {border:none;}

ul.materials li {list-style-type:none; text-align:left;}

ul.materials li .fa {color:#5cae42; margin-right:10px;}

.facts h3 {margin-top:0px;}

.question {background-color:#5cae42; color:#fff; font-weight:300; padding:20px; padding-bottom:30px; font-size:26px; padding-left:40px; padding-right:40px; margin-bottom:40px; font-style:italic; position:relative; margin-top:40px;}

.question span {font-weight:700; font-size:20px; font-style:normal;}

.question i {color:#168441; font-size:70px; position:absolute; top:-30px;
left: -webkit-calc(50% - 30px);  
left: -moz-calc(50% - 30px);  
left: calc(50% - 30px);  

}

.answer {margin-left:30px; padding-left:30px; border-left:3px solid #ccc; margin-bottom:80px;}

.intro ul {padding-left:0px;}

.intro ul li {list-style-type:none; text-align:center; font-weight:800; font-size:24px;}

.intro ul li a {color:inherit;}

.intro ul li a:visited {color:inherit;}

.intro ul li img {max-width:50px; margin-right:10px; margin-top:0px; margin-bottom:0px;}

#section3 h3 {text-align: left !important;}
#section3 h4 {margin-top: 40px; margin-bottom: 20px; text-align: left !important;}

h5 {margin-bottom: 40px; text-align: center;}

@media (max-width: 1200px) {
	
	h1 {font-size:50px;}
    
}





@media (max-width: 992px) {
	
	h1 {font-size:40px;}

}
@media (max-width: 767px) {
	
	h1 {font-size:30px; line-height:44px;}
	
	.grab-hire {font-size:60px;}
	
	.facts p {padding-left:0px; padding-right:0px;}
	
	.container-fluid.factual {padding-left:40px; padding-right:40px;}
	
	.intro ul li {list-style-type:none; text-align:left; font-weight:800; font-size:18px;}

}