@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);
body,html{ font-family: 'Lato', sans-serif; font-weight:300}
.top-area{ background-image:url(../img/bg-image.jpg); background-size:cover; width:100%; height:auto; background-position: top right}
.logo{ background:url(../img/insureline-logo.svg); background-repeat:no-repeat; background-size:contain; width:210px; height:100px; display:block; margin-top:50px}
.content-box{ border-radius:10px; overflow:hidden; padding:40px 60px;  background:rgba(14,118,188,0.8); position:relative; margin-top:50px}

/* Top Section */
.content-box:before{ position:absolute; top:0; bottom:0; left:0; width:17px; background-color:#8dc63f; content:''; border-right:solid 5px #7fb239;}
.content-box h2{ color:#fff; margin:0; padding:0}
.content-box p{ color:#fff; font-size:16px; margin-top:20px}

/* Quotes */

.quote{ background: rgba(0,0,0,0.6); padding:30px 0; margin-top:50px}
.quote h2{ font-size:35px; color:#fff; font-weight:700; text-align:center}

/* Bullets */
.insurance-types{padding:60px 0;}
.insurance-types h2{ font-size:25px; color:#0e76bc; text-align:center; font-weight:700; text-transform:uppercase; margin-bottom:20px}
.insurance-types ul { padding:0; margin:0}
.insurance-types ul  li{ font-size:18px; font-weight:700; color:#808284; margin-bottom:15px}

/* Job Posting */
.job-posting{ border-bottom: solid 3px #8dc63f; padding:30px}
.job-posting h2{font-size:25px; color:#8dc63f; text-align:center; font-weight:700; text-transform:uppercase; margin-bottom:20px}
.accordion-heading{ border:solid 1px #CCC; line-height:20px; font-size:20px; padding:15px; text-transform:uppercase; }
.accordion-heading a:hover{ text-decoration:none; color:#8dc63f}
.accordion-inner{ font-size:18px; padding:20px; line-height:1.8}

/* Footer */
footer{ background:#0e76bc; text-align:center; padding:50px 0}
footer p{ color:#fff; font-size:20px; font-weight:700}
footer p.small{ font-size:14px; font-weight:300}


/* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
 .logo{   width: 150px; height: 63px; margin-top:20px	}
 .content-box{ margin-top:20px;     padding: 20px 30px;}
.content-box h2{ font-size:20px}	
.content-box p{ font-size:14px; margin-top:5px}
.quote{ padding:15px}
.quote h2{ font-size:20px;}
.insurance-types{ padding:20px}
.insurance-types h2{ font-size:15px}
.insurance-types ul li{ font-size:14px}
footer{ padding:20px}
footer p{ font-size:16px}
	}
	
	@media only screen and (max-width : 630px) {
		.top-area{ background-position:top center}
		}