@charset "UTF-8";



@font-face{

    font-family: "NeueHaasUnicaRegular";

    src:url("../font/NeueHaasUnicaPro-Regular.ttf");

}

@font-face{

    font-family: "NeueHaasUnicaMedium";

    src:url("../font/NeueHaasUnicaPro-Medium.ttf");

}



body{background: #000;}



.home{background: url('../images/home-bg.jpg') no-repeat center;background-size: cover; padding: 290px 150px 50px;}

.home h1{font-family: "NeueHaasUnicaRegular";font-size: 72px;color: #fff;padding: 0;margin: 0 0 12px;text-align: center;}

.home h2{font-family: "NeueHaasUnicaMedium";font-size: 30px;color: #ce171f;padding: 0;margin: 0 0 30px;text-align: center;}

.home p{font-family: "NeueHaasUnicaRegular";font-size: 22px;color: #fff;padding: 0;margin: 0 0 20px;text-align: center;}

.home h3{font-family: "NeueHaasUnicaRegular";font-size: 16px;color: #fff;padding: 0;margin: 0 0 0px;text-align: center;

    line-height: 1;}



.callmail {

  display: flex;

  justify-content: space-evenly;

  align-items: flex-start;

}



.callmail p {

  font-family: "NeueHaasUnicaMedium";

  font-size: 26px;

  color: #fff;

  padding: 0;

  margin: 0 0 20px;

  text-align: center;

}



.contact-block {

  display: flex;

  flex-direction: column;

  align-items: center;

}



#call {

  background: url('../images/call.png') no-repeat left center;

  padding: 0px 0px 0px 28px;

}



#whatsapp {

  background: url('../images/whatsapp.png') no-repeat left center;

  padding-left: 40px;

}



#mail {

  background: url('../images/mail.png') no-repeat 0px 10px;

  padding-left: 35px;

}



/***************************/

.home-mob h1{font-family: "NeueHaasUnicaRegular";font-size: 72px;color: #fff;padding: 0;margin: 0 0 12px;text-align: center;}

.home-mob h2{font-family: "NeueHaasUnicaMedium";font-size: 30px;color: #ce171f;padding: 0;margin: 0 0 30px;text-align: center;}

.home-mob p{font-family: "NeueHaasUnicaRegular";font-size: 22px;color: #fff;padding: 0;margin: 0 0 20px;text-align: center;}

.home-mob h3{font-family: "NeueHaasUnicaRegular";font-size: 16px;color: #fff;padding: 0;margin: 0 0 0px;text-align: center;

    line-height: 1;}









@media(max-width: 1199px)

{

    .home{

        padding: 310px 30px 50px;

    }

}



@media(max-width: 767px)

{

    .mob-sect1 {background: #000 url('../images/mob-bg.jpg') no-repeat center 0/100%;

    padding: 30px 30px 300px;

    }

    .home-mob h1{

        font-size: 45px;margin: 0 0 10px;

    }

    .home-mob p{

        font-size: 15px;

    }

    .home-mob h2{

        font-size: 25px;margin: 0 0 12px;

    }

    .callmail p{

        font-size: 16px;margin: 0 0 12px;

    }

    .home-mob h3{

        font-size: 14px;line-height: 1.5;

    }

    #mail {

  background: url('../images/mail.png') no-repeat 0px 5px;

  padding: 0px 0px 0px 35px;

}

    #call {

  background: url('../images/call.png') no-repeat;

  padding: 0px 0px 12px 22px;

}

    .mob-sect2{

        background: #000;padding: 30px 15px 50px;

    }

    #whatsapp {

  padding: 12px 0 5px 40px;

}



}



@media(max-width: 576px)

{

    .mob-sect1 {background: #000 url('../images/mob-bg.jpg') no-repeat center 0/180%;

    padding: 20px 15px 300px;

    }

    .home-mob h1{

        font-size: 30px;margin: 0px 0 10px;

    }

    .home-mob p{

        font-size: 14px;

    }



}

@media(max-width: 420px)

{

    .mob-sect1 {background: #000 url('../images/mob-bg2.jpg') no-repeat center;

    padding: 20px 15px 300px;

    }

    .home-mob img{width: 100px;}

    .home-mob h2 {

    font-size: 22px;

}

    .callmail {

  display: grid;

  justify-content: center;

}

    .callmail p{

  text-align: left;

}



}