/* ============================================================
	Replace me with the Actual Design
============================================================ */

html,
body {
	font-family: Arial Narrow,Arial,sans-serif; 
	background-color:#eb1c24;
}

/*
a {
	color: #08f;
}
a:visited {
	color: #88f;
}
*/

.body {
	_--bg-color-dark: #9b4057;
	_--heading-main-color: #8900a5;
	_--anim-bgchange-color: rgb(0, 207, 0);
	font-size: 20px;
}

button.fb3__button {
    background-color: #eb1c24;
    border: 0;
    font-size: 30px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
	transition: 0.4s;
}
button.fb3__button:hover {
    background-color: black;
    color: white;
}

.header {
	max-width: 100%;
	margin: 0 auto;
}
.header__inner {
    max-width: 960px;
    margin: 0 auto;
}

.header_phone {
    background-color: #fc9e00;
    padding: 1em;
    text-align: right;
    font-size: 28px;
    font-weight: bold;
    font-style: italic;
    color: black;
}
.header_logo{
    display: block;
    font-size: 50px;
    font-style: italic;
    color: black;
	padding-left: 1em;
    padding-right: 1em;
}


.module {
	max-width: 100%;
	margin: 0 auto;
}
.generic__inner{
	max-width:960px;
	margin:0 auto;
}

.nav,
.dynamic-nav,
.header__user-controls{
	display:none;
}

.contact__services {
    display: flex;
    padding: 2em;
	max-width: 1809px;
    margin: 0 auto;
}
.services1,
.services3{
	width: 33%;
	min-width: 300px;
}
.services2{
	width:57.4%;
	min-width: 300px;
}
img.contact_img {
    width: 100%;
	
}



.trailer_contailer {
    text-align: center;
	padding: 2em;
}
img.trailer {
    max-width: 100%;
}


.forms{
	background-color: #fc9e00;
	color: black;
}
.forms .generic__inner {
    max-width: 750px;
	padding:2em;
}
h2.forms__form-item-header {
    font-size: 30px;
    text-align: center;
    padding-bottom: 1em;
	font-style: italic;
}
.contact_info {
    text-align: center;
    padding-bottom: 2em;
}
.forms__contact-field-list {
    display: flex;
    justify-content: space-between;
}
.forms__contact-field-item + .forms__contact-field-item {
    margin-top: 0;
}

footer.footer {
    color: white;
}

@media only screen and (max-width: 1200px) {
	.contact__services {
		flex-wrap: wrap;
		justify-content: center;
	}
	.services1{
		order: 1;
	}
	.services3{
		order: 2;
	}
	.services2{
		order: 3;
	}
}

@media only screen and (max-width: 950px){
	.header_logo{
	    font-size: 5vw;
	}
}

@media only screen and (max-width: 757px) {
	.forms__contact-field-list {
		display: block;
	}
	
}