/*--------------------------------------------------------------
# Global Styles
--------------------------------------------------------------*/
.entry-content {
	text-align: center;
}

img {
	margin-bottom: -6px;
}

h2, h3 {
	font-weight: 400;
}


/*--------------------------------------------------------------
# Header Styles
--------------------------------------------------------------*/
body:not(.home):not(.single-post) header.entry-header {
	padding-bottom: 15%;
	padding-top: 8%;
}

h1, h1 + p {
	color: #fff;
}


/*--------------------------------------------------------------
# Content Styles
--------------------------------------------------------------*/
#section-1 > .container {
    background-color: #fff;
	-webkit-box-shadow: 0 -10px 10px -5px rgba(0,0,0,.75);
	        box-shadow: 0 -10px 10px -5px rgba(0,0,0,.75);
    margin-top: -5%;
    padding: 50px 5%;
}

#section-1 h2 {
	margin-top: 0;
}

#section-3 {
	background-color: #00a2df;
	padding-top: 2.5%;
}

#section-3 h2 {
	color: #fff;
}

#section-3 h3 {
	padding-bottom: 25px;
	padding-top: 25px;
}

#section-3 .col {
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,.75);
            box-shadow: 0 0 10px -5px rgba(0,0,0,.75);
    padding: 5%;
    vertical-align: top;
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
@media screen and ( min-width: 768px ) {
	.entry-header h1 + p {
	    font-size: 32px !important;
	    font-weight: 300;
	}

	#section-3 {
	    max-height: 1150px;
	    margin-bottom: 350px;
	}

	#section-3 .col:nth-child(-n+2) {
	    max-width: calc(50% - 35px);
	}
}

@media screen and ( max-width: 767px ) {
	.container {
		padding: 0;
	}
}