a {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: underline;
}

@media screen and (orientation: portrait) and (max-width: 991.9px) {
    #logo {
        width: 50vw;
    }

    .col-md-4 img {
        max-width: 25vw;
    }
}

@media screen and (orientation: portrait) and (min-width: 992px) {
    #logo {
        width: 50vw;
    }

    .col-md-4 img {
        max-width: 25vw;
    }
}

@media screen and (orientation: landscape) and (max-width: 991.9px) {
    #logo {
        width: 25vw;
    }

    .flags {
        width: 100%;
    }

    .col-md-4 {
        width: 33%;
    }

    .col-md-4 img {
        max-width: 15vw;
    }
}

@media screen and (orientation: landscape) and (min-width: 992px) {
    #logo {
        width: 25vw;
    }

    .flags {
        width: 100%;
    }

    .col-md-4 {
        width: 33%;
    }

    .col-md-4 img {
        max-width: 10vw;
    }
}

@media (orientation: portrait) {
    body {
        height: 100vh;
    }
}

@media (orientation: landscape) {}

.flags .col-12 img {
    border: 1px solid lightgray;
}

#developer {
    position: absolute;
    left: -999px;
    top: 0px;
}