body {
    background: #2f2a2b;
    text-align: center;
    min-height: 720px;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo img {
    width: 450px;
    max-width: 80%;
    height: auto;
}
#wrapper {
    padding: 2em;
}
.logo {
    width: 100%;
    margin: 0 0 10em;
}
.logos {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3em 0 0;
}
img.logo-sun {
    width: 180px;
    margin: 0 3em;
}
img.logo-competence {
    width: 300px;
    max-width: 100%;
    margin: 0 3em;
}
.logos img {
    transition: 0.2s;
}
.logos img:hover {
    opacity: 0.5;
}
iframe {
    pointer-events: none;
    max-width: 100%;
  }


@media screen and (max-width: 768px){
    iframe {
        height: auto;
    }
    .logos {
        flex-wrap: wrap;
        gap: 10%;
    }
    .logos img {
        margin: 0 !important;
    }
    img.logo-competence {
        width: 160px;
    }
    img.logo-sun {
        width: 100px;
    }
}