@media only screen and (max-width: 992px) {
    #mainCarousel .carousel-caption {
        position: absolute;
        width: 150px;
        left: 15%;
        margin: auto;
        padding: 0.3em;
    }
}

@media only screen and (max-width: 768px) {
    .sky .text{
        right: 0;
        top: 35px;
    }

    .sky .text h3 {
        font-size: 2em;
    }
    .sky .text p {
        font-size: 1.1em;
    }

    .carousel-item:hover{
        cursor: pointer;
    }
}

@media only screen and (max-width: 414px) {
    #mainCarousel .carousel-caption {
        font-size: 0.8em;
    }

    header .menu ul li{
        margin: 0.5em 1em;
    }

    .lang-witch{
        right: 10px;
    }

    .sky .text{
        right: 0;
        top: 35px;
    }

    .sky .text h3 {
        font-size: 1.5em;
    }
    .sky .text p {
        font-size: 1.1em;
    }
}

@media only screen and (max-width: 360px) {
    header .menu ul li{
        margin: 0.5em 0.7em;
    }
}