* {
    margin:0;
    padding:0;
    font-family:Play;
}

.f1 {font-size:1.1vw}
.w5 {width:5%}
.w10 {width:10%}
.w20 {width:20%}

@media (min-width: 1px) and (max-width: 1200px) {
#Head-Mobile {
    display:flex !important;
    flex-wrap:wrap;
    align-items:center;
    position:fixed;
    top:0;
    height:15vw;
    width:100%;
    background-color:rgba(10,40,80,1.0);
    color:rgba(255,255,255,1.0);
    font-size:3vw;
}

#Head-Mobile-Left {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    width:50%;
    height:100%;
}

#Head-Mobile-Right {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    width:50%;
    height:100%;
}

.Head-M {
    width:25%;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    min-height:3vw;
    max-height:15vw;
    min-width:5vw;
    font-size:3vw;
}
.Head-M a {
    text-decoration:underline;
    color:rgba(255,255,255,1.0);
}
.Head-M p {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-around;
    width:100%;
    font-size:4vw;
}
.Head-M p a {
    text-decoration:underline;
    color:rgba(255,255,255,1.0);
}
#Head-M-Submit {width:50%}
#Head-M-Phone {width:100%}
#Head-M-Phone a {font-size:5vw;font-weight:bold}
#f1-m {font-size:3vw;font-weight:bold}




#Foot-Mobile {
    display:flex !important;
    flex-wrap:wrap;
    align-items:center;
    position:fixed;
    bottom:0;
    height:15vw;
    width:100%;
    background-color:rgba(10,40,80,1.0);
    color:rgba(255,255,255,1.0);
    font-size:3vw;
}
.Foot-M {
    width:20%;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    min-height:3vw;
    max-height:15vw;
    min-width:5vw;
    font-size:3vw;
}
.Foot-M a {
    text-decoration:underline;
    color:rgba(255,255,255,1.0);
}
.Foot-M p {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-around;
    width:100%;
    font-size:3vw;
}
.Foot-M p a {
    text-decoration:underline;
    color:rgba(255,255,255,1.0);
}
#Foot-Mobile .Messenger {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    justify-content:center;
    height:90%;
    font-size:2vw;
    background-size:auto 50%;
    background-repeat:no-repeat;
    background-position:center center;
}
#Foot-Mobile .Messenger a {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    justify-content:center;
    width:100%;
    height:100%;
}
#Foot-Mobile #Foot-M-Telegram {background-image:url(img/Telegram.svg)}
#Foot-Mobile #Foot-M-WhatsApp {background-image:url(img/WhatsApp.svg)}
#Foot-Mobile #Foot-M-Adress {
    width:60%;
    height:100%;
}


#Head-Desktop {display:none !important}

.mobile {display:flex !important}
.m-font-5 {font-size:5vw}
.m-flex-center {
    width:100%;
    justify-content:center;
}
.desktop {display:none !important}


.mobile ul {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    width:100%;
    font-size:6vw;
    line-height:10vw;
}
    .mobile ul li {display:flex;}


    h1, h2 {
        font-size:8vw;
        line-height:10vw;
        text-align:center;
    }
    #Content {
        margin-top:15vw !important;
    }
    #Content p {
        font-size:4.8vw !important;
        line-height:7vw;
        text-align:center;
        margin:5vw 0vw;
    }
    .Content-Block-EL {
        min-width:48%;
        min-height:40vw;
        background-size:80% !important;
    }
    .Content-Block-EL-IMG {
        min-height:22vw;
    }
    .Content-Block-EL-COAST, .Content-Block-EL-SPEED {
        font-size:4vw;
        line-height:4vw !important;
        background-color:rgba(255,255,255,0.8);
    }
    .Content-Block-EL-CAPT {
        font-size:4.2vw;
        min-height:9vw;
        line-height:4vw !important;
        text-align:center;
        align-items:center;
        font-weight:100 !important;
    }
    
    /*contact*/
    
    .Content-Block-EL2 {
        width:100% !important;
    }
    
    /*pri*/
    
    #Content .Content-Primus p {
        text-align:left !important;
        font-size:4.2vw !important;
        line-height:6vw;
    }
    #Content .Content-Primus {
        width:83% !important;
        padding-left:17%!important;
        min-height:18vw;
        background-size:auto 60%;
    }
    
    
    
    #foot {
        height:15vw !important;
    }

    
    
    
    
    #Content-Block-Starter {background-image:url(img/Service/Starter/300.jpg) !important}
    #Content-Block-Alternator {background-image:url(img/Service/Alternator/300.jpg) !important}
    #Content-Block-ABlower {background-image:url(img/Service/ABlower/300.jpg) !important}
    #Content-Block-ACompressor {background-image:url(img/Service/ACompressor/300.jpg) !important}
    #Content-Block-Heater {background-image:url(img/Service/Heater/300.jpg) !important}
    #Content-Block-Fan {background-image:url(img/Service/Fan/300.jpg) !important}
    
    #Content-Block-Electrodrive {background-image:url(img/Service/Electrodrive/300.jpg) !important}
    #Content-Block-Rewind {background-image:url(img/Service/Rewind/300.jpg) !important}
    #Content-Block-Pump {background-image:url(img/Service/Pump/300.jpg) !important}
    #Content-Block-Blower {background-image:url(img/Service/Blower/300.jpg) !important}
    #Content-Block-Fuelalt {background-image:url(img/Service/Fuelalt/300.jpg) !important}
    #Content-Block-Compressor {background-image:url(img/Service/Compressor/300.jpg) !important}

}

.t-center {text-align:center}


.mobile {display:none}


#Head-Mobile {display:none}
#Foot-Mobile {display:none}
#Head-Desktop {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    position:fixed;
    top:0;
    height:7vw;
    width:100%;
    background-color:rgba(10,40,80,1.0);
    color:rgba(255,255,255,1.0);
    font-size:1.6vw;
}
#Head-Desktop .Head {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    min-height:3vw;
    max-height:5vw;
    min-width:5vw;
}
#Head-Desktop .Head a {
    text-decoration:underline;
    color:rgba(255,255,255,1.0);
}
#Head-Desktop a:hover {
    color:rgba(245,215,25,1.0) !important;
}
#Head-Desktop .Head p {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-around;
    width:100%;
}
#Head-Desktop .Head p a {
    text-decoration:underline;
    color:rgba(255,255,255,1.0);
}
#Head-Desktop #Head-Submit {
    width:15%;
}
#Head-Desktop #Head-Phone {
    width:22%;
}
#Head-Desktop #Head-Phone a {
    font-size:2.3vw;
    font-weight:bold;
}
#Head-Desktop .Messenger {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    justify-content:center;
    height:100%;
    width:9%;
    font-size:1.1vw;
    background-size:auto 50%;
    background-repeat:no-repeat;
    background-position:center center;
}
#Head-Desktop .Messenger a {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    justify-content:center;
    width:100%;
    height:100%;
}
#Head-Desktop #Head-Telegram {background-image:url(img/Telegram.svg)}
#Head-Desktop #Head-WhatsApp {background-image:url(img/WhatsApp.svg)}
#Head-Desktop #Head-Adress {width:25%}

/*CONTENT*/

#Content {
    margin-top:7vw;
    width:100%;
    font-size:1.4vw;
}

.Content-Block {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-around;
    width:100%;
    margin:1vw 0vw 2vw 0vw;
}

.Content-Block-EL {
    width:30%;
    height:15vw;
    margin-top:1vw;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    background-size:auto 80%;
    background-repeat:no-repeat;
    background-position:center top;
}
.Content-Block-EL2 {
    width:50%;
    margin-top:1vw;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
}
.Content-Block-EL2-Line {
    width:100%;
}
.Content-Block-EL2-Line p {
    margin:1vw 2vw;
}
.Content-Block-EL-CAPT {
    width:100%;
    display:flex;
    justify-content:space-around;
    height:3vw;
    line-height:3vw;
    font-weight:bold;
    background-color:rgba(248,105,12,1.0);
}
.Content-Block-EL-CAPT a {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    color:rgba(10,40,80,1.0);
}
.Content-Block-EL-CAPT a:hover {
    color:rgba(10,40,220,1.0);
}
.Content-Block-EL-IMG {
    height:10vw;
    width:100%;
    display:flex;
    justify-content:space-around;
}
.Content-Block-EL-BLINE {
    height:2vw;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    font-weight:bold;
}
.Content-Block-EL-BLINE div {
    margin:0vw 1vw;
}
    .Content-Block-EL-SPEED {}
    .Content-Block-EL-COAST {color:rgba(80,180,80,1.0)}
    
    
    #Content-Block-Starter {background-image:url(img/Service/Starter/600.jpg)}
    #Content-Block-Alternator {background-image:url(img/Service/Alternator/600.jpg)}
    #Content-Block-ABlower {background-image:url(img/Service/ABlower/600.jpg)}
    #Content-Block-ACompressor {background-image:url(img/Service/ACompressor/600.jpg)}
    #Content-Block-Heater {background-image:url(img/Service/Heater/600.jpg)}
    #Content-Block-Fan {background-image:url(img/Service/Fan/600.jpg)}
    
    #Content-Block-Electrodrive {background-image:url(img/Service/Electrodrive/600.jpg)}
    #Content-Block-Rewind {background-image:url(img/Service/Rewind/600.jpg)}
    #Content-Block-Pump {background-image:url(img/Service/Pump/600.jpg)}
    #Content-Block-Blower {background-image:url(img/Service/Blower/600.jpg)}
    #Content-Block-Fuelalt {background-image:url(img/Service/Fuelalt/600.jpg)}
    #Content-Block-Compressor {background-image:url(img/Service/Compressor/600.jpg)}
    
    .Seporate-line {
        width:100%;
        height:1vw;
        margin:1vw 0vw;
        border-bottom:0.2vw solid rgba(80,180,80,1.0);
    }
    
    
    .Content-Primus {
        background-image:url(img/check.svg);
        background-repeat:no-repeat;
        background-position:left center;
        background-size:auto 100%;
        width:90%;
        padding-left:10%;
        line-height:2vw;
        min-height:4vw;
        margin:2vw 0vw;
        display:flex;
        flex-wrap:wrap;
        align-items:center;
    }   
    .Content-Primus p {margin:0vw 1vw !important}
    
    
    
    
    #Map {
        width:100%;
        height:30vw;
    }
    
    
    #foot {
        width:100%;
        height:5vw;
    }