@font-face {
    font-family: 'FuturaBold';
    src: url(fonts/FuturaStd-Bold.otf);
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: 'FuturaLight';
    src: url(fonts/FuturaStd-Light.otf);
    font-style: normal;
    font-weight: 100;
    
};

.boldF {
    font-family: FuturaBold !important;
    font-weight: 100;
    font-size: 150px;
    color: rgb(146, 143, 143);
}

.FuturaB {
    font-family: FuturaBold !important;
    font-weight: 100;
    font-size: 150px;
    color: rgb(161, 159, 159);
}

.FuturaL {
    font-family: FuturaLight !important;
    font-weight: 100;
    font-size: 35px;
}

/* // Small devices (landscape phones, 576px and up) */
/* @media (max-width: 576px) {
    .FuturaB {
        font-family: FuturaBold !important;
        font-weight: 100;
        font-size: 28px;
        color: rgb(161, 159, 159);
    }
    
    .FuturaL {
        font-family: FuturaLight !important;
        font-weight: 100;
        font-size: 15px;
    }
} */

@media (min-width: 200px) {
    .FuturaB {
        font-family: FuturaBold !important;
        font-weight: 100;
        font-size: 30px;
        color: rgb(161, 159, 159);
    }
    
    .FuturaL {
        font-family: FuturaLight !important;
        font-weight: 100px;
        font-size: 10px;
    }
}

@media (min-width: 430px) {
    .FuturaB {
        font-family: FuturaBold !important;
        font-weight: 100;
        font-size: 50px;
        color: rgb(161, 159, 159);
    }
    
    .FuturaL {
        font-family: FuturaLight !important;
        font-weight: 100px;
        font-size: 15px;
    }
}

@media (min-width: 616px) {
    .FuturaB {
        font-family: FuturaBold !important;
        font-weight: 100;
        font-size: 70px;
        color: rgb(161, 159, 159);
    }
    
    .FuturaL {
        font-family: FuturaLight !important;
        font-weight: 100px;
        font-size: 20px;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 865px) {
    .FuturaB {
        font-family: FuturaBold !important;
        font-weight: 100;
        font-size: 100px;
        color: rgb(161, 159, 159);
    }
    
    .FuturaL {
        font-family: FuturaLight !important;
        font-weight: 100px;
        font-size: 20px;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 1155px) {
    .FuturaB {
        font-family: FuturaBold !important;
        font-weight: 100;
        font-size: 135px;
        color: rgb(161, 159, 159);
    }
    
    .FuturaL {
        font-family: FuturaLight !important;
        font-weight: 100;
        font-size: 35px;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
    .FuturaB {
        font-family: FuturaBold !important;
        font-weight: 100;
        font-size: 150px;
        color: rgb(161, 159, 159);
    }
    
    .FuturaL {
        font-family: FuturaLight !important;
        font-weight: 100;
        font-size: 35px;
    }
}