.display-1 {
    font-size: 6rem !important;
}

.display-2 {
    font-size: 3.6rem !important;
}

.display-3 {
    font-size: 2.4rem !important;
}
.display-4 {
    font-size: 2rem !important;
}

/* 
    -----------------------------------
    Button
    -----------------------------------*/
.btn-white {
    border: 1px solid #fff;
}
.btn-white:hover {
    background-color: #666 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}



/*  
    -----------------------------------
    MEDIA-QUERRY
    ----------------------------------- */
@media only screen and (max-width: 576px) {
    .display-1 {
        font-size: 2.4rem !important;
    }
    .display-2 {
        font-size: 2rem !important;
    }
    .display-3 {
        font-size: 1.6rem !important;
    }
    .display-4 {
        font-size: 1.2rem !important;
    }
}

@media only screen and (min-width: 577px) and (max-width: 767px) {
    .display-1 {
        font-size: 3.6rem !important;
    }
    .display-2 {
        font-size: 2rem !important;
    }
    .display-3 {
        font-size: 1.8rem !important;
    }
    .display-4 {
        font-size: 1.3rem !important;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .display-1 {
        font-size: 4rem !important;
    }
    .display-2 {
        font-size: 2.4rem !important;
    }
    .display-3 {
        font-size: 2rem !important;
    }
    .display-4 {
        font-size: 1.8rem !important;
    }
    
}