@import url(../caasp-fonts.css);

.img-main-banner-div {
    background-image: url(https://www.caasp.org.br/imagens/caasp-farma.jpeg);
}

.text-overlay {
    position: absolute;
    top: 150px;
    text-align: left;
}

@media (min-width: 1400px) {
    .text-overlay {
        width: 30%;
        left: initial;
    }
}

@media (max-width: 1399px) {
    .text-overlay {
        width: 40%;
        left: initial;
    }
}

@media (max-width: 1199px) {
    .text-overlay {
        width: 35%;
        left: initial;
    }
}

@media (max-width: 1024px) {
    .text-overlay {
        width: 80%;
        left: initial;
        position: absolute !important;
        top: 90px !important;
        transform: none !important;
    }
}

@media (max-width: 767px) {
    .text-overlay {
        position: absolute !important;
        transform: none !important;
        padding: 0 !important;
    }
}

@media (max-width: 575px) {
    .text-overlay {
        position: absolute !important;
        top: 50px;
        transform: none !important;
        padding: 0 !important;
    }
}