html {
    font-size: 62.5%;
}

body {
    margin: 0;
    font-size: 1.3em; /* currently ems cause chrome bug misinterpreting rems on body element */
    line-height: 1.6;
    font-weight: 400;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    color: #000;
    background: #fff;
    transition: background 0s .8s;
}

body.loading {
    background: #404146;
}

.content {
    opacity: 1;
    transition: .3s ease;
}

body.unloaded .content {
    opacity: 0;
}

body.noscroll {
    overflow: hidden;
}

a:visited {
    color: inherit;
}

h1, h2, h3, h5, h6 {
    margin-top: 0;
}

h2, h3, h4 {
    margin-bottom: 2rem;
    text-transform: uppercase;
}

h1 {
    margin-bottom: 3rem;
    font-size: 4.0rem;
    line-height: 1.2;
    text-transform: uppercase;
}
h2 {
    font-size: 3.4rem;
    line-height: 1.25;
}
h3 {
    font-size: 3.0rem;
    line-height: 1.3;
}
h4 {
    font-size: 1.8rem;
    line-height: 1.35;
    font-weight: 300;
    letter-spacing: 2;
}
h5 {
    font-size: 1.8rem;
    line-height: 1.6;
}
h6 {
    font-size: 1.3rem;
    line-height: 1.6;
    letter-spacing: 0;
    font-weight: 300;
}

p {
    margin-top: 0;
    font-weight: 300;
}

a,
.mobile_menu_icon,
.modal_background,
.modal_close,
.no_tap {
    cursor: pointer;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
}

.pace,
button,
.no_select {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

img {
    max-width: 100%;
}

/* Buttons */
    .primary_button,
    .secondary_button,
    .form_button,
    .black_button {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0.6em 1.1em;
        font-size: 1em;
        color: #fff;
        letter-spacing: 2;
        line-height: 1.5;
        z-index: 1;
        transition: 0.3s ease;
        text-transform: uppercase;
        box-sizing: border-box;
        cursor: pointer;
        outline: none;
    }

    .primary_button {
        font-weight: 500;
        background: #ff8000;
        border: 2px solid #ff8000;
    }

    .primary_button:hover {
        background: #d46a01;
        border: 2px solid #d46a01;
    }

    .secondary_button {
        font-weight: 500;
        background: none;
        border: 2px solid #fff;
    }

    .secondary_button:hover {
        background: #fff;
        color: #000;
    }

    .form_button,
    .black_button,
    .black_button.inverted:hover {
        background: #000;
        color: #fff;
        border: 2px solid #000;
    }

    .form_button:hover,
    .black_button:hover {
        background: #fff;
        color: #000;
    }

    .black_button.inverted {
        background: #fff;
        color: #000;
    }

    .form_button {
        border: 1px solid #000;
    }

    .link,
    .link.light {
        position: relative;
        padding: 0.2em 0;
        color: #000;
    }

    .link::after,
    .link.light::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 1px;
        margin: 0;
        background: #000;
        transition: 0.5s ease;
    }

    .link:hover::after,
    .link.light:hover::after {
        left: 0;
        width: 100%;
    }

    .link.light {
        color: #a8a9ad;
    }

    .link.light::after {
        background: #a8a9ad;
    }

/* Form Elements */

    input,
    textarea {
        border-radius: 0;
        -webkit-appearance: none;
        -webkit-border-radius: 0
    }

    label {
        font-weight: 500;
    }

    table {
        text-align: left;
    }

    .form table {
        width: 100%;
    }

    .form td,
    .form th {
        margin: 0;
        padding: 0 0 1.5em;
    }

    .form th {
        width: 10em;
        vertical-align: top;
    }

    .form tr {
        border: 1px solid #fff;
    }

    .form tr.hidden {
        display: none;
    }

    .form input,
    .form textarea {
        width: 100%;
        padding: 0.3em 0;
        color: #666;
        font-size: 1.6rem;
        border: none;
        border-bottom: 1px solid #aaa;
        line-height: 1em;
        transition: border .3s ease, color .3s ease;
        outline: 0;
        resize: vertical;
    }

    .form textarea {
        min-height: 200px;
        max-height: 500px;
    }

    .form input:focus,
    .form textarea:focus {
        border-bottom: 1px solid #777;
        color: #000; 
    }

    .form .input_error,
    .form .input_error:focus {
        border-bottom: 1px solid #ff313a
    }

/* Utilities */
    .display_none {
        display: none;
    }
    
    .center_text {
        text-align: center;
    }
    
    .justify_text {
        text-align: justify;
    }
    
    .read_more {
        position: relative;
        max-height: 120px;
        overflow: hidden;
        cursor: pointer;
    }
    
    .read_more::before {
        content: 'Read more...';
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 1;
    }
    
    .read_more::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3em;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)) 0%, to(rgba(255,255,255,1)) 70%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    }
    
    .uppercase {
        text-transform: uppercase;
    }
    
    .full_width {
        width: 100%;
    }
    
    .section {
        padding: 8rem 0 7rem;
        background: #fff;
    }

    .hero_pic {
        height: 70vh;
        background-size: cover;
        background-position: 50% 35%;
        overflow: hidden;
    }
    
    .small_padding_top {
        padding-top: 2em;
    }
    
    .lbreak {
        display: block;
        width: 4.5em;
        height: 2px;
        background: #ff8000
    }
    
    .slider_dots {
        position: relative;
        display: inline-block;
        margin: 0 0.5em;
        width: 0.8em;
        height: 0.8em;
        background: rgba(255, 255, 255, 0);
        border-radius: 0.8em;
        box-shadow: inset 0 0 0 2px #fff;
        transition: .3s ease;
        cursor: pointer;
    }
    
    .slider_dots:hover,
    .slider_dots.sel {
        box-shadow: inset 0 0 0 7px #fff;
    }
    
    svg {
        transition: .3s ease;
    }
    
    .lbreak_small {
        width: 100%;
    }
    
    .lbreak_small.padded {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }
    
        .lbreak_small > span {
            display: block;
            width: 2em;
            height: 2px;
            line-height: 2px;
            background: #ff8000;
            margin: 0 auto;
            transition: .3s ease;
        }
    
        .lbreak_small.white > span {
            background: #fff;
        }
    
/* Grids */

    .container {
        position: relative;
        width: 92%;
        max-width: 1200px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .column,
    .columns {
        width: 100%;
        float: left;
        box-sizing: border-box;
    }

    .column.padded,
    .columns.padded {
        padding-bottom: 1.5em;
    }
    
    .clear::after,
    .container::after,
    .row::after {
        display: table;
        content: '';
        clear: both
    }
    
/* Header */
    body.loading .header {
        opacity: 0;
    }
    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 1em 0;
        color: #000;
        background: #fff;
        border-bottom: 3px solid #fff;
        box-sizing: border-box;
        z-index: 20;
        transition: .8s ease;
    }
    
    .header_wrapper {
        position: relative;
        width: 90%;
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
    }
    
    .header svg {
        display: inline-block;
        width: 183px;
        height: 45px;
        fill: #a8a9ad;
    }
    
    .header nav {
        display: none;
        position: absolute;
        right: 0;
        padding: 0.6em 0;
        line-height: 1;
    }
    
    .header.shrink nav {
        padding: 0.3em 0;
    }
    
    .header nav a {
        position: relative;
        display: inline-block;
        margin: 0 0.5em;
        padding: 0.5em 0;
        font-size: 1.2em;
        color: #000;
        transition: 0.3s ease;
    }
    
    .header.shrink a {
        color: #000;
        padding: 0.3em 0 0.5em;
    }
    
    .header nav a::before {
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #ff8000;
        transform: scale3d(0, 2, 1);
        transform-origin: 50% 50%;
        transition: transform .5s;
    }
    
    .header nav a.sel::before,
    .header nav a.sel:hover::before,
    .header nav a:hover::before {
        transition-timing-function: cubic-bezier(0, 1.54, .34, 1);
        transition-duration: .8s;
    }
    
    .header nav a.sel::before {
        transform: scale3d(1, 1.2, 1);
    }
    
    .header nav a.sel:hover::before {
        transform: scale3d(1.05, .9, 1);
    }
    
    .header nav a:hover::before {
        transform: scale3d(.2, 1.8, 1);
    }

/* Large Logo */

    body.loading .large_logo {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 1;
    }
    .large_logo {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        max-width: 400px;
        -webkit-transform: translate(-50%, -80%);
        transform: translate(-50%, -80%);
        z-index: 10;
        transition: .8s ease;
        opacity: 0;
    }

    .large_logo svg {
        fill: #a8a9ad;
        fill-opacity: 0;
        transition: .5s ease;
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }
    .large_logo.fill svg {
        fill-opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    .large_tag {
        font-size: 7vw;
        letter-spacing: 3px;
        transition: .5s ease;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
    }

    @media (min-width: 500px) {
        .large_tag {
            font-size: 36px;
        }
    }
    
    .large_logo.fill .large_tag {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    .tag {
        margin: 0.5em 0;
        font-weight: 300;
        color: #ff8000;
        letter-spacing: 1px;
        text-transform: lowercase;
    }

/* Intro Section */

    body.loading .intro {
        opacity: 0;
    }

    .intro {
        position: relative;
        width: 100%;
        height: 100vh;
        transition: .8s ease;
        opacity: 1;
    }

    .intro_background {
        z-index: -10;
    }

    .slidepic::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.2);
    }

    .slider .slider_item {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: 0.5s ease;
    }

    .slider .slider_item.hidden {
        opacity: 0;
    }

    .slider .slider_item.shown {
        opacity: 1;
    }

    .slidepic {
        width: 100%;
        height: 100%;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 0;
    }

    .slider_caption {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 90%;
        /*max-width: 900px;*/
        padding: 0em;
        color: #fff;
        -webkit-transform: translate(-50%, -20%);
        transform: translate(-50%, -20%);
    }

    .slider_text span {
        margin: 0;
        font-size: 9.3vw;
        font-weight: 900;
        letter-spacing: 5;
    }

    .slider_text div {
        position: relative;
        margin: 0 auto;
        letter-spacing: 3;
    }

    .slider_caption h4 {
        margin: 1em 0 0.8em;
        font-size: 4rem;
        color: #fff;
        font-weight: 700;
    }

    .slider_caption a:visited,
    .slider_caption a:active,
    .slider_caption span {
        color: #fff;
    }
    

    .fsasdfslider_caption h4::before,
    .fsasdfslider_caption h4::after {
        content: '';
        position: absolute;
        top: 50%;
        width: 1em;
        height: 2px;
        background: #fff;
    }

    .fsasdfslider_caption h4::before {
        margin-left: -1.5em;
    }

    .fsasdfslider_caption h4::after {
        margin-left: 0.5em;
    }

    .type-cursor{
        margin-left: 1px;
        opacity: 1;
        -webkit-animation: blink 0.7s infinite;
        -moz-animation: blink 0.7s infinite;
        animation: blink 0.7s infinite;
    }
    @keyframes blink{
        0% { opacity:1; }
        50% { opacity:0; }
        100% { opacity:1; }
    }
    @-webkit-keyframes blink{
        0% { opacity:1; }
        50% { opacity:0; }
        100% { opacity:1; }
    }
    @-moz-keyframes blink{
        0% { opacity:1; }
        50% { opacity:0; }
        100% { opacity:1; }
    }


/* Products */


.products .figure {
    position: relative;
    height: 50vw;
    background: #000;
    color: #fff;
    overflow: hidden;
    cursor: pointer;
}

.products .figure img {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: auto;
    min-width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    opacity: 0.8;
}

.products .figure:hover img {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1);
}

.products .figure img.second_img,
.products .figure:hover img.first_img {
    opacity: 0;
}

.products .figure img.first_img {
    opacity: 0.9;
}
.products .figure:hover img.second_img {
    opacity: 0.8;
}

.products .figure_caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 3rem;
}

.products .figure_caption::before,
.products .figure_caption::after {
    content: '';
    position: absolute;
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.products .figure_caption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.products .figure_caption::after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.products .figure:hover .figure_caption::before,
.products .figure:hover .figure_caption::after {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.products .figure_caption h2 {
    position: absolute;
    top: 50%;
    width: calc(100% - 6rem);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 930px) {
    .products .figure {
        height: 25vw;
    }

    .products .row {
        padding-top: 4%;
    }
}

/* Contact */

    .contact li {
        list-style-type: none;
    }

/* Footer */

    .footer {
        background: #404146;
    }

    .footer .footerlogo {
        margin: 0 auto;
        width: 180px;
        fill: #a8a9ad;
    }

    .footer nav {
        padding: 0;
    }

    .footer nav a {
        display: inline-block;
        position: relative;
        margin: 1em;
        padding: 0.2em 0;
        font-size: 1.1em;
        color: #a8a9ad;
        transition: .5s ease;
    }

    .footer h6 {
        color: #a8a9ad;
    }


/* Modal */

    .modal_container,
    .mobile_menu {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: transform .5s ease, opacity 0s ease 0.5s, z-index 0s ease 0.5s;
        opacity: 0;
        z-index: -10;
    }

    .modal_background {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0);
        transition: .5s ease;
        z-index: -1;
        cursor: pointer;
    }

    .modal_container.open .modal_background { 
        background: rgba(0,0,0,0.4);
    }

    .modal_container.open,
    .mobile_menu.open {
        opacity: 1;
        transition: transform .5s ease, z-index 0s ease 0s;
        z-index: 10;
    }

    .modal_box,
    .mobile_menu_wrapper {
        position: relative;
        max-height: calc(100vh - 78px);
        background: #fff;
        overflow-y: scroll;
        text-align: center;
    }

    .modal_box {
        margin: 78px auto 0;
        width: 95%;
        max-width: 400px;
        padding: 0.5em;
        transition: .5s ease;
    }

    .modal_close {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        font-size: 20px;
        padding: 1em;
        transition: .3s ease;
        z-index: 1;
        cursor: pointer;
    }

    .modal_close:hover {
        color: #ff8000;
    }

    .modal_box img {
        height: 20vh;
        padding-bottom: 1em;
    }

    .modal_box .form th {
        width: 7em;
    }

    .modal_box .form th,
    .modal_box .form td {
        padding: 0 0 1em;
    }

/* Gallery Modal */

    #gallery_modal .modal_box {
        max-width: initial;
    }

/* Info Popup */

    .info_popup {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1em;
        background: #fff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        transition: .5s ease;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    .modal_container.open .info_popup {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .info_popup .one_half {
        width: 48%;
    }

    .info_popup .one_half:last-child {
        margin-left: 4%;
    }

    .floating_cta_container {
        position: fixed;
        left: 10%;
        bottom: 2em;
        padding: 1em 1.3em 0.8em;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 0 18px -5px #333;
        transition: .3s ease;
        z-index: 2;
        cursor: pointer;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .floating_cta_container.hidden {
        -webkit-transform: translateY(calc(100% + 2em));
        transform: translateY(calc(100% + 2em));
        box-shadow: none;
    }

    .floating_cta_container i {
        font-size: 2em;
    }

    .floating_cta_container:hover {
        color: #ff8000;
    }

/* Mobile Menu */

    .modal_box,
    .mobile_menu {
        -webkit-transform: translate(0,-100vh);
        transform: translate(0,-100vh);
    }

    .modal_container.open .modal_box,
    .mobile_menu.open {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }

    .mobile_menu_wrapper {
        margin: 72px auto 0;
        padding: 5vh 0.5em 2em;
        height: calc(100vh - 72px - 2em - 5vh);
    }

    .mobile_menu .mobile_nav a {
        display: block;
        position: relative;
        margin: 1em;
        padding: 1.6vh 0;
        font-size: 1.1em;
        font-weight: 700;
        color: #000;
        letter-spacing: 2;
        text-transform: uppercase;
        transition: .5s ease;
        opacity: 0;
        cursor: pointer;
    }

    .mobile_menu.open .mobile_nav a {
        opacity: 1;
    }

    .mobile_menu.open .mobile_nav a:nth-child(1) {
        transition-delay: .3s;
    }

    .mobile_menu.open .mobile_nav a:nth-child(2) {
        transition-delay: .35s;
    }

    .mobile_menu.open .mobile_nav a:nth-child(3) {
        transition-delay: .4s;
    }

    .mobile_menu.open .mobile_nav a:nth-child(4) {
        transition-delay: .45s;
    }

    .mobile_menu.open .mobile_nav a:nth-child(5) {
        transition-delay: .5s;
    }

    .mobile_menu.open .mobile_nav a:nth-child(6) {
        transition-delay: .55s;
    }

    .mobile_nav,
    .mobile_cta {
        position: absolute;
        display: inline-block;
        width: 100%;
        left: 50%;
    }

    .mobile_nav {
        top: 40%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .mobile_cta {
        bottom: 15vh;
        padding: 1em 0 0;
        opacity: 0;
        transition: .3s ease .4s;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .mobile_menu.open .mobile_cta {
        opacity: 1;
        transition: .5s ease .6s;
    }

    .mobile_cta a:last-of-type {
        margin: 0 0 0 1em;
    }

/* Mobile Menu Icon */

    .mobile_menu_icon {
        position: fixed;
        top: 10px;
        right: 10px;
        width: 50px;
        height: 50px;
        cursor: pointer;
        transition: all .3s;
    }

    .mobile_menu_icon_top-line,
    .mobile_menu_icon_bottom-line {
        content: '';
        display: block;
        position: absolute;
        left: 14px;
        width: 22px;
        height: 1px;
        background: #000;
        transform: rotate(0);
        transition: all .3s;
    }

    .mobile_menu_icon:hover [class*="-line"] {
        background: #999;
    }

    .mobile_menu_icon_top-line {
        top: 25px;
        transform: translateY(-4px);
    }

    .mobile_menu_icon_bottom-line {
        top: 25px;
        transform: translateY(4px);
    }

    .mobile_menu_icon.open {
        transform: rotate(90deg);
    }

    .mobile_menu_icon.open .mobile_menu_icon_top-line {
        transform: rotate(45deg) translateY(0);
    }

    .mobile_menu_icon.open .mobile_menu_icon_bottom-line {
        transform: rotate(-45deg) translateY(0);
    }

/* Media queries */

/* For devices larger than 400px */
@media (min-width: 400px) {
    .container {
        width: 85%;
    }
}

/* Larger than phablet */
@media (min-width: 550px) {
    h1 { font-size: 5.0rem; }
    h2 { font-size: 4.2rem; }
    h3 { font-size: 3.6rem; }
    h4 { font-size: 2.0rem; }
    h5 { font-size: 1.6rem; }
    h6 { font-size: 1.6rem; }
}

@media (min-width: 770px) {

    /*.header {
        background: none;
    }*/

    .header.shrink {
        color: #000;
        background: #fff;
        box-shadow: 0 0 18px -5px #333;
    }

    .header_wrapper {
        text-align: left;
    }

    .header nav {
        display: inline-block;
    }

    .header.shrink svg {
        width: 151px;
        height: 37px;
    }

    .mobile_menu_icon {
        display: none;
    }
}

@media (max-width: 930px) {
    .form label {
        display: none;
    }

    .form th {
        width: 0;
    }
}

@media (min-width: 930px) {
    body {
        font-size: 1.5em;
    }
    
    .form:not(.placeholder_form) ::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    .form:not(.placeholder_form) :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }
    .form:not(.placeholder_form) ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: transparent;
    }
    .form:not(.placeholder_form) :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: transparent;
    }

    .form:not(.placeholder_form) textarea::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    .form:not(.placeholder_form) textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }
    .form:not(.placeholder_form) textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: transparent;
    }
    .form:not(.placeholder_form) textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: transparent;
    }

    .container {
        width: 80%; }
    .column,
    .columns {
        margin-left: 4%; }
    .column.padded,
    .columns.padded {
        padding-bottom: 0;
    }
    .column:first-child,
    .columns:first-child {
        margin-left: 0; }

    .one.column,
    .one.columns                    { width: 4.66666666667%; }
    .two.columns                    { width: 13.3333333333%; }
    .three.columns                  { width: 22%;            }
    .four.columns                   { width: 30.6666666667%; }
    .five.columns                   { width: 39.3333333333%; }
    .six.columns                    { width: 48%;            }
    .seven.columns                  { width: 56.6666666667%; }
    .eight.columns                  { width: 65.3333333333%; }
    .nine.columns                   { width: 74.0%;          }
    .ten.columns                    { width: 82.6666666667%; }
    .eleven.columns                 { width: 91.3333333333%; }
    .twelve.columns                 { width: 100%; margin-left: 0; }

    .one_third.column               { width: 30.6666666667%; }
    .two_thirds.column              { width: 65.3333333333%; }

    .one_half.column                { width: 48%; }

    /* Offsets */
    .offset-by-one.column,
    .offset-by-one.columns          { margin-left: 8.66666666667%; }
    .offset-by-two.column,
    .offset-by-two.columns          { margin-left: 17.3333333333%; }
    .offset-by-three.column,
    .offset-by-three.columns        { margin-left: 26%;            }
    .offset-by-four.column,
    .offset-by-four.columns         { margin-left: 34.6666666667%; }
    .offset-by-five.column,
    .offset-by-five.columns         { margin-left: 43.3333333333%; }
    .offset-by-six.column,
    .offset-by-six.columns          { margin-left: 52%;            }
    .offset-by-seven.column,
    .offset-by-seven.columns        { margin-left: 60.6666666667%; }
    .offset-by-eight.column,
    .offset-by-eight.columns        { margin-left: 69.3333333333%; }
    .offset-by-nine.column,
    .offset-by-nine.columns         { margin-left: 78.0%;          }
    .offset-by-ten.column,
    .offset-by-ten.columns          { margin-left: 86.6666666667%; }
    .offset-by-eleven.column,
    .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

    .offset-by-one-third.column,
    .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

    .offset-by-one-half.column,
    .offset-by-one-half.columns     { margin-left: 52%; }


    .row.padded {
        padding-top: 1em;
        margin-bottom: 3em;
    }

    .accessories .row {
        padding-top: 3em;
    }

    .slider_text span {
        font-size: 90px;
    }

    .slider_text h4 {
        font-size: 3em;
    }

    .modal_box img {
        height: 25vh;
    }
    
    .info_popup {
        left: 10%;
        right: auto;
    }
}

@media (max-width: 1100px) and (min-width: 930px) {
    h2 { font-size: 3.5rem; }
}