.p-b-50 {
    padding-bottom: 50px;
}
.p-r-0 {
    padding-right: 0 !important;}
.p-l-0 {
    padding-left: 0 !important;
}


/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 479px) {
    h1.big {
        font-size: 44px;
        font-weight: 800;
        margin: 0;
        padding: 0;
        line-height: 0.8;
        text-align: left;
    }

    .foxImage{
        min-height: 330px !important;
    }

    .offset-top-200{
        margin-top:200px !important;
    }
}

@media (min-width:480px) and (max-width: 529px) {
    h1.big {
        font-size: 64px;
        font-weight: 800;
        margin: 0;
        padding: 0;
        line-height: 0.8;
        text-align: left;
    }

    .offset-top-200{
        margin-top:200px !important;
    }
}

@media (min-width: 530px) and (max-width: 767px) {
    h1.big {
        font-size: 70px;
        font-weight: 800;
        margin: 0;
        padding: 0;
        line-height: 0.8;
        text-align: left;
    }

    .offset-top-200{
        margin-top:200px !important;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) {
    h1.big {
        font-size: 80px;
        font-weight: 800;
        margin: 0;
        padding: 0;
        line-height: 0.8;
        text-align: left;
    }
}

/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1200px) {
    h1.big {
        font-size: 100px;
        font-weight: 800;
        margin: 0;
        padding: 0;
        line-height: 0.8;
        text-align: left;
    }
}

/* large desktops and up ----------- */
@media screen and (min-width:1200px ) {
    h1.big {
        font-size: 120px;
        font-weight: 800;
        margin: 0;
        padding: 0;
        line-height: 0.8;
        text-align: left;
    }
}