/*---------------- Custom CSS ----------------*/

p, ul { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 25px; } 
h1, h2 { font-family: 'Work Sans', sans-serif; font-weight:400; }
li { list-style-type: none; }
section { padding: 10rem 0; }
ul { padding-left: 0px; }

.dark-bg {
	background-color: #000000;
	background-image: url("../img/dodge-slash-trns-bg.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}

.copyr-bg { background-color: #0f0f0f; }
.plain-drk-bg { background-color: #000000; }
.grey-bg { background-color: #0e1011; }
.red-txt { color: #ed1f24; letter-spacing: 1px; }
.white-txt { color: #fff; }

.img-sect-1,
.img-sect-2,
.img-sect-3,
.img-sect-4,
.img-sect-5,
.img-sect-6,
.img-sect-7
{ background-color: #0e1011; height: 40em; } 

.img-sect-1 { background-image: url("../img/dodge-bg-sect-img-1.png");
background-repeat: no-repeat; background-position: center right; }

.img-sect-2 { background-image: url("../img/dodge-bg-sect-img-2.png"); background-size: cover;
background-repeat: no-repeat; background-position: top right; /*background-attachment: fixed;*/ }

.img-sect-3 { background-image: url("../img/dodge-bg-sect-img-3.png"); background-size: cover;
background-repeat: no-repeat; background-position: center bottom; }

.img-sect-4 { background-image: url("../img/dodge-bg-sect-img-4.png"); background-size: cover;
background-repeat: no-repeat; background-position: center right; }

.img-sect-5 { background-image: url("../img/dodge-bg-sect-img-2.png"); background-size: cover;
background-repeat: no-repeat; background-position: top right; }

.img-sect-6 { background-image: url("../img/dodge-bg-sect-img-3.png"); background-size: cover;
background-repeat: no-repeat; background-position: center bottom; }

.img-sect-7 { background-image: url("../img/dodge-bg-sect-img-4.png"); background-size: cover;
background-repeat: no-repeat; background-position: center right; }

.pointer-sect h1 { font-size: 30px; }
.pointer-sect h2 { font-size: 20px; }
.pointer-sect p { font-size: 17px; }

#sendMessageButton {
    background-color: red;
    padding: 10px 40px;
    border-radius: 0px;
    color: #fff;
    text-align: center;
    display: inline-block;
} 

.footer-logo img {
	width: 300px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.top-sect img {
	max-width: 100%;
	height: auto;
}

.footer {
    padding-top: 3rem;
    padding-bottom: 8rem;
}

.copyright p { margin-bottom: 0.1rem; font-size: 13px }

/*---------------- Contact Form Styles ----------------*/

label { color: #fff; text-align: center; margin-bottom: 0px; }
label p { line-height: 5px}
.form-control { border-radius: 0px; }
#sendMessageButton{ background-color: #ed1f24; font-family: 'Work Sans', sans-serif; font-weight:400; }
#sendMessageButton:hover { background-color: #d4161a; }

.status {
position: fixed;
background-color: #0e1011;
z-index: 10000;
color: #fff;
padding: 1em 2em;
text-transform: uppercase;
font-weight: 500;
font-size: 1.5em;
border: 2px #ed1f24 solid;
margin-top: 1em;
}


/*---------------- Media Screens ----------------*/


@media only screen and (max-width: 985px) {

p, ul { font-size: 14px; }
h1 { font-size: 35px; }
h2 { font-size: 20px; }

.pointer-sect h1 { font-size: 30px; }
.pointer-sect h2 { font-size: 20px; }
.pointer-sect p { font-size: 17px; }

.img-sect-1,
.img-sect-2,
.img-sect-3,
.img-sect-4,
.img-sect-5,
.img-sect-6,
.img-sect-7
{ height: 20em; }

.img-sect-1 { background-image: url("../img/dodge-bg-sect-img-1-mob.png"); }
.img-sect-2 { background-image: url("../img/dodge-bg-sect-img-2-mob.png"); }
.img-sect-3 { background-image: url("../img/dodge-bg-sect-img-3-mob.png"); }
.img-sect-4 { background-image: url("../img/dodge-bg-sect-img-4-mob.png"); }
.img-sect-5 { background-image: url("../img/dodge-bg-sect-img-2-mob.png"); }
.img-sect-6 { background-image: url("../img/dodge-bg-sect-img-3-mob.png"); }
.img-sect-7 { background-image: url("../img/dodge-bg-sect-img-4-mob.png"); }

}


@media only screen and (max-width: 575px) {

body { text-align: center; }
.copyright p { font-size: 8px; }
section { padding: 5rem 0; }
.img-sect-1 { background-position: top right; }

.footer-logo img {
	max-width: 100%;
	height: auto;
}

.container { 
	padding-right: 35px;
	padding-left: 35px;
}
	
}