:root {}

.col-header {
    background: #E6E5DF;
    height: 90vh;
    box-shadow: inset 0px 0px 0px 1.4rem #FFF;
}
@media (min-width: 992px) {
    .col-header {
        min-height: 100vh;
    }
}
.admin-bar .col-header {
    min-height: calc(100vh - 32px);
}

.col-about {
    height: auto;
    margin-top: -1.4rem;
}
@media (min-width: 992px) {
    .col-about {
        min-height: 100vh;
    }
}
.col-about .deco {
    background: #DED7CF;
    height: auto;
    box-shadow: inset 0px 0px 0px 1.4rem #FFF;
}
@media (min-width: 992px) {
    .col-about .deco {
        min-height: 100vh;
    }
}
.col-about .content {
    position: relative;
}
.col-about .content .text {
    font-size: 0.85rem;
    line-height: 1.25rem;
    font-weight: 200;
    text-align: justify;
}
@media (min-width: 992px) {
    .col-about .content .text {
        font-size: 1rem;
        line-height: 1.30rem;
    }
}

.col-contact {
    min-height: 100vh;
}
.col-contact a {
    color: var(--text);
}
.col-contact .item {}
.col-contact .item .icon {}
.col-contact .item .text {}
.col-contact .item .text .label {
    font-size: 0.75rem;
    font-weight: 300;
}
.col-contact .item .text .info {
    font-size: 1.15rem;
    font-weight: 200;
}
.col-contact .item .text .info.info-large {
    font-size: 1.65rem;
}
.col-contact hr {
    width: 150px;
    height: 3px;
    background: #bcb5ad;
}