@font-face {font-family: "Roboto";src: url("fonts/Roboto-Light.ttf");}
* {margin: 0;padding: 0;}
body {font-family: Roboto, sans-serif;}
main {border-top: 10px solid #E94E27;}
.container {margin: 0 auto;max-width: 1500px;padding: 0 0 3.75em 0;width: 90%;}
.logo {margin-top:50px;}
.logo a {width: 250px;height:100%;}
.logo img {width: inherit;}
.parking {font-size: 1.2em;margin-top: 100px;margin-bottom: 20px;}
h1 {font-weight: 700;font-size: 2.4em;margin-bottom:60px}
h1 a {text-decoration: none;color: #E94E27;}
h1 a:hover {text-decoration-line: underline;}
h2 {font-weight: 700;font-size: 1.2em;}
p {font-weight: 400;font-size: 1.2em;}
p a {color: #4C5256;}

.services {display:flex;margin-top:100px;justify-content:space-evenly;}
.services .service {background-color:#E94E27;width: 300px;color: white;font-size: 1.7em;border-radius: 3px;padding: 20px 15px;}
.services .service .row{width:100%;}
.services .service .row .column {float:left}
.services .service .row .column-left {width:60%;padding-top:40px}
.services .service .row .column-right {width:40%}
.services .service p {font-size: 0.6em;font-weight: 300;}
.services .service p span.preu {font-weight: 700;font-size: 3em;}
.services .service figure {margin-top: 20px;margin-left: 20px;}

footer {background-color: #4C5256;margin-top:80px;padding:40px;color: white;text-align: center;}
footer p {font-weight: 400;font-size: 1em;}
@media screen and (max-width: 767px) {
    .logo a {
        width: 200px
    }
    .parking {margin-top: 50px;margin-bottom: 25px;}
    .services {margin-top: 50px;}
    footer{margin-top:20px}
}

@media screen and (max-width: 1200px) {
    h1 {
        font-size: 35px;
    }
    .text {
        font-size: 18px;
    }
}

@media screen and (max-width: 1400px) {
    .services {
        flex-wrap: wrap;
    }
    .service {
        margin-bottom: 20px;
    }
}