@import url(https://use.typekit.net/gis1bma.css);

.layout_container {
    padding: 0
}

.utils_leftContainer {
    max-width: 36rem;
    margin: 10% 6% 6rem 14%
}

.utils_footerContainer {
    max-width: 36rem;
    margin: 4rem 14% 6rem
}

.utils_headingSpaced {
    font-size: .7rem;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: .375em;
    color: #96969c
}

.utils_grid {
    display: flex;
    flex-direction: row;
    margin-top: 2rem;
    color: #4a4a4f
}

.utils_paddingTwo {
    padding-left: 4rem
}

@media screen and (max-width:415px) {
    .utils_grid {
        flex-direction: column;
        grid-gap: 1.5rem
    }

    .utils_paddingTwo {
        padding-left: 0
    }
}

.utils_column {
    display: flex;
    flex-direction: column
}

.utils_column a {
    display: inline;
    margin-right: auto;
    margin-bottom: .8rem
}

.utils_headerHomeImage {
    max-width: 100%
}

.utils_profileWrapper {
    width: 19rem;
    max-width: 100%;
    border: 20px solid #fff;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 20px hsla(0, 0%, 40%, .1);
    margin-left: -16px;
    cursor: default
}

.utils_profileName {
    margin: 10px 0 0;
    padding: 0;
    font-size: 1.8rem
}

.utils_profileName small {
    font-weight: 400;
    opacity: .4;
    margin-left: 3px;
    letter-spacing: -.3px;
    font-size: 1rem
}

.utils_profileDesc {
    font-size: .86rem;
    margin: 0;
    padding: 0;
    color: #636369
}

.utils_smallText {
    font-size: .8em;
    color: #636369;
    margin: 0
}

.utils_svgLine {
    margin-left: -8px;
    padding-bottom: 0;
    margin-bottom: 10px
}

.utils_svgLine a {
    padding: 2px;
    border-bottom: none
}

.utils_svgLine a svg {
    fill: #636369;
    -webkit-transition: .2s;
    transition: .2s;
    width: 30px;
    height: 30px
}

.utils_svgLine a:hover svg {
    fill: #111b2f
}

.utils_fore30 {
    color: #96969c
}