@font-face {
    font-family: Montserrat;
    font-style: normal;
    src: url('Montserrat-VF.woff2');
} 

@font-face {
    font-family: Montserrat;
    font-style: italic;
    src: url('Montserrat-Italic-VF.woff2');
} 

* {
    font-family: Montserrat;
}

.container {
    margin: 0 auto;
    max-width: 1000px;
}

.header {
    text-align: center;
}

img {
    border: 5px solid #333;
    padding: 1px;
    border-radius: 10px;
}

.row {
    display: flex;
}

.column {
    flex: 50%;
}

.column[name="mail"] {
    text-align: right;
}

.mobile-name {
    display: none;
}

@media (pointer:none),
(pointer:coarse) {
    .row {
        display: block;
    }

    .column[name="mail"] {
        text-align: left;
    }

    .header {
        text-align: left;
    }

    .pc-name {
        display: none;
    }

    .mobile-name {
        display: block;
    }
}