.main-text
{
    position: absolute;
    top: 20%;
    left:10%;
    width: 40%;
    color: #FFF;
}

.main-text h3
{
    font-size: 35px;
}


@media (max-width: 650px) {
    .main-text h1 {
        font-size: 12px;
    }

    .main-text h3 {
        font-size: 9px;
    }

    .main-text {
        width: 50%;
        top: 1%;
    }

    ol.carousel-indicators li.active {
        display: none;
    }

    ol.carousel-indicators li{
        display: none;
    }
}

@media (max-width: 925px) and  (min-width: 651px) {
    .main-text h1 {
        font-size:20px;
    }

    .main-text h3 {
        font-size: 17px;
    }

    .main-text {
        width: 50%;
        top: 10%;
    }
}

@media (max-width: 1300px) and  (min-width: 926px) {
    .main-text h1 {
        font-size:20px;
    }

    .main-text h3 {
        font-size: 25px;
    }

    .main-text {
        width: 50%;
        top: 10%;
    }
}