body {
	background-color: #104BA0;
}

/********** NAV **********/
.navbar {
	background-color: #fff;
}

.navbar .navbar-brand img {
	margin-left: 20px;
	max-height: 45px;
}

.navbar-nav .nav-item .nav-link {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #104BA0;
	font-size: 20px;
}

.navbar-nav .nav-item.nav-item-margin .nav-link {
	margin-right: 20px;
}


/********** CALL TO ACTION **********/
.bg-image-top {
    background-image: url('images/bg-image-top.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	background-color: #104BA0;
	min-height: 450px;
	width: 100%;
	box-shadow: 0px 20px 40px #BFBFBF;
}

.row .bg-image-top h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 30px;
	text-align: center;
	text-shadow: 0px 2px 8px #4D4D4D;
	margin-top: 100px;
	margin-right: 20px;
	margin-left: 20px;
}

.row .bg-image-top button.btn-primary {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 16px;
	background: #DEB33C;
	border-color: #DEB33C;
	border-radius: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 40px;
	padding-left: 40px;
    box-shadow: 0px 2px 8px #4D4D4D;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 60px;
}
 
.row .bg-image-top .btn-primary:hover, .row .bg-image-top .btn-primary:focus, .row .bg-image-top .btn-primary:active, .row .bg-image-top .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #fff;
    border-color: #fff;
    color: #DEB33C;
    text-decoration: none;
}

.row .bg-image-top a {
	text-decoration: none;
}


/********** ABOUT **********/
.container-fluid.about {
	background-color: #fff;
}

.about h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #104BA0;
	font-size: 20px;
	text-align: center;
	margin-top: 50px;
}

.about p {
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 400;
	color: #484848;
	font-size: 12px;
	text-align: left;
	margin-top: 20px;
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 50px;
}


/********** BUSINESS ATTRIBUTES **********/
.container-fluid.business-attributes {
	background-color: #EBEBEB;
	box-shadow: 0px 20px 30px #194586;
}

.business-attributes img {
	max-width: 106px;
	display: block;
	margin: 0px auto;
	margin-top: 50px;
}

.business-attributes h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #104BA0;
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}

.business-attributes p {
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 400;
	color: #484848;
	font-size: 12px;
	text-align: center;
	margin-top: 0px;
	margin-right: 75px;
	margin-left: 75px;
}

.business-attributes .last {
	margin-bottom: 30px;
}

/********** SERVICES **********/
.bg-image-services {
    background-image: url('images/bg-image-services.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	background-color: #104BA0;
	min-height: 100%;
	min-width: 100%;
}

.services .center {
	display: inline-block;
	margin: 0 auto;
}

.services h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 50px;
}

.services img {
	max-width: 50px;
	margin-top: 20px;
	margin-left: 20px;
	display: block;
	float: left;
}

.services p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	display: block;
	float: left;
	line-height: 70px;
	margin-left: 20px;
}

.services .underline p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 12px;
	text-align: left;
	line-height: normal;
	margin-top: 0px;
	display: block;
	float: none;
}

.services .underline.last p {
	margin-bottom: 75px;
}


/********** CONTACT **********/
.container-fluid.contact {
	background-color: #fff;
}

.contact .center {
	display: inline-block;
	margin: 0 auto;
}

.contact h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #104BA0;
	font-size: 20px;
	text-align: center;
	margin-top: 50px;
}

.contact h3 {
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 400;
	color: #484848;
	font-size: 20px;
	text-align: left;
	margin-top: 20px;
	margin-left: 65px;
}

.contact p {
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 300;
	color: #484848;
	font-size: 16px;
	text-align: left;
	display: block;
	float: left;
	line-height: 15px;
	margin-left: 20px;
}

.contact p span {
	color: #104BA0;
	text-decoration: underline;
}

.contact img {
	max-width: 20px;
	margin-left: 40px;
	display: block;
	float: left;
}

.contact p.last {
	margin-bottom: 50px;
}

/********** FOOTER **********/
.container-fluid.footer {
	background-color: #104BA0;
}

.footer p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	color: #88A5CF;
	font-size: 16px;
	text-align: right;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.footer p a, .footer p a:hover {
	text-decoration: none;
	color: #88A5CF;
}

.footer p .bold {
	font-weight: 600;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 378px) {

    	.bg-image-top {
			min-height: 650px;
		}

    	.row .bg-image-top h1 {
			font-size: 35px;
			margin-top: 240px;
		}

		.about h2 {
			font-size: 30px;
			margin-top: 75px;
		}

		.about p {
			font-size: 16px;
			margin-top: 30px;
			margin-right: 100px;
			margin-left: 100px;
			margin-bottom: 75px;
		}

		.business-attributes p {
			margin-right: 20px;
			margin-left: 20px;
		}

		.services h2 {
			font-size: 30px;
		}

		.contact h2 {
			font-size: 30px;
			margin-top: 75px;
		}

		.contact p.last {
			margin-bottom: 75px;
		}

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    	.row .bg-image-top h1 {
			font-size: 40px;
			margin-top: 260px;
		}

		.about h2 {
			font-size: 38px;
			margin-top: 100px;
		}

		.about p {
			font-size: 20px;
			margin-top: 50px;
			margin-right: 150px;
			margin-left: 150px;
			margin-bottom: 100px;
		}

		.business-attributes p {
			margin-right: 10px;
			margin-left: 10px;
		}

		.container-fluid.services {
			width: 600px;
		}

		.services h2 {
			font-size: 38px;
		}

		.services p {
			font-size: 22px;
			margin-top: 10px;
			line-height: 70px;
			margin-left: 20px;
		}

		.services .underline p {
			font-size: 20px;
		}

		.contact h2 {
			font-size: 38px;
			margin-top: 100px;
		}

		.contact p.last {
			margin-bottom: 100px;
		}

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    	.bg-image-top {
			min-height: 800px;
		}

    	.row .bg-image-top h1 {
			font-size: 50px;
			margin-top: 260px;
		}

    	.row .bg-image-top button.btn-primary {
			font-size: 20px;
			border-radius: 40px;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-right: 45px;
			padding-left: 45px;
			margin-top: 75px;
		}

		.about p {
			margin-right: 150px;
			margin-left: 150px;
		}

		.business-attributes p {
			margin-right: 50px;
			margin-left: 50px;
		}

    }

 	/* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    	.about p {
			margin-right: 300px;
			margin-left: 300px;
		}

		.business-attributes p {
			margin-right: 75px;
			margin-left: 75px;
		}

    /* XLarge Devices, Wide Screens */
    @media only screen and (min-width : 1500px) {

    	.about p {
			margin-right: 400px;
			margin-left: 400px;
		}

		.business-attributes p {
			margin-right: 100px;
			margin-left: 100px;
		}

    }