.btn-pesan{
    color: white;
    background-color: #ca8060;
}
.slick-dots {
	display: none !important;
	visibility:hidden!important;
	width:0!important;
	height:0!important;
}
.container-xxl{
    padding-right:0!important;
}
.bg-aboutus{
    background-color:#5b6b5b;
    background-image: url('/assets/img/bg-22.png');
    background-size: 100% 50px;
    background-repeat: no-repeat;
}
.no-lr{
    left:0;
    right:0;
    margin-right:0;
}
.btn-pesan:focus{
    box-shadow: 0 0 0 0.2rem #c7957f;
}
.c-h1{
    font-family:DIN-Bold!important;
    font-size: 2.2rem!important;
    color:#5b6b5b;
}
.h1-1{
    font-family:DIN-Bold!important;
    color:#5b6b5b;
}
.h1-2{
    font-family:DIN-Bold!important;
    color:white;
}
.h1-3{
    font-family:DIN-Bold!important;
    font-size:auto;
    color:white;
}
.c-h2{
    font-family:DIN-Bold!important;
    font-size: 2.2rem!important;
    color:#ca8060;
}
.med-font{
    font-family:DIN-Medium!important;
}
.bg-porto{
    background: linear-gradient(white 50%,#f5f3ef 50%);
}
.line{
    width:100%;
    text-align: center;
    border-bottom:1px solid black;
    line-height:0.1em;
    margin:20px 0 20px;
}
.middle-line{
    background:white;
    padding:0;
}

.home-font{
    font-size: 24px;
}
.border-white{
    -webkit-text-stroke-width: 0.3px;
  -webkit-text-stroke-color: white;
}
.form-control{
    border-radius: 12px;
    
}
.bg-customer{
    background-color:#5b6b5b;
}
body{
    font-family:DIN;
    background-color:white;
}
h1 h2 h3{
    font-family:DIN_Bold!important;
}
@font-face {
    font-family: DIN;
    src: url('/assets/fonts/DIN.ttf');
}
@font-face {
    font-family: DIN-Medium;
    src: url('/assets/fonts/DIN Medium.ttf');
}
@font-face {
    font-family: DIN-Bold;
    src: url('/assets/fonts/DIN Bold.ttf');
}
@media screen and (orientation: landscape) {
    .home{
        width: 100%;
        background-image: url('/assets/img/Home hires.png');
        background-size: contain, cover;
        background-repeat: no-repeat;
        background-position: right;
        overflow: hidden;

    }
}

@media screen and (orientation: portrait) {
    .home{
        width: 100%;
        background-image: url('/assets/img/Home hires.png');
        background-size: contain, cover;
        background-position: right;
        background-repeat: no-repeat;
    
    }
}
@media screen and (min-width: 768px) {
    .line-2{
    
    width:100%;
    text-align: center;
    border-bottom:1px solid white;
    line-height:0.1em;
    margin:20px 0 20px;
}
.middle-line-2{
    color:white;
    background:#5b6b5b;
    padding:0 10px;
}
    .home{
        width: 100%;
        background-image: url('/assets/img/Home hires.png');
        background-size: contain, cover;
        background-repeat: no-repeat;
        background-position: right;
        overflow: hidden;

    }
    .c-h1{
        font-family:DIN-Bold!important;
        font-size: 3.2rem!important;
        color:#5b6b5b;
    }
    .c-h2{
        font-family:DIN-Bold!important;
        font-size: 3.2rem!important;
        color:#ca8060;
    }
    .img-aboutus{
        float:right;
        height:40%;
        width:40%;
        margin-left:25px;
        margin-right:25px;
    }
}
@media screen and (min-width: 992px) {
    
    .c-h1{
        font-family:DIN-Bold!important;
        font-size: 4.2rem!important;
        color:#5b6b5b;
    }
    .c-h2{
        font-family:DIN-Bold!important;
        font-size: 4.2rem!important;
        color:#ca8060;
    }

}

}

@media screen and (max-width:767px){
    
    .img-aboutus{
        margin-top:25px;
        width: 100%;
        height:auto;
    }
}