body {
    background: #f5f5f5;
}

    body.loading:after {
        position: fixed;
        display: block;
        width: 100%;
        height: 100%;
        background: #fff;
        content: '';
    }

section {
    padding: 5rem 2rem;
    border-bottom: 1rem solid #fff;
}

.section {
    padding: 0;
}

footer {
    padding: 20px 2rem 0;
}

.container {
    width: 90%;
    max-width: 1600px;
}

iframe {
    border: 0;
}

figure {
    margin: 0;
}

strong {
    font-weight: 700;
}

address {
    margin: 1em 0;
    font-style: normal;
}

a {
    color: #373737;
}

    a.underline {
        border-bottom: 1px solid rgba(55,55,55,.5);
    }

        a.underline:hover {
            border-bottom-color: rgba(55,55,55,.85);
        }

.view-all {
    -webkit-transition: background .5s cubic-bezier(.075,.82,.165,1);
    transition: background .5s cubic-bezier(.075,.82,.165,1);
    position: relative;
    display: block;
    padding: 3rem 0;
    margin-top: 4rem;
    font-family: Miriam Libre,monospace;
    text-align: center;
}

    .view-all:hover {
        background: hsla(0,0%,100%,.5);
    }

.responsive-img {
    width: 100%;
}

html {
    color: #373737;
}

body, button, input, select, textarea {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
    -moz-font-feature-settings: 'liga','kern';
}

h2, h4 {
    font-family: Miriam Libre,monospace;
}

h3 {
    color: #bdbdbd;
}

.section-title h3 {
    margin: 0;
    font-size: 1.5rem;
}

    .section-title h3 + h2 {
        margin-top: 0;
    }

.nobr {
    white-space: nowrap;
}

.push-row {
    margin-bottom: 5rem;
}

.p-margin-adjust {
    margin-top: -1em;
}

.single-row {
    margin-bottom: 0;
}

.border-divider {
    border-bottom: 1rem solid #fff;
}

.materialbox {
    margin-bottom: 0;
}

    .materialbox .col {
        padding: 0;
    }

.toast {
    display: none;
    height: auto;
    padding: 20px;
    font-weight: 400;
    line-height: 1.75rem;
}

    .toast:first-of-type, .toast a {
        display: block;
    }

    .toast a {
        color: #fff;
        text-decoration: underline;
    }

    .toast.error {
        background-color: #ff5252;
    }

    .toast.success {
        color: #373737;
        background-color: #00e676;
    }

.hero {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 1000px;
    margin-left: -500px;
}

    .hero .kaleidoscope {
        display: block;
        width: 1000px;
        height: 1000px;
    }

.hero-holder {
    position: relative;
    z-index: 1;
    height: calc(100vh - 70px);
    overflow: hidden;
}

.scroll-down {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    font-size: 3.5rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

    .scroll-down i {
        -webkit-transition: all 1s cubic-bezier(.075,.82,.165,1);
        transition: all 1s cubic-bezier(.075,.82,.165,1);
        -webkit-animation: scroll-down 1.5s cubic-bezier(.39,.575,.565,1) infinite;
        animation: scroll-down 1.5s cubic-bezier(.39,.575,.565,1) infinite;
        position: relative;
    }

@-webkit-keyframes scroll-down {
    0% {
        top: -1rem;
        opacity: 0;
    }

    to {
        top: 1rem;
        opacity: 1;
    }
}

@keyframes scroll-down {
    0% {
        top: -1rem;
        opacity: 0;
    }

    to {
        top: 1rem;
        opacity: 1;
    }
}

.navbar-fixed {
    top: 0;
    height: 75px;
}

    .navbar-fixed nav {
        height: 75px;
        padding: 0 30px;
        line-height: 75px;
        background-color: #fff;
        box-shadow: none;
    }

        .navbar-fixed nav ul:not(.side-nav) a {
            position: relative;
            padding: 0;
            margin-right: 1rem;
            color: #373737;
        }

            .navbar-fixed nav ul:not(.side-nav) a:after {
                -webkit-transition: width .4s cubic-bezier(.075,.82,.165,1);
                transition: width .4s cubic-bezier(.075,.82,.165,1);
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 0;
                height: 2px;
                content: '';
            }

            .navbar-fixed nav ul:not(.side-nav) a:hover {
                background: transparent;
            }

                .navbar-fixed nav ul:not(.side-nav) a:hover:after {
                    width: 100%;
                    background: #bdbdbd;
                }

            .navbar-fixed nav ul:not(.side-nav) a.current-page:after {
                width: 100%;
                background: #373737;
            }

        .navbar-fixed nav ul li:last-of-type a {
            margin: 0;
        }

        .navbar-fixed nav .brand-logo {
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            -webkit-animation: logo-gradient 60s infinite linear;
            animation: logo-gradient 60s infinite linear;
            position: relative;
        }

        .navbar-fixed nav .sidenav-toggle {
            color: #373737;
        }

        .navbar-fixed nav .side-nav {
            box-shadow: none;
        }

            .navbar-fixed nav .side-nav a {
                font-weight: 400;
                border-left: 4px solid #fff;
            }

                .navbar-fixed nav .side-nav a.current-page {
                    border-left-color: #373737;
                }

@-webkit-keyframes logo-gradient {
    0% {
        -webkit-filter: hue-rotate(0deg);
    }

    to {
        -webkit-filter: hue-rotate(1turn);
    }
}

@keyframes logo-gradient {
    0% {
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }

    to {
        -webkit-filter: hue-rotate(1turn);
        filter: hue-rotate(1turn);
    }
}

.pace {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    visibility: hidden;
    pointer-events: none;
}

    .pace .pace-activity {
        -webkit-animation: pace-spinner .4s linear infinite;
        animation: pace-spinner .4s linear infinite;
        position: relative;
        top: -3px;
        left: 3px;
        z-index: 2000;
        display: block;
        width: 14px;
        height: 14px;
        border: 2px solid transparent;
        border-top-color: #373737;
        border-left-color: #373737;
        border-radius: 10px;
    }

    .pace .pace-progress-inner {
        box-shadow: none;
    }

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
    }
}

@keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

[class*=-clip] {
    -webkit-transition: all .4s cubic-bezier(.075,.82,.165,1);
    transition: all .4s cubic-bezier(.075,.82,.165,1);
}

.triangle-clip {
    -webkit-clip-path: polygon(50% 0,50% 0,100% 100%,0 100%);
    clip-path: polygon(50% 0,50% 0,100% 100%,0 100%);
}

.triangle-reverse-clip {
    -webkit-clip-path: polygon(0 0,100% 0,50% 100%,50% 100%);
    clip-path: polygon(0 0,100% 0,50% 100%,50% 100%);
}

.rhombus-clip {
    -webkit-clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);
    clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);
}

.x-clip {
    -webkit-clip-path: polygon(20% 0,0 20%,30% 50%,0 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0,50% 30%);
    clip-path: polygon(20% 0,0 20%,30% 50%,0 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0,50% 30%);
}

.rabbet-clip {
    -webkit-clip-path: polygon(0 15%,15% 15%,15% 0,85% 0,85% 15%,100% 15%,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0 85%);
    clip-path: polygon(0 15%,15% 15%,15% 0,85% 0,85% 15%,100% 15%,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0 85%);
}

.pentagon-clip {
    -webkit-clip-path: polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);
    clip-path: polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);
}

.heptagon-clip {
    -webkit-clip-path: polygon(50% 0,90% 20%,100% 60%,75% 100%,25% 100%,0 60%,10% 20%);
    clip-path: polygon(50% 0,90% 20%,100% 60%,75% 100%,25% 100%,0 60%,10% 20%);
}

.parallelogram-clip {
    -webkit-clip-path: polygon(25% 0,100% 0,75% 100%,0 100%);
    clip-path: polygon(25% 0,100% 0,75% 100%,0 100%);
}

.bevel-clip {
    -webkit-clip-path: polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);
    clip-path: polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);
}

.trapezoid-clip {
    -webkit-clip-path: polygon(20% 0,80% 0,100% 100%,0 100%);
    clip-path: polygon(20% 0,80% 0,100% 100%,0 100%);
}

.blue-gradient {
    background-color: #0091ea;
    background-image: -webkit-linear-gradient(left,#0091ea,#64ffda);
    background-image: linear-gradient(90deg,#0091ea,#64ffda);
}

.purple-gradient {
    background-color: #e040fb;
    background-image: -webkit-linear-gradient(left,#e040fb,#18ffff);
    background-image: linear-gradient(90deg,#e040fb,#18ffff);
}

.yellow-gradient {
    background-color: #ffab40;
    background-image: -webkit-linear-gradient(left,#ffab40,#ff0);
    background-image: linear-gradient(90deg,#ffab40,#ff0);
}

.green-gradient {
    background-color: #eeff41;
    background-image: -webkit-linear-gradient(left,#eeff41,#69f0ae);
    background-image: linear-gradient(90deg,#eeff41,#69f0ae);
}

.red-gradient {
    background-color: #b71c1c;
    background-image: -webkit-linear-gradient(left,#b71c1c,#ff5252);
    background-image: linear-gradient(90deg,#b71c1c,#ff5252);
}

.pink-gradient {
    background-color: #ff4081;
    background-image: -webkit-linear-gradient(left,#ff4081,#ea80fc);
    background-image: linear-gradient(90deg,#ff4081,#ea80fc);
}

.indigo-gradient {
    background-color: #536dfe;
    background-image: -webkit-linear-gradient(left,#536dfe,#f50057);
    background-image: linear-gradient(90deg,#536dfe,#f50057);
}

.lime-gradient {
    background-color: #eeff41;
    background-image: -webkit-linear-gradient(left,#eeff41,#448aff);
    background-image: linear-gradient(90deg,#eeff41,#448aff);
}

.rectangle {
    padding-bottom: 71.411795765%;
}

.rectangle-half {
    padding-bottom: 35.705897883%;
}

.square {
    padding-bottom: 100%;
}

.rectangle, .rectangle-half, .square {
    position: relative;
    display: block;
    overflow: hidden;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

    .rectangle-half > .content, .rectangle > .content, .square > .content {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        width: 100%;
        padding: 0 2rem;
    }

.hover-gradients .rectangle-half:hover .gradient-block, .hover-gradients .rectangle:hover .gradient-block, .hover-gradients .square:hover .gradient-block {
    opacity: 0;
}

.gradient-block {
    -webkit-animation: gradient-block 10s linear infinite;
    animation: gradient-block 10s linear infinite;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: opacity .6s cubic-bezier(.075,.82,.165,1);
    transition: opacity .6s cubic-bezier(.075,.82,.165,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    border-radius: 50%;
}

@-webkit-keyframes gradient-block {
    to {
        transform: rotate(1turn);
    }
}

@keyframes gradient-block {
    to {
        transform: rotate(1turn);
    }
}

.services-section i {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 10rem;
}

.services-section .service-title {
    margin-top: 2rem;
    font: 1.5rem Miriam Libre,monospace;
}

.services-section .service-description {
    font-size: 1.1rem;
    color: #bdbdbd;
}

.team-section .name {
    font-family: Miriam Libre,monospace;
}

.team-section figure {
    position: relative;
}

    .team-section figure .square {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: .75;
    }

    .team-section figure:hover .square {
        opacity: 0;
    }

.team-section img {
    display: block;
}

.philosophy-section .tabs {
    height: auto;
    background-color: transparent;
}

    .philosophy-section .tabs .tab {
        height: auto;
        letter-spacing: normal;
        color: #373737;
        text-transform: none;
    }

        .philosophy-section .tabs .tab a {
            color: #bdbdbd;
        }

            .philosophy-section .tabs .tab a.active, .philosophy-section .tabs .tab a:hover {
                color: #373737;
            }

.philosophy-section .tab-contents h4 {
    display: none;
}

.philosophy-section .indicator {
    height: 3px;
    background-color: #373737;
}

.prices-section h4 {
    font-family: Miriam Libre,monospace;
}

.prices-section .price {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 4rem;
    font-weight: 200;
}

.prices-section .info {
    position: absolute;
    display: inline-block;
    padding: 0 1rem;
    font-family: Miriam Libre,monospace;
    cursor: help;
    opacity: .5;
}

    .prices-section .info:hover {
        opacity: 1;
    }

.prices-section .divider {
    margin: 1.5rem 0;
}

.material-tooltip {
    font-family: Miriam Libre,monospace;
}

.journal-section .rectangle {
    -webkit-transition: opacity .4s cubic-bezier(.075,.82,.165,1);
    transition: opacity .4s cubic-bezier(.075,.82,.165,1);
    opacity: 0;
}

    .journal-section .rectangle:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(55,55,55,.75);
        content: '';
    }

.journal-section article a {
    position: relative;
}

    .journal-section article a:hover .rectangle {
        opacity: 1;
    }

    .journal-section article a:hover .meta {
        color: #fff;
    }

.journal-section .info {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    z-index: 10;
    width: calc(100% - 1.5rem);
    text-align: center;
}

.journal-section .meta {
    color: #bdbdbd;
}

.journal-section .post-title {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font: 2.92rem/110% Miriam Libre,monospace;
}

.curtains {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

    .curtains:after, .curtains:before {
        -webkit-transition: all .6s cubic-bezier(.075,.82,.165,1);
        transition: all .6s cubic-bezier(.075,.82,.165,1);
        position: fixed;
        z-index: 10;
        display: block;
        width: 100%;
        height: 100%;
        content: '';
        will-change: left,right;
    }

    .curtains:before {
        left: -100%;
        
    }

    .curtains:after {
        right: -100%;
        
    }

    .curtains.active:before {
        left: 0;
    }

    .curtains.active:after {
        right: 0;
    }

.home_color:before {
    background: repeating-linear-gradient(180deg,transparent,transparent 62px,#bc5e8b 0,#bc5e8b 124px);
}

.home_color:after {
    background: repeating-linear-gradient(180deg,#bc5e8b,#bc5e8b 62px,transparent 0,transparent 124px);
}

.about_color:before {
    background: repeating-linear-gradient(180deg,transparent,transparent 62px,#003c32 0,#003c32 124px);
}

.about_color:after {
    background: repeating-linear-gradient(180deg,#003c32,#003c32 62px,transparent 0,transparent 124px);
}

.service_color:before {
    background: repeating-linear-gradient(180deg,transparent,transparent 62px,#047004 0,#047004 124px);
}

.service_color:after {
    background: repeating-linear-gradient(180deg,#047004,#047004 62px,transparent 0,transparent 124px);
}

.client_color:before {
    background: repeating-linear-gradient(180deg,transparent,transparent 62px,#82a1a5 0,#82a1a5 124px);
}

.client_color:after {
    background: repeating-linear-gradient(180deg,#82a1a5,#82a1a5 62px,transparent 0,transparent 124px);
}

.contact_color:before {
    background: repeating-linear-gradient(180deg,transparent,transparent 62px,#eba1ff 0,#eba1ff 124px);
}

.contact_color:after {
    background: repeating-linear-gradient(180deg,#eba1ff,#eba1ff 62px,transparent 0,transparent 124px);
}

.collapsible {
    border: 0;
    box-shadow: none;
}

.collapsible-header {
    min-height: 5rem;
    padding: 0;
    font-family: Miriam Libre,monospace;
    line-height: 5rem;
    background: transparent;
}

.collapsible-body p {
    padding: 2rem 0;
}

.social {
    margin-top: 1rem;
}

    .social a {
        display: inline-block;
        padding: 2rem;
    }

        .social a:hover {
            background: hsla(0,0%,100%,.5);
        }

.map-container {
    position: relative;
    border-bottom: 1rem solid #fff;
}

    .map-container .map {
        display: block;
        width: 100%;
        height: 400px;
        border: 0;
    }

    .map-container .map-gradient-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        mix-blend-mode: multiply;
    }

form {
    padding: 1rem;
    background: #eee;
}

    form .input-field label {
        left: 0;
        font-family: Miriam Libre,monospace;
        color: #9e9e9e;
    }

    form input[type=email], form input[type=text], form textarea.materialize-textarea {
        border-bottom-color: #9e9e9e;
    }

        form .input-field input[type=email]:focus, form .input-field input[type=email]:focus:not([readonly]), form .input-field input[type=text]:focus:not([readonly]), form input[type=email]:focus, form input[type=email]:focus:not([readonly]), form textarea.materialize-textarea:focus, form textarea.materialize-textarea:focus:not([readonly]) {
            border-bottom-color: #9e9e9e;
            box-shadow: none;
        }

            form .input-field input[type=email]:focus + label, form .input-field input[type=email]:focus:not([readonly]) + label, form .input-field input[type=text]:focus:not([readonly]) + label, form input[type=email]:focus + label, form input[type=email]:focus:not([readonly]) + label, form textarea.materialize-textarea:focus + label, form textarea.materialize-textarea:focus:not([readonly]) + label {
                color: #373737;
            }

        form .input-field input[type=email].invalid, form .input-field input[type=email].valid, form .input-field input[type=text].invalid, form .input-field input[type=text].valid, form textarea.materialize-textarea.invalid, form textarea.materialize-textarea.valid {
            border-bottom-color: #373737;
            box-shadow: none;
        }

    form .input-field .prefix.active {
        color: #373737;
    }

.slider {
    border-bottom: 1rem solid #fff;
}

    .slider .indicators {
        bottom: 6px;
        z-index: 10;
    }

        .slider .indicators .indicator-item {
            -webkit-transition: all .2s cubic-bezier(.075,.82,.165,1);
            transition: all .2s cubic-bezier(.075,.82,.165,1);
            width: 0;
            height: 0;
            background: transparent;
            border-top: 15px solid #373737;
            border-right: 9px solid transparent;
            border-left: 9px solid transparent;
            border-radius: 0;
        }

            .slider .indicators .indicator-item.active {
                background: transparent;
                border-top: 0;
                border-bottom: 15px solid #373737;
            }

    .slider .slides {
        background-color: transparent;
    }

blockquote {
    font: 120% Miriam Libre,monospace;
    border-left: 0;
}

.floating-blockquote, .floating-figure {
    width: 50%;
    padding: 2rem;
}

.floating-blockquote {
    font-weight: 700;
}

.annotation {
    font-family: Miriam Libre,monospace;
}

.single-page-nav {
    margin-bottom: 0;
    border-bottom: 1rem solid #fff;
}

    .single-page-nav .col {
        padding: 5rem 2.75rem;
    }

    .single-page-nav a:hover {
        background: hsla(0,0%,100%,.5);
    }

    .single-page-nav .single-page-title {
        font-family: Miriam Libre,monospace;
    }

    .single-page-nav span {
        font-size: 80%;
    }

.square-parallax {
    height: 0;
    padding-bottom: 100%;
}

.canvas-404 {
    display: block;
    width: 100%;
}

.holder-404 {
    position: relative;
}

    .holder-404 .section-title {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: center;
    }

@media only screen and (min-width:601px) {
    body {
        padding-bottom: 30px;
        border-right: 30px solid #fff;
        border-left: 30px solid #fff;
    }

        body:after, body:before {
            position: fixed;
            right: 0;
            left: 0;
            z-index: 100;
            height: 30px;
            background: #fff;
            content: '';
        }

        body:before {
            top: 0;
        }

        body:after {
            bottom: 0;
        }

    .container {
        width: 80%;
    }

    .navbar-fixed {
        left: -30px;
        height: 75px;
    }

        .navbar-fixed nav {
            height: 75px;
            line-height: 75px;
        }

    .rhombus-clip:hover, .triangle-clip:hover, .triangle-reverse-clip:hover {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    }

    .x-clip:hover {
        -webkit-clip-path: polygon(0 0,0 0,0 50%,0 100%,0 100%,50% 100%,100% 100%,100% 100%,100% 50%,100% 0,100% 0,50% 0);
        clip-path: polygon(0 0,0 0,0 50%,0 100%,0 100%,50% 100%,100% 100%,100% 100%,100% 50%,100% 0,100% 0,50% 0);
    }

    .rabbet-clip:hover {
        -webkit-clip-path: polygon(0 0,0 0,0 0,100% 0,100% 0,100% 0,100% 100%,100% 100%,100% 100%,0 100%,0 100%,0 100%);
        clip-path: polygon(0 0,0 0,0 0,100% 0,100% 0,100% 0,100% 100%,100% 100%,100% 100%,0 100%,0 100%,0 100%);
    }

    .pentagon-clip:hover {
        -webkit-clip-path: polygon(50% 0,100% 0,100% 100%,0 100%,0 0);
        clip-path: polygon(50% 0,100% 0,100% 100%,0 100%,0 0);
    }

    .heptagon-clip:hover {
        -webkit-clip-path: polygon(50% 0,100% 0,100% 60%,100% 100%,0 100%,0 60%,0 0);
        clip-path: polygon(50% 0,100% 0,100% 60%,100% 100%,0 100%,0 60%,0 0);
    }

    .parallelogram-clip:hover {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    }

    .bevel-clip:hover {
        -webkit-clip-path: polygon(0 0,100% 0,100% 0,100% 100%,100% 100%,0 100%,0 100%,0 0);
        clip-path: polygon(0 0,100% 0,100% 0,100% 100%,100% 100%,0 100%,0 100%,0 0);
    }

    .trapezoid-clip:hover {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    }
}

@media only screen and (max-width:992px) {
    section {
        padding-right: 3rem;
        padding-left: 3rem;
        text-align: center;
    }

    .border-divider-on-medium-and-down {
        border-bottom: 1rem solid #fff;
    }

    .margin-on-medium-and-down {
        margin-bottom: 1.5rem;
    }

    .big-margin-on-medium-and-down {
        margin-bottom: 5rem;
    }

    .pace .pace-activity {
        left: -33px;
    }

    .philosophy-section .tabs .tab h4 {
        display: none;
    }

    .philosophy-section .tab-contents h4 {
        display: block;
    }

    .journal-section .rectangle {
        opacity: 1;
    }
}

@media only screen and (max-width:600px) {
    section {
        padding: 2rem 1rem;
    }

    .view-all {
        padding: 1.5rem 0;
        margin-top: 2rem;
    }

    .section-title h3 {
        font-size: 1.5rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    .big-margin-on-medium-and-down, .push-row {
        margin-bottom: 3rem;
    }

    .hero-holder {
        height: calc(100vh - 40px);
    }

    .navbar-fixed nav {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .prices-section .price {
        font-size: 2.5rem;
    }

    .journal-section .post-title {
        font-size: 1.75rem;
    }

    .social a {
        display: block;
        padding: 1rem;
    }

    blockquote {
        font-size: 1.5rem;
        font-weight: 300;
    }

    .floating-blockquote {
        padding: 1rem;
        font-size: 1.5rem;
    }

    .single-page-nav .col {
        padding: 2.5rem 1.75rem;
    }
}

@media only screen and (min-width:993px) {
    .container {
        width: 80%;
    }

    .materialbox .col:first-of-type {
        border-right: .5rem solid #fff;
    }

    .materialbox .col:last-of-type {
        border-left: .5rem solid #fff;
    }

    .philosophy-section .tabs .tab .philosophy-number {
        display: none;
    }
}

@media only screen and (max-width:992px) and (min-width:601px) {
    #toast-container {
        right: 5%;
    }
}

@media only screen and (min-width:1201px) {
    .rectangle-half > .content, .rectangle > .content, .square > .content {
        padding: 0 4rem;
    }
}