.singleImg {
    max-width: 600px;
    margin: auto;
}

.news-desc a {
    color: white;
    text-decoration: underline;
}

.smallFont {
    font-size: small;
}

.noList {
    list-style-type: none;
}

#contactFormQuestion {
    resize: none;
}

#transportCarausel .carousel-item {
    height: 80vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#contactCarausel .carousel-item {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.contactLogo {
    width: 10%
}

.contactText {
    font-size: 1.5em;
    font-weight: 700;
    font-style: italic;
}

#mainImage {
    margin-top: -1rem;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#backgroundIndex {
    height: 70vh;
}

.socials:hover {
    opacity: 50%
}

#mainImage {
    background-image: url("/img/index/main-beach.webp");
}

.mainHeading {
    color: black;
}

#contactCarauselTravelAgencyEntrance {
    background-image: url("/img/contacts/travel-agency-entrance-720.webp");
}

#contactCarauselTravelAgencyReception {
    background-image: url("/img/contacts/travel-agency-reception-720.webp");
}

#contactCarauselTravelAgencyWorkSchedule {
    background-image: url("/img/contacts/travel-agency-work-schedule-720.webp");
}

#transportCarauselOrderTransport {
    background-image: url("/img/transport/order-transport-1080.webp");
}

#transportCarauselTransportCatalog {
    background-image: url("/img/transport/transport-catalog-1080.webp");
}

#transportCarauselBus1 {
    background-image: url("/img/transport/bus1-1080.webp");
}

#transportCarauselBus2 {
    background-image: url("/img/transport/bus2-1080.webp");
}

#transportCarauselMinibus1 {
    background-image: url("/img/transport/minibus1.webp");
}

#transportCarauselMinibus2 {
    background-image: url("/img/transport/minibus2.webp");
}

#transportCarauselMinibus3 {
    background-image: url("/img/transport/minibus3.webp");
}

#transportCarauselPilgrims {
    background-image: url("/img/transport/pilgrims-1080.webp");
}

#transportCarauselBusGeorgia {
    background-image: url("/img/transport/bus-georgia-1080.webp");
}

@media(max-width: 2048px) {
    #transportCarauselMinibus1 {
        background-image: url("/img/transport/minibus1-2048.webp");
    }

    #transportCarauselMinibus2 {
        background-image: url("/img/transport/minibus2-2048.webp");
    }

    #transportCarauselMinibus3 {
        background-image: url("/img/transport/minibus3-2048.webp");
    }

    #mainImage {
        background-image: url("/img/index/main-beach-2048.webp");
    }
}

@media(max-width: 1920px) {
    #transportCarauselMinibus1 {
        background-image: url("/img/transport/minibus1-1920.webp");
    }

    #transportCarauselMinibus2 {
        background-image: url("/img/transport/minibus2-1920.webp");
    }

    #transportCarauselMinibus3 {
        background-image: url("/img/transport/minibus3-1920.webp");
    }

    #mainImage {
        background-image: url("/img/index/main-beach-1920.webp");
    }
}

@media(max-width: 1600px) {
    #transportCarauselMinibus1 {
        background-image: url("/img/transport/minibus1-1600.webp");
    }

    #transportCarauselMinibus2 {
        background-image: url("/img/transport/minibus2-1600.webp");
    }

    #transportCarauselMinibus3 {
        background-image: url("/img/transport/minibus3-1600.webp");
    }

    #mainImage {
        background-image: url("/img/index/main-beach-1600.webp");
    }
}

@media(max-width: 1440px) {
    #transportCarauselMinibus1 {
        background-image: url("/img/transport/minibus1-1440.webp");
    }

    #transportCarauselMinibus2 {
        background-image: url("/img/transport/minibus2-1440.webp");
    }

    #transportCarauselMinibus3 {
        background-image: url("/img/transport/minibus3-1440.webp");
    }

    #mainImage {
        background-image: url("/img/index/main-beach-1440.webp");
    }
}

@media(max-width: 1080px) {
    #transportCarauselOrderTransport {
        background-image: url("/img/transport/order-transport-1080.webp");
    }

    #transportCarauselTransportCatalog {
        background-image: url("/img/transport/transport-catalog-1080.webp");
    }

    #transportCarauselBus1 {
        background-image: url("/img/transport/bus1-1080.webp");
    }

    #transportCarauselBus2 {
        background-image: url("/img/transport/bus2-1080.webp");
    }

    #transportCarauselMinibus1 {
        background-image: url("/img/transport/minibus1-1080.webp");
    }

    #transportCarauselMinibus2 {
        background-image: url("/img/transport/minibus2-1080.webp");
    }

    #transportCarauselMinibus3 {
        background-image: url("/img/transport/minibus3-1080.webp");
    }

    #transportCarauselPilgrims {
        background-image: url("/img/transport/pilgrims-1080.webp");
    }

    #transportCarauselBusGeorgia {
        background-image: url("/img/transport/bus-georgia-1080.webp");
    }

    #mainImage {
        background-image: url("/img/index/main-beach-1080.webp");
    }
}

@media(max-width: 720px) {
    #brand {
        font-size: 0.9em;
    }

    #transportCarauselOrderTransport {
        background-image: url("/img/transport/order-transport-720.webp");
    }

    #transportCarauselTransportCatalog {
        background-image: url("/img/transport/transport-catalog-720.webp");
    }

    #transportCarauselBus1 {
        background-image: url("/img/transport/bus1-720.webp");
    }

    #transportCarauselBus2 {
        background-image: url("/img/transport/bus2-720.webp");
    }

    #transportCarauselMinibus1 {
        background-image: url("/img/transport/minibus1-720.webp");
    }

    #transportCarauselMinibus2 {
        background-image: url("/img/transport/minibus2-720.webp");
    }

    #transportCarauselMinibus3 {
        background-image: url("/img/transport/minibus3-720.webp");
    }

    #transportCarauselPilgrims {
        background-image: url("/img/transport/pilgrims-720.webp");
    }

    #transportCarauselBusGeorgia {
        background-image: url("/img/transport/bus-georgia-720.webp");
    }

    #mainImage {
        background-image: url("/img/index/main-beach-720.webp");
    }
}

@media(max-width: 480px) {
    .mainHeading {
        font-size: 1.8em;
    }

    #brand {
        font-size: 0.6em;
    }

    #contactCarauselTravelAgencyEntrance {
        background-image: url("/img/contacts/travel-agency-entrance-480.webp");
    }

    #contactCarauselTravelAgencyReception {
        background-image: url("/img/contacts/travel-agency-reception-480.webp");
    }

    #contactCarauselTravelAgencyWorkSchedule {
        background-image: url("/img/contacts/travel-agency-work-schedule-480.webp");
    }

    #transportCarauselOrderTransport {
        background-image: url("/img/transport/order-transport-480.webp");
    }

    #transportCarauselTransportCatalog {
        background-image: url("/img/transport/transport-catalog-480.webp");
    }

    #transportCarauselBus1 {
        background-image: url("/img/transport/bus1-480.webp");
    }

    #transportCarauselBus2 {
        background-image: url("/img/transport/bus2-480.webp");
    }

    #transportCarauselMinibus1 {
        background-image: url("/img/transport/minibus1-480.webp");
    }

    #transportCarauselMinibus2 {
        background-image: url("/img/transport/minibus2-480.webp");
    }

    #transportCarauselMinibus3 {
        background-image: url("/img/transport/minibus3-480.webp");
    }

    #transportCarauselPilgrims {
        background-image: url("/img/transport/pilgrims-480.webp");
    }

    #transportCarauselBusGeorgia {
        background-image: url("/img/transport/bus-georgia-480.webp");
    }

    #mainImage {
        background-image: url("/img/index/main-beach-480.webp");
    }
}

@media(max-width: 360px) {
    #brand {
        font-size: 0.5em;
    }

    #contactCarauselTravelAgencyEntrance {
        background-image: url("/img/contacts/travel-agency-entrance-360.webp");
    }

    #contactCarauselTravelAgencyReception {
        background-image: url("/img/contacts/travel-agency-reception-360.webp");
    }

    #contactCarauselTravelAgencyWorkSchedule {
        background-image: url("/img/contacts/travel-agency-work-schedule-360.webp");
    }

    #transportCarauselOrderTransport {
        background-image: url("/img/transport/order-transport-360.webp");
    }

    #transportCarauselTransportCatalog {
        background-image: url("/img/transport/transport-catalog-360.webp");
    }

    #transportCarauselBus1 {
        background-image: url("/img/transport/bus1-360.webp");
    }

    #transportCarauselBus2 {
        background-image: url("/img/transport/bus2-360.webp");
    }

    #transportCarauselMinibus1 {
        background-image: url("/img/transport/minibus1-360.webp");
    }

    #transportCarauselMinibus2 {
        background-image: url("/img/transport/minibus2-360.webp");
    }

    #transportCarauselMinibus3 {
        background-image: url("/img/transport/minibus3-360.webp");
    }

    #transportCarauselPilgrims {
        background-image: url("/img/transport/pilgrims-360.webp");
    }

    #transportCarauselBusGeorgia {
        background-image: url("/img/transport/bus-georgia-360.webp");
    }

    #mainImage {
        background-image: url("/img/index/main-beach-360.webp");
    }
}