* {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Rubik', sans-serif;
}

.logo {
    -webkit-text-stroke: 0.05em white;
    letter-spacing: -0.24em;
    font-size: 2em;
    font-family: 'Rubik', sans-serif;
}

@media (min-width: 750px) {
    .title {
        text-align: center;
        margin: 10% 0;
    }

    div.caution {
        margin-left: 25%;
        width: 50%;
    }

    .footer .column:first-of-type {
        text-align: left;
    }
    .footer .column:last-of-type {
        text-align: right;
    }
}

.root > .row:not(:first-child) {
    border-top: 1px solid #E1E1E1;
    padding-top: 1em;
    padding-bottom: 1em;
}

ul > li > span {
    font-weight: bold;
}

.portfolio {
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px dashed #E1E1E1;
}

.portfolio:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.portfolio:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.portfolio:nth-child(2n) > img {
    float: left;
    margin-right: 1em;
}

.portfolio:nth-child(2n+1) > img {
    float: right;
    margin-left: 1em;
}

.footer {
    opacity: 0.5;
}
.footer .column {
    text-align: center;
    margin-bottom: 1em;
}

hr.caution {
    height: 1em;
    background: yellow repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(0, 0, 0, 1) 35px, rgba(0, 0, 0, 1) 70px);
    border: 1px solid #E1E1E1;
}

div.caution {
    text-align: center;
}