@font-face{
    font-family: 'Mont';
    font-style: normal;
    src: url(/assets/fonts/Montserrat-Regular.ttf) format('truetype')
}

/*Default size for all text*/
html,body{
    height: 100%;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.text-margin{
    margin: 4% 0 !important;
}

.text{
    margin: 0;
    padding: 0;
    font-family: 'Mont';
}

.text-smallest{
    font-size: 1.15rem;
}

.text-small{
    font-size: 1.3rem;
}

.text-medium{
    font-size: 1.8rem;
}

.text-largeIcon{
    font-size: 2.2rem;
}

.text-big{
    font-size: 2.6rem;
}

.text-ledbig{
    font-size: 3rem;
}

.text-bigicon{
    font-size: 5rem;
}

/*Colors*/
.text-Purwhite{
    color: rgb(255, 255, 255);
}

.text-red{
    color: rgb(228, 89, 89);
}

.text-orange{
    color: rgb(230, 146, 20);
}

.text-blue{
    color: rgb(59, 98, 182);
}

.text-white{
    color: rgb(235, 229, 229);
}

.text-gray{
    color: rgb(214, 210, 210);
}

.text-lightgray{
    color: rgb(150, 147, 147);
}

.text-darkgray{
    color: rgb(92, 92, 92);
}

.text-black{
    color: black;
}

/*Types*/
.button{
    background: rgb(10, 47, 126);
    border-radius: 2px;
    border: 1px solid rgb(19, 83, 221);
    text-decoration: none;
}

.buttons-padding{
    padding: 2% 0;
    padding-right: 3%;
}

.buttons-padding-small{
    padding: 1% 0;
    padding-right: 2%;
}

.button i{
    margin: 0;
    padding: 0;
}

.button-text{
    padding-left: 3%;
}

.button-text-small{
    padding-left: 2%;
}

.button .button-icon{
    display: inline-block;
    background: rgb(8, 35, 95);
    border-radius: 2px;
}

.button .button-icon-padding-small{
    padding: 1%;
}


.button .button-icon-padding{
    padding: 2%;
}

.button:hover .button-icon i{
    color: #A6C36F;
}

.text-underline{
    text-decoration: underline;
}

.link-no-hover{
    text-decoration: none; 
}

.link{
    text-decoration: none;
}

.link:hover{
    text-decoration: underline blue;
}


/*1441 to 1920*/
@media only screen and (min-width: 1440px) and (max-width: 1700px){
    html, body{
        font-size: 14px;
    }
}

/*1025 to 1440*/
@media only screen and (min-width: 1024px) and (max-width: 1439px){
    html, body{
        font-size: 13px;
    }
    .text-bigicon{
        font-size: 4rem;
    }
}

/*768 to 1024*/
@media only screen and (min-width: 768px) and (max-width: 1023px){
    html, body{
        font-size: 12px;
    }

    .text-bigicon{
        font-size: 3.5rem;
    }
}

/*425 to 767*/
@media only screen and (min-width: 425px) and (max-width: 767px){
    html, body{
        font-size: 10px;
    }

    .text-bigicon{
        font-size: 4rem;
    }
}

/*375 to 424*/
@media only screen and (min-width: 375px) and (max-width: 424px){
    html, body{
        font-size: 10px;
    }

    .text-bigicon{
        font-size: 3.5rem;
    }
}

/*320 to 374*/
@media only screen and (min-width: 320px) and (max-width: 374px){
    html, body{
        font-size: 10px;
    }

    .text-bigicon{
        font-size: 3.5rem;
    }
}

/*1 to 319*/
@media only screen and (min-width: 1px) and (max-width: 319px){

}

/*RESPONSIVE END*/