@media only screen and (max-width: 756px) {

    #carouselExampleIndicators h1 {
        font-size: 46px;
        text-align: center !important;
    }

    #carouselExampleIndicators h5 {
        text-align: center !important;
        font-size: 28px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #carouselExampleIndicators a {
        margin: 0 auto;
        padding: 10px 25px;
        font-size: 18px;
    }

    #carouselExampleIndicators .carousel-caption {
        z-index: 82;
        bottom: 50%;
        transform: translateY(50%);
        -o-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        width: 100%;
        left: 0;
    }

}


@media only screen and (max-width: 556px) {


    #carouselExampleIndicators h1 {
        font-size: 38px;
        text-align: center !important;
    }

    #carouselExampleIndicators h5 {
        text-align: center !important;
        font-size: 25px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #carouselExampleIndicators a {
        margin: 0 auto;
        padding: 10px 25px;
        font-size: 18px;
    }

    #carouselExampleIndicators .carousel-caption {
        z-index: 82;
        bottom: 50%;
        transform: translateY(50%);
        -o-transform:  translateY(50%);
        -moz-transform:  translateY(50%);
        -ms-transform:  translateY(50%);
        -webkit-transform:  translateY(50%);
        width: 100%;
        left: 0;
        padding: 0 10px;
    }

    #nav-header_info {
        display: none;
    }


    #navbar_fixed img {
        width: 12rem !important;
    }


    .number_story span {
        font-size: 3.2rem;
    }

    .section_info_number-singlecontainer {
        margin: 30px auto !important;
    }


    #footer h2 {
        font-size: 30px !important;
        margin: 10px 0 !important;
    }

}