body {
    background: url('/assets/img/home/fons.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

h1 {
    letter-spacing: 9px;
}

h2 {
    font-size: 1.5rem;
}


.squareShape {
    width: 30px;
    height: 30px;
    top: 20px;
    left: 20px;
}

.cortesy {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    right:0;
    padding: 0;
}

.cortesy .logo {
    max-width: 60vw;
    margin: 0 auto;
}

.cortesy-icons div {
    flex-basis: 20%;
}


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

    .cortesy-icons {
        max-width: 720px;
    }

    .cortesy-icons div {
        flex-basis: 33%;
    }
}

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

    .cortesy-icons {
        width: 500px;
        max-width: calc(100vw - 50px);
    }

    .cortesy-icons div {
        flex-basis: 50%;
    }
}

@media screen and (max-height: 775px) {

    .cortesy {
        position: relative;
        transform: translateY(0);
        padding: 40px 0;
    }

}