.call-out-1 small,
.call-out-2 small,
.call-out-3 small,
.call-out-4 small {
    text-transform: uppercase;
}

/*////////////////////////  BREAKFAST //////////////////////// */
@media (max-width: 768px) {
    .container-hero {
        background-position: 55%;
    }
}

.Breakfast .call-outs a .call-out-1 {
    margin-left: 31%;
    width: 155px;
    height: auto;
    background-color: rgba(2, 2, 11, 0.0);
    display: block;
    padding: 20px;
    clear: both;
    float: left;
    margin-top: 206px;
}

.Breakfast .call-outs a .call-out-1:hover {
    background-color: rgba(2, 2, 11, 0.3);
}

@media (max-width: 992px) {
    .Breakfast .call-outs a .call-out-1 {
        width: 130px;
        padding: 20px 10px 20px 10px;
        margin-left: 23%;
        margin-top: 167px;
    }
}

@media (max-width: 905px) {
    .Breakfast .call-outs a .call-out-1 {
        width: 130px;
        padding: 20px 10px 20px 10px;
        margin-left: 27%;
        margin-top: 131px;
    }
}

@media (max-width: 768px) {
    .Breakfast .call-outs a .call-out-1 {
        margin-left: 6%;
        margin-top: 226px;
    }
}

.Breakfast .call-outs a .call-out-2 {
    width: 170px;
    height: auto;
    padding: 20px;
    margin-left: 0;
    margin-right: 0;
    background-color: rgba(20, 255, 0, 0.0);
    display: block;
    margin-top: 79px;
    float: right;
}

.Breakfast .call-outs a .call-out-2:hover {
    background-color: rgba(2, 2, 11, 0.3);
}

@media (max-width: 992px) {
    .Breakfast .call-outs a .call-out-2 {
        padding: 20px 10px 20px 10px;
        width: 130px;
        margin-left: 11%;
        margin-top: 65px;
    }
}

@media (max-width: 768px) {
    .Breakfast .call-outs a .call-out-2 {
        margin-left: 0%;
        margin-right: -2%;
        margin-top: 59px;
    }
}

.Breakfast .call-outs a .call-out-3 {
    margin-top: 109px;
    margin-right: 0;
    margin-left: 23px;
    width: 170px;
    height: auto;
    padding: 20px;
    float: left;
}

.Breakfast .call-outs a .call-out-3:hover {
    background-color: rgba(2, 2, 11, 0.3);
}

@media (max-width: 992px) {
    .Breakfast .call-outs a .call-out-3 {
        padding: 20px 10px 20px 10px;
        width: 125px;
        margin-top: -143px;
        margin-right: 38%;
        float: right;
    }
}

@media (max-width: 905px) {
    .Breakfast .call-outs a .call-out-3 {
        padding: 20px 10px 20px 10px;
        width: 125px;
        margin-top: -155px;
        margin-right: 36%;
        float: right;
    }
}

@media (max-width: 768px) {
    .Breakfast .call-outs a .call-out-3 {
        margin-top: 37px;
        margin-right: 21%;
    }
}

@media (max-width: 642px) {
    .Breakfast .call-outs a .call-out-3 {
        margin-top: 137px;
        margin-right: 16%;
    }
}

.Breakfast .call-outs a .call-out-4 {
    margin-top: -0;
    margin-right: 0%;
    width: 170px;
    padding: 20px;
    float: left;
    margin-left: -392px;
    background-color: rgba(255, 77, 0, 0.0);
}

.Breakfast .call-outs a .call-out-4:hover {
    background-color: rgba(2, 2, 11, 0.3);
}

@media (max-width: 992px) {
    .Breakfast .call-outs a .call-out-4 {
        padding: 20px 10px 20px 10px;
        width: 130px;
        margin-left: -87px;
        margin-top: -256px;
        margin-right: 0;
    }
}

@media (max-width: 905px) {
    .Breakfast .call-outs a .call-out-4 {
        padding: 20px 10px 20px 10px;
        width: 130px;
        margin-left: -110px;
        margin-top: -222px;
        margin-right: 0;
    }
}

@media (max-width: 796px) {
    .Breakfast .call-outs a .call-out-4 {
        padding: 20px 10px 20px 10px;
        width: 130px;
        margin-left: 250px;
        margin-top: -286px;
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .Breakfast .call-outs a .call-out-4 {
        margin-top: 58px;
        margin-right: 0;
        margin-left: -90px;
    }
}

@media (max-width: 642px) {
    .Breakfast .call-outs a .call-out-4 {
        margin-top: -299px;
        margin-left: -39px;
    }
}

/*//////////////////////// LUNCH //////////////////////// */
@media (max-width: 768px) {
    .container-hero {
        background-position: 55%;
    }
}

.Lunch .call-outs a .call-out-1 {
    margin-left: 16%;
    width: 155px;
    height: auto;
    background-color: rgba(2, 2, 11, 0.0);
    display: block;
    padding: 20px;
    clear: both;
    float: left;
    margin-top: 206px;
}

.Lunch .call-outs a .call-out-1:hover {
    background-color: rgba(2, 2, 11, 0.3);
}

@media (max-width: 992px) {
    .Lunch .call-outs a .call-out-1 {
        width: 130px;
        padding: 20px 10px 20px 10px;
        margin-left: 19%;
    }
}

@media (max-width: 768px) {
    .Lunch .call-outs a .call-out-1 {
        margin-left: 1%;
    }
}

.Lunch .call-outs a .call-out-2 {
    width: 170px;
    height: auto;
    padding: 20px;
    margin-left: 6%;
    margin-right: 26%;
    background-color: rgba(20, 255, 0, 0.0);
    display: block;
    margin-top: 120px;
    float: right;
}

.Lunch .call-outs a .call-out-2:hover {
    background-color: rgba(2, 2, 11, 0.3);
}

@media (max-width: 992px) {
    .Lunch .call-outs a .call-out-2 {
        padding: 20px 10px 20px 10px;
        width: 130px;
        margin-left: 11%;
        margin-top: 120px;
    }
}

@media (max-width: 768px) {
    .Lunch .call-outs a .call-out-2 {
        margin-left: 0%;
        margin-right: 26%;
        margin-top: 92px;
    }
}

.Lunch .call-outs a .call-out-3 {
    margin-top: -289px;
    margin-right: 294px;
    margin-left: -143px;
    width: 170px;
    height: auto;
    padding: 20px;
    float: left;
}

.Lunch .call-outs a .call-out-3:hover {
    background-color: rgba(2, 2, 11, 0.3);
}

@media (max-width: 992px) {
    .Lunch .call-outs a .call-out-3 {
        padding: 20px 10px 20px 10px;
        width: 140px;
        margin-top: -223px;
        margin-right: 60%;
        float: right;
    }
}

@media (max-width: 768px) {
    .Lunch .call-outs a .call-out-3 {
        margin-top: 22px;
        margin-right: 18%;
    }
}

.Lunch .call-outs a .call-out-4 {
    margin-top: -98px;
    margin-right: 1%;
    width: 170px;
    padding: 20px;
    float: right;
    background-color: rgba(255, 77, 0, 0.0);
}

.Lunch .call-outs a .call-out-4:hover {
    background-color: rgba(2, 2, 11, 0.3);
}

@media (max-width: 992px) {
    .Lunch .call-outs a .call-out-4 {
        padding: 20px 10px 20px 10px;
        width: 130px;
        margin-top: -104px;
        margin-right: 5%;
    }
}

@media (max-width: 768px) {
    .Lunch .call-outs a .call-out-4 {
        margin-top: 203px;
        margin-right: -59%;
    }
}

/* //////////////////////// DINNER //////////////////////// */
@media (max-width: 768px) {
    .container-hero {
        background-position: 55%;
    }
}

.Dinner .call-outs a .call-out-1 {
    margin-left: 20%;
    width: 155px;
    height: auto;
    background-color: rgba(2, 2, 11, 0.0);
    display: block;
    padding: 20px;
    clear: both;
    float: left;
    margin-top: 64px;
}

.Dinner .call-outs a .call-out-1:hover {
    background-color: rgba(2, 2, 11, 0.3);
}

@media (max-width: 992px) {
    .Dinner .call-outs a .call-out-1 {
        width: 130px;
        padding: 20px 10px 20px 10px;
        margin-left: 11%;
        margin-top: 46px;
    }
}

@media (max-width: 768px) {
    .Dinner .call-outs a .call-out-1 {
        margin-left: 6%;
        margin-top: 64px;
    }
}

.Dinner .call-outs a .call-out-2 {
    width: 170px;
    height: auto;
    padding: 20px;
    margin-left: 0;
    margin-right: 285px;
    background-color: rgba(20, 255, 0, 0.0);
    display: block;
    margin-top: 130px;
    float: right;
}

.Dinner .call-outs a .call-out-2:hover {
    background-color: rgba(2, 2, 11, 0.3);
}

@media (max-width: 992px) {
    .Dinner .call-outs a .call-out-2 {
        padding: 20px 10px 20px 10px;
        width: 130px;
        margin-left: -18%;
        margin-top: 94px;
    }
}

@media (max-width: 768px) {
    .Dinner .call-outs a .call-out-2 {
        margin-left: 0%;
        margin-right: 33%;
        margin-top: 187px;
    }
}

.Dinner .call-outs a .call-out-3 {
    margin-top: -33px;
    margin-right: -280px;
    margin-left: 0;
    width: 170px;
    height: auto;
    padding: 20px;
    float: right;
}

.Dinner .call-outs a .call-out-3:hover {
    background-color: rgba(2, 2, 11, 0.3);
}

@media (max-width: 992px) {
    .Dinner .call-outs a .call-out-3 {
        padding: 20px 10px 20px 10px;
        width: 125px;
        margin-top: -43px;
        margin-right: -4%;
        float: right;
    }
}

@media (max-width: 768px) {
    .Dinner .call-outs a .call-out-3 {
        margin-top: -42px;
        margin-right: -228px;
    }
}

.Dinner .call-outs a .call-out-4 {
    margin-top: 205px;
    margin-right: -38%;
    width: 170px;
    padding: 20px;
    float: right;
    margin-left: 0;
    background-color: rgba(255, 77, 0, 0.0);
}

.Dinner .call-outs a .call-out-4:hover {
    background-color: rgba(2, 2, 11, 0.3);
}

@media (max-width: 992px) {
    .Dinner .call-outs a .call-out-4 {
        padding: 20px 10px 20px 10px;
        width: 130px;
        margin-left: 0px;
        margin-top: 113px;
        margin-right: -301px;
    }
}

@media (max-width: 768px) {
    .Dinner .call-outs a .call-out-4 {
        margin-top: 177px;
        margin-right: -333px;
        margin-left: 0;
    }
}

@media (max-width: 642px) {
    .Dinner .call-outs a .call-out-4 {
        margin-top: 199px;
        margin-left: -39px;
    }
}

/* //////////////////////// NUMBERS AND TEXT //////////////////////// */
.numbers {
    width: 105px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media (max-width: 991px) {
    .numbers {
        width: 100px;
        height: auto;
    }
}

.hero-text-description {
    font-size: 12px;
    color: #fff;
    margin-top: 8px;
    letter-spacing: 0.07em;
    display: block;
    text-align: center;
}

@media (max-width: 991px) {
    .hero-text-description {
        font-size: 10px;
        text-align: center;
    }
}

/* //////////////////////// MOBILE //////////////////////// */
@media (max-width: 576px) {
    .numbers {
        width: 30px;
        height: auto;
        float: left;
    }

    .hero-text-description {
        font-size: 11px;
        color: #fff;
        display: block;
        float: left;
        text-align: left !important;
        margin-top: 10px;
        padding-left: 3px;
        padding-right: 10px;
    }

    .hero-text-description {
        font-size: 11px;
        color: #fff;
        margin-top: 8px;
        display: block;
    }

    .Breakfast .call-outs a .call-out-1,
    .Lunch .call-outs a .call-out-1,
    .Dinner .call-outs a .call-out-1 {
        margin-left: -3%;
        width: 52.5%;
        padding: 15px;
        background-color: rgba(2, 2, 11, 0.5);
        float: left;
        display: block;
        margin-top: 0;
        clear: none;
        height: 100px;
        margin-bottom: 1px;
    }

    .Breakfast .call-outs a .call-out-2,
    .Lunch .call-outs a .call-out-2,
    .Dinner .call-outs a .call-out-2 {
        padding: 15px;
        width: 53%;
        margin-right: -3%;
        margin-top: 0;
        background-color: rgba(2, 2, 11, 0.5);
        float: right;
        display: block;
        clear: none;
        height: 100px;
    }

    .Breakfast .call-outs a .call-out-3,
    .Lunch .call-outs a .call-out-3,
    .Dinner .call-outs a .call-out-3 {
        padding: 10px;
        width: 52.5%;
        margin-top: 0;
        margin-left: -3%;
        float: left;
        background-color: rgba(2, 2, 11, 0.5);
        display: block;
        clear: none;
        margin-right: 20%;
        height: 100px;
    }

    .Breakfast .call-outs a .call-out-4,
    .Lunch .call-outs a .call-out-4,
    .Dinner .call-outs a .call-out-4 {
        padding: 10px;
        width: 53%;
        margin-top: -100px;
        margin-left: 0;
        margin-right: -3%;
        background-color: rgba(2, 2, 11, 0.5);
        float: right;
        display: block;
        clear: none;
        height: 100px;
    }
}

@media (max-width: 400px) {

    .Breakfast .call-outs a .call-out-1,
    .Lunch .call-outs a .call-out-1,
    .Dinner .call-outs a .call-out-1 {
        height: 110px;
    }

    .Breakfast .call-outs a .call-out-2,
    .Lunch .call-outs a .call-out-2,
    .Dinner .call-outs a .call-out-2 {
        height: 110px;
    }

    .Breakfast .call-outs a .call-out-3,
    .Lunch .call-outs a .call-out-3,
    .Dinner .call-outs a .call-out-3 {
        height: 110px;
    }

    .Breakfast .call-outs a .call-out-4,
    .Lunch .call-outs a .call-out-4,
    .Dinner .call-outs a .call-out-4 {
        margin-top: -110px;
        height: 110px;
    }
}