* {box-sizing:border-box;}
body {font-family:"Jura", "Alatsi", "Raleway", sans-serif;font-size:1em;background-color: #131313;color:#333333;margin: 0;text-align: center;line-height:1.5; background-image:url(hero-car.jpg);background-repeat:no-repeat;background-position:top center;background-size:100%;}
h1 {font-family:"Alatsi", "Raleway", sans-serif;font-size:1.5em; text-transform:uppercase;font-weight:bold;color:#3168a8;}
h2 {font-size:1.2em; text-transform:uppercase;}
h3 {font-family:"Alatsi", "Raleway", sans-serif;font-size:1.25em; text-transform:uppercase;font-weight:bold;color:#e57436;}
ul {list-style:none;}
li {display:inline-block;}
a {text-decoration:none;}
span {display:inline-block;}
.error {color:#ff0000;}
header {position:fixed;z-index:1000;top:0;left:0;width:100%; margin:0;padding:0;text-align: right;}
header ul {display:inline-block;margin:0;padding:0;}
header li {text-transform:uppercase;}
header li a {display:block;text-decoration:none; padding:15px 25px;}
header li a:hover {background-color:#e57436;}
header p {display:inline-block;margin:0;padding:0;}
.header-logo {position:fixed;z-index:1010;top:-13px;left:-2%;width:500px; height:250px;background-image:url(header-curve.png);background-repeat:no-repeat;background-position:center right;background-size:100%; text-align: center;}
.header-logo img {width:150px; margin:25px 0 0;}
.header-links {background-color:#131313; color:#ffffff;border-bottom: solid 8px #e57436; margin:0;padding:0px 25px;}
.header-tagline {font-family:"Alatsi", "Raleway", sans-serif;font-size:1.2em;background-color:#183251; color:#f8b145;opacity:.75; padding:2px 25px 5px;}
span.material-icons {position:relative;top: 7px;}
span.lang-EN, span.lang-ES {background-color:#183251; color:#ffffff;margin:0 5px 0 5px;padding:0 5px 2px;}
span.lang-habla {position:relative;top: 2px;font-family:"Alatsi", "Raleway", sans-serif;font-size:1.5em;font-weight:bold;color:#feb445;margin:0; padding:0 15px;}
footer {background-color:#131313; color:#ffffff; border-top: solid 8px #3168a8; margin:0;padding:0 25px 25px;}
footer a {color:#ffffff; text-decoration:underline;}
footer ul {display:inline-block; text-align:center; padding:0;}
footer li {border-left:solid 1px #cccccc; margin:0 0 10px 0; padding:0 25px;}
footer li:first-child {border:none;}
footer li a {text-decoration:none;}
address {font-style:normal;}
address p:first-child {margin-top:0;}
.home-hero {width:100%;height:350px; margin:0;padding:125px 25px 0 0; color:#ffffff; text-shadow:2px 2px #000000; font-weight:bold; font-size:1.1em; text-align:right;}
.home-hero a {background-color:#000000;padding:4px 10px 5px 0;}
.row {width:100%;height:310px;display: flex;flex-wrap:wrap;justify-content:center; align-items:stretch; margin:35px 0;padding:0;}
.row .row-item {width:27%;margin:0 1px; padding:0;height:100%;}
.row .row-item .row-content {background-color:#ffffff;align-items:stretch; height:100%;}
.row .location .row-content {overflow-y:hidden;}
.row .location .row-content iframe {width: 100%;height: 90%;border: 0; text-align:center;}
.row ul, .row address {display:block;color:#333333; width:100%; text-align:left; margin:0; padding:25px 25px 0;}
.row li {display:block;}
.row h2 {margin:0 auto 10px;background-color:#3168a8; color:#ffffff;margin:0;padding:0 0 7px;}
.row span.material-icons {position:relative;top: 5px; margin:10px; padding:0;}
.page-hero {width:100%;height:110px;}
.row-page {width:100%;}
.page {}
.page {background-color:#ffffff;width:60%;margin:0 auto 35px; padding:5px 35px 35px; text-align:left;display: flex;flex-wrap:wrap;justify-content:center; align-items:stretch;}
.page div {width:49%;}
.contact-info {}
.about-map {padding: 20px 0 0 20px;}
.about-map iframe  {width:100%; height:100%; border:solid 1px #3168a8;;}
.page .service-info {width:100%;}
.page .service-info ul {width:100%; display:block; margin:0;padding:0;}
.page .service-info li {margin:1px 1px;padding:5px 10px 7px;background-color:#e57436;color:#ffffff;font-size:1em;font-weight:bold;}
.page .service-gallery {width:100%;display: flex;flex-wrap:wrap;justify-content:center; align-items:stretch;}
.page .service-gallery img {width:49%;border:solid 1px #3168a8; margin:1px; padding:0;}
/*--*/
.contact-form {padding: 20px 0 0 20px;text-align:left;background-color:#ffffff;}
input[type=text], select, textarea {width: 100%;padding: 5px;border: 1px solid #ccc;box-sizing: border-box;margin-top: 3px;margin-bottom: 10px;resize: vertical;}
input[type=submit] {background-color: #e57436;color: white;padding: 5px 20px;cursor: pointer;border:none;text-transform:uppercase;}
input[type=submit]:hover {background-color: #183251;}
/*--*/
@media screen and (max-width: 1430px) {
	header li a {font-size:.8em;padding:17px 15px;}
	header p {font-size:.9em;}
}
@media screen and (max-width: 1260px) {
	.header-logo {top:-11px;left:-80px;}
	.header-logo img {width:140px;}
	header ul {display:block;}
	header li a {padding:0 15px;}
	header p {display:block;}
	.home-hero {height:300px;}
	.row {height:350px;}
}
@media screen and (max-width: 900px) {
	body {background-size:150%;}
	.header-logo {left:-220px;}
	.header-logo img {width:100px;margin:25px 0 0;position:relative;left:100px;}
	.header-tagline {font-size:.9em;padding:0 5px 2px;}
	.home-hero {height:250px;background-position:50% -25px;}
	.row .row-item {width:30%;}
	.page {width:90%;}
	.page .service-gallery img {width:100%;}
}
@media screen and (max-width: 760px) {
	header li a {padding:0 8px;}
	.header-logo {left:-320px;text-align: right;}
	.header-logo img {left:0;}
	.header-links {padding:0px 5px;}
	span.lang-habla {font-size:.8em;top: 0;margin:0; padding:0;}
	.row .row-item {width:32%;}
}
@media screen and (max-width: 600px) {
	header li a {padding:0 3px;}
	body {background-size:200%;background-position:50% -10px;}
	.header-logo {left:-410px;text-align: right;}
	.header-logo img {width:80px;}
	.header-tagline {font-size:.8em;padding:0 0 1px;height:20px;overflow-x:hidden; text-align:center;}
	footer li {padding:0 5px;}
	span.lang-EN, span.lang-ES {margin:0 2px 0 2px;padding:0 2px 1px;}
	.home-hero {height:180px;padding:70px 15px 0; text-align:right; font-size:.9em;}
	.row {height:800px;}
	.row .row-item {width:90%; margin:2px 0 0;height:auto;}
	.row .row-item .row-content {padding:0 0 25px;}
	.row ul {display:inline-block; width:49%;vertical-align:top;}
	.page-contact div {width:100%;}
	.contact-form {padding: 20px 0 0 0;}
	.about-map {padding: 20px 0 0 0; height:400px;}
	.page .service-info li {font-size:1em;font-weight:bold;}
}