section {
    display: grid;
    margin-bottom: 0;
}

input {
    outline: #b3b9c5 1px solid;
}

article {
    border-radius: 20px;
    background-color: rgb(36, 42, 56);
}

.rep-title > :nth-child(1) {
    align-self: end;
}

.rep-title > :nth-child(2) {
    align-self: start;
    margin-bottom: 5;
}

.rep-button > div {
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.rep-button > div > a,
.rep-button > div > a > i {
    /* align-self: center; */
    font-size: 1.25rem;
}

.rep-button > div > small {
    display: block;
    text-align: center;
    padding-top: 8px;
}

section > a[role=button] > i {
    padding-top: 0.5em;
}

.fa-address-card {
    padding-left: 10px;
}

.contact-photo {
    /* height: 250px; */
    font-size: 8em;
    text-align: center;
    border: 0;
    margin: 0 auto;
}

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

.container.wide {
    max-width: 800px;
}

header a {
    font-size: 0.7em;
    text-decoration: none;
    color: gray;
}

footer p {
    color: gray;
}

@media (min-width: 768px) {
    .only-small {
        display: none;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .only-big {
        display: none;
        overflow: hidden;
    }
}

[v-cloak] {
    display: none;
}

h1 {
    margin-bottom: 0;
}

article ~ h4 {
    margin-top: 0;
}

main.container {
    padding-top: 0;
}