html, body {
	font-family: 'Open Sans', sans-serif;
}

.header {
	position: relative;
	height: auto;
}

.header-image {
	width:100%;
}

.header-text {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display:flex;
	align-items:center;
	justify-content:center;
}

.header-relative {
	position: relative;
	color:white;
	text-align: center;
}

.header-intext {
	text-transform: uppercase; font-size: 4.5em; font-weight: 900;
}

.header-relative h2 {
	font-size: 2.2em;
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
	.header-intext {
		font-size: 1.5em;
	}

	.header-relative h2 {
		font-size: 1.2em;
	}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.header-intext {
		font-size: 2.5em;
	}

	.header-relative h2 {
		font-size: 1.2em;
	}
}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.header-intext {
		font-size: 3.5em;
	}
	.header-relative h2 {
		font-size: 1.2em;
	}
}

.header-intextsmall {
	width: 50%;position: relative;margin:auto;border-color: white;top: 5px;
}

.hrstyl {
	width: 20%;position: relative;margin:auto;border-color:black;margin-bottom: 25px;margin-top:20px;
}

.p-size-18 {
	font-size: 18px;
}

ul.nav a { color: white !important; }

ul.nav a:hover { color:#a40308 !important;-webkit-transition: color 1s;transition: color 1s;}

.width-100 {
	width: 100%;
	margin-top: 7px;
	margin-bottom: 7px;
}

.margin-50 {
	padding-top: 30px;
}

.margin-reference {
	margin-top: 15px;margin-bottom: 15px;
}

.reference-text {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display:flex;
	align-items:center;
	justify-content:center;
}

.reference-relative {
	position: relative;
	color:white;
	text-align: center;
	margin-bottom: 10px;
}

.reference-image {
	width: 100%;
}

.opacity {
	background: black;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: 0.5;
}

.navbar {
	padding-top: 20px;
	padding-bottom: 20px;
	border:none;
}

.nav {
	text-transform: uppercase;
	font-size: 18px;
	color:white;
}

.nav li a {
	color:black;
}

.logo-image {
	height: 150%;
}

.titles {
	text-align: center;
	font-size: 3em;
	text-transform: uppercase;
	margin-top: 50px;
	font-weight: 700;
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
	.titles {
		font-size: 2em;
	}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.titles {
		font-size: 3em;
	}
}

.contact {
	text-align: center;
}

.contact-table {
	margin:0 auto;
}

.contact-tr {
	margin-top: 10px;
}

.contact-icon {
	height:4em;
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
	.contact-icon {
		height:2em;
	}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.contact-icon {
		height:3em;
	}
}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.contact-icon {
		height:4em;
	}
}

.navbar-brand {
	padding-top: 0;
}

.navbar-static-top {
	margin-bottom: 0;
}

.services-table {
	margin:auto; margin-top: 30px;
}

.services-td {
	padding-right: 10px;
	padding-bottom: 20px;
}

.services-td2 {
	padding-right: 10px;
	padding-bottom: 20px;
	font-weight: 700;
}

.container-calculation {
	width: 60%;
	position: relative;
	margin:auto;
	margin-top: 50px;
}

.button-calculation {
	background: #a40308;padding: 5px 50px 5px 50px;font-size: 17px;text-transform: uppercase;border:none;
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
	.button-calculation {
		padding: 5px 30px 5px 30px;
	}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.button-calculation {
		padding: 5px 40px 5px 40px;
	}
}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.button-calculation {
		padding: 5px 50px 5px 50px;
	}
}

.jumbotron-calculation {
	margin-bottom: 0;padding: 20px;text-align: center;
}

.input {
	margin-bottom: 40px;border:none;border-bottom: 2px solid #a40308;border-radius: 0;
}

.weight-700 {
	font-weight: 700;
}

.bill-h3 {
	text-align: center; font-size: 25px;text-transform: uppercase;font-weight: 700;
}

.bill-container {
	text-align: center;width: 70%;position: relative;margin:auto;
}

.maincontact-container {
	position: relative;margin:auto;text-align: center;
}

.maincontact-table {
	position: relative;margin:auto;text-align: left;
}

.maincontact-td {
	padding-bottom: 10px;padding-top: 10px;padding-right:25px;
}

.maincontact-td2 {
	font-size: 2em;font-weight: 700;
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
	.maincontact-td2 {
		font-size: 1em;
	}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.maincontact-td2 {
		font-size: 1.5em;
	}
}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.maincontact-td2 {
		font-size: 1.8em;
	}
}
/* large desktops and up ----------- */
@media screen and (min-width: 1200px) {
	.maincontact-td2 {
		font-size: 2em;
	}
}

.navbar-toggle{
	padding-bottom: 15px;
}

.contactform-row {
	width: 70%;position: relative;margin:auto;padding:30px 0 50px 0;
}

.contactform-h3 {
	text-align: center; font-size: 1.8em;text-transform: uppercase;font-weight: 700;
}

.textarea {
	margin-bottom: 40px;border:none;border-bottom: 2px solid #a40308;border-radius: 0;
}

.button {
	background: #a40308;padding: 10px 70px 10px 70px;font-size: 17px;text-transform: uppercase;border:none;
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
	.button {
		padding: 5px 40px 5px 40px;
	}
	.contactform-h3 {
		font-size: 1.4em;
	}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.button {
		padding: 10px 50px 10px 50px;
	}
	.contactform-h3 {
		font-size: 1.8em;
	}
}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.button {
		padding: 10px 60px 10px 60px;
	}
	.contactform-h3 {
		font-size: 1.8em;
	}
}

.contactform-p {
	text-align: center;padding-bottom: 20px;
}

.col-md-6 select {
	border-radius: 0px;
	background: white;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -o-box-shadow: 0 5px 15px rgba(0,0,0,0);
    box-shadow: 0 5px 15px rgba(0,0,0,0);
}

footer {
	background: #dfdfdf;
	margin-top: 70px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

footer a {
	color:black;
}