/* ...........font............................... */



/* --------------Montserrat---------------------------------- */


.fft-100{
    font-family: 'Montserrat-Light';
}

.fft-500{
    font-family: 'Montserrat-Medium';
}

.fft-900{
    font-family: 'Montserrat-SemiBold';
}

.fft-950{
    font-family: 'Montserrat-ExtraBold';
}



/* --------------------Merriweather-------------------- */


.ffr-100{
    font-family: 'Merriweather-Light';
}

.ffr-200{
    font-family: 'Merriweather-Regular';
}

.ffr-700{
    font-family: 'Merriweather-Bold';
}   

.ffr-900{
    font-family: 'Merriweather-Black';
}



/* .....---------------------------font size---------------------------------............... */
.fs-14{
    font-size:14px;
}

.fs-13{
    font-size:13px;
}



.fs-15{
    font-size:15px;
}

.fs-17{
    font-size:17px;
}

.fs-19{
    font-size:19px;
}

.fs-40{
    font-size:40px;
}


.fs-16{
    font-size:16px;
}

.fs-20{
    font-size:20px;
}

.fs-25{
    font-size:25px;
}

.fs-28{
    font-size:28px;
}

.fs-23{
    font-size:23px;
}

.fs-35{
    font-size:35px;
}

.fs-38{
    font-size:38px;
}

.fs-30{
    font-size:30px;
}

.fs-16{
    font-size:16px;
}

.fs-33{
    font-size:33px;
}

/* ------------------------------------line height----------------------- */

.lh-2{
    line-height: 2.1em;
}

.lh-1{
    line-height: 2.2em;
}

/* --------------------------------------------------- */

.border-line{
    border:2px solid #FFA600;
    width:5%;
    margin: auto;
}

.button-color{
    background-color:#FFA600 !important;
    color: white !important;
    padding: 12px 34px !important;
}

.button-color:hover{
    color:#FFA600 !important;
    background-color: transparent !important;
    border:1px solid #FFA600 !important;
}


.btn:focus{
    /* text-decoration: none; */
    box-shadow: none !important;
}




@media screen and (max-width: 500px){

    .lh-2{
        line-height: 1.8em;
    }


    
    .lh-1{
        line-height: 2.0em;
    }
    
    .border-line {
        border: 2px solid #FFA600;
        width: 15%;
        margin: auto;
    }
    
    
    .fs-14{
        font-size:13px;
    }
    
    .fs-13{
        font-size:12px;
    }
    
    .fs-38{
    font-size:36px;
}
    
    .fs-15{
        font-size:14px;
    }
    
    .fs-17{
        font-size:15px;
    }
    
    .fs-19{
        font-size:17px;
    }
    
    .fs-40{
        font-size:37px;
    }
    
    
    .fs-16{
        font-size:14px;
    }
    
    .fs-20{
        font-size:16px;
    }
    
    .fs-25{
        font-size:25px;
    }
    
    .fs-28{
        font-size:28px;
    }
    
    .fs-23{
        font-size:20px;
    }
    
    .fs-35{
        font-size:33px;
    }
    
    .fs-30{
        font-size:28px;
    }
    
    .fs-16{
        font-size:15px;
    }
    
    .fs-33{
        font-size:31px;
    }
    
}



@media screen and (max-width: 800px){

    .lh-2{
        line-height: 1.8em;
    }
    
    .lh-1{
        line-height: 2.0em;
    }
    
    .fs-38{
        font-size:36px;
    }
    
    .fs-14{
        font-size:13px;
    }
    
    .fs-13{
        font-size:12px;
    }
    
    
    
    .fs-15{
        font-size:14px;
    }
    
    .fs-17{
        font-size:15px;
    }
    
    .fs-19{
        font-size:17px;
    }
    
    .fs-40{
        font-size:37px;
    }
    
    
    .fs-16{
        font-size:14px;
    }
    
    .fs-20{
        font-size:16px;
    }
    
    .fs-25{
        font-size:23px;
    }
    
    .fs-28{
        font-size:26px;
    }
    
    .fs-23{
        font-size:20px;
    }
    
    .fs-35{
        font-size:33px;
    }
    
    .fs-30{
        font-size:28px;
    }
    
    .fs-16{
        font-size:15px;
    }
    
    .fs-33{
        font-size:31px;
    }
}

@media(min-width: 810px) and (max-width: 1024px){
}