/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Kell / 2024 */

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote,
body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl,
dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4,
h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li,
mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small,
span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead,
time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline }

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section {
    display: block }

ol, ul {
    list-style: none }

blockquote, q {
    quotes: none }

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none }

table {
    border-collapse: collapse;
    border-spacing: 0 }

a {
    text-decoration: none; }

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    padding: 0;
    scroll-behaviour: smooth;
    background: rgba(255, 255, 255, 1.00); }

body, html, ul {
    margin: 0 }

ul, li {
    padding:0;
    margin:0; }

div {
    position:relative; }

img {
    -ms-interpolation-mode: bicubic;  
    max-width: 100%;
    height: auto;
    text-align: center;
    vertical-align: middle;
    border: 0;  
    cursor: pointer;
    border-bottom: none; }

@media only screen and (min-width: 0px) and (max-width: 1024px) {
    .horizontal { 
        display: none; } }

@media only screen and (min-width: 1025px) {
    .vertical { 
        display: none; } }

@media only screen and (max-width: 599px) {
    .no-view-mobile { 
        display: none; } }

@media only screen and (min-width: 600px) {
    .only-view-on-mobile { 
        display: none; } }

@media only screen and (max-width: 1024px) { 
    .no-view-tablet {
        display: none; } }

@media only screen and (max-width: 1024px) { 
    .overlay-introductions {
        display: none; } }

@media only screen and (max-width: 1024px) { 
    .overlay-shirt {
        display: none; } }

@media only screen and (max-width: 769px) {
    .no-view-ipad { 
        display: none; } }

@media only screen and (min-width: 768px) {
    .only-view-ipad { 
        display: none; } }

@media only screen and (max-width: 599px) {
    .only-view-tablets { 
        display: none; } }

@media only screen and (min-width: 600px) {
    .only-view-phones { 
        display: none; } }

@media only screen and (min-width: 0px) and (max-width: 1024px) {
    .only-hor { 
        display: none; } }

@media only screen and (max-width: 1440px) {
    .no-view-bigs { 
        display: none; } }


/* // Grail / 2024 */       
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Header / 2024 */

#header { 
    position: fixed;
    height: 4.25em;
    top: 0; 
    left: 0; 
    width: 100%;
    z-index: 888888; 
    box-shadow: 0px 2px 40px 0px rgba(0,0,0,0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: rgba(255,255,255,.75); }

    /*@media only screen and (max-width: 375px) {
        #header { 
            background-color: rgba(255,255,255,0.50); } } 

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        #header { 
            background-color: rgba(255,255,255,0.50); } } */

.header_inner {
    margin: 0 auto;
    height: 4.25em;
    box-shadow: inset 0 44px 44px -34px rgba(0,0,0,0.21);
    padding: 0 2.5em 0 2.0em;
    z-index: 888888; }

        @media only screen and (max-width: 375px) {
            .header_inner {
                padding: 0 1.5em 0 1.25em;
                height: 4.25em; } }

        @media only screen and (min-width: 376px) and (max-width: 599px) { 
            .header_inner {
                padding: 0 1.5em 0 1.25em;
                height: 4.25em; } } 

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .header_inner {
                padding: 0 2.25em 0 2.0em; } }

.logo_space { 
    float: left; 
    margin: 0 0 0 0;
    display: flex;
    justify-content: left;
    align-items: center;
    height: 4.25em;
    width: auto;
    z-index: 888888;
    line-height: 0;
    -webkit-animation-duration: 4s; 
    -moz-animation-duration: 4s;
    -ms-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s; }

    @media only screen and (max-width: 375px) { 
        .logo_space { 
            margin: 0 0 0 0;
            height: 4.25em;  } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .logo_space {
            margin: 0 0 0 0; 
            height: 4.25em;  } } 

.logo { 
    float: left;
    margin: 0 0 0 0; 
    height: 3.25em;
    width: auto;
    z-index: 888888;
    line-height: 0; 
    cursor: pointer;
    -webkit-animation-duration: 2s; 
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s; }

        @media only screen and (max-width: 375px) {
            .logo { 
                height: 3.125em;
                margin: 0 0 0 0; } }

        @media only screen and (min-width: 376px) and (max-width: 599px) { 
            .logo { 
                height: 3.125em;
                margin: 0 0 0 0; } }

.logo_icon { 
    float: left;
    margin-right: -1em;
    position: relative; 
    height: 3.25em;
    width: 3.25em;
    z-index: 888888;
    line-height: 0; 
    cursor: pointer;
    transition: 2s ease; }

    @media only screen and (max-width: 375px) {
            .logo_icon { 
                margin: 0em 0 0 0; } }

        @media only screen and (min-width: 376px) and (max-width: 599px) { 
            .logo_icon { 
                margin: 0em 0 0 0; } }

.logo_icon:hover .overlay-logo {
    opacity: 1.0; }

.overlay-logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 2s ease; }

.nav-space { 
    float: right;
    margin: 0 -4.75em 0 0; 
    width: 15.0em;
    z-index: 888888;
    line-height: 0;
    -webkit-animation-duration: 3s; 
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s; }

.rk_logotype { 
    float: left;
    margin: 0 0 0 4.25em; 
    height: 4.25em; 
    width: auto;
    z-index: 888888;
    line-height: 0;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    transition: 2s ease; 
    position: fixed; }

    @media only screen and (max-width: 375px) {
        .rk_logotype { 
            float: left;
            margin: 2px 0 0 4.0em; 
            height: 4.25em; 
            z-index: 888888;
            line-height: 0; 
            position: fixed; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .rk_logotype { 
            float: left;
            margin: 2px 0 0 4.0em; 
            height: 4.25em; 
            z-index: 888888;
            line-height: 0; 
            position: fixed; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .rk_logotype { 
            float: left;
            margin: 0 0 0 4.0em; 
            height: 4.25em; 
            width: 15.0em;
            z-index: 888888;
            line-height: 0; 
            position: fixed; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .rk_logotype { 
            float: left;
            margin: 0 0 0 4.0em; 
            height: 4.25em; 
            width: 15.0em;
            z-index: 888888;
            line-height: 0; 
            position: fixed; } }

.rk_logotype h4 {  
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 1.02;
    text-align: left;
    margin: 0 0 0 0;
    padding-top: 27.0px;
    margin-left: 0px;
    letter-spacing: .7vw;
    word-spacing: -.85vw;
    transition: 2s ease;
    color: #222; }

    @media only screen and (max-width: 375px) { 
            .rk_logotype h4 { 
                font-size: 13px;
                line-height: 1.02;  
                letter-spacing: 3vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
            .rk_logotype h4 { 
                font-size: 13px;
                line-height: 1.02; 
                letter-spacing: 3vw; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .rk_logotype h4 {  
                letter-spacing: 2vw; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) { 
            .rk_logotype h4 {  
                letter-spacing: 2vw; } }

        @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
            .rk_logotype h4 {  
                letter-spacing: 1.0vw; } }

.rk_logotype h4:hover {  
    transition: 2s ease;
    color: #7e7874; }

/* // Header / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Navigation / 2024 */
 
.show_mobile_navigation {
    float: right; 
    margin: 0 0 0 0;
    color: #000;
    line-height: 0; 
    z-index: 888888;
    cursor: pointer; }

.show_mobile_navigation h6 {
    margin: 2px 0 0 0;
    letter-spacing: 4.5px;
    font-weight: 500;
    color: #9e9894; }

.menu-type {
    margin: 2.0em 8.0em 0 0;
    -webkit-transition:all .5s ease-in-out; 
    -moz-transition:all .5s ease-in-out; 
    -ms-transition:all .5s ease-in-out; 
    -o-transition:all .5s ease-in-out; 
    transition:all .5s ease-in-out; }

.menu-type:hover {
    opacity:0.44;
    filter:alpha(opacity=44); 
    -webkit-transition:all .5s ease-in-out; 
    -moz-transition:all .5s ease-in-out; 
    -ms-transition:all .5s ease-in-out; 
    -o-transition:all .5s ease-in-out; 
    transition:all .5s ease-in-out; }

.nav-links {
    width: 100%;
    height: 100%;
    padding-bottom: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999; }

    @media only screen and (max-width: 375px) {
        .nav-links {
            display: flex;
            justify-content: left;
            align-items: center; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .nav-links {
            display: flex;
            justify-content: left;
            align-items: center; } }

ul#mobile_navigation {
    position: fixed;
    display: none;
    top: 0px;
    right: 0px;
/*    background-color: rgba(0, 0, 0, 1.0); */
    background-color: rgba(21,21,21,.99);
    box-shadow: -2vw 0 3vw -1vw rgba(0,0,0,0.6);
/*    box-shadow: inset 3vw -2vw 4vw -2vw rgba(0,0,0,0.6);*/
    height: 100vh;
    width: 50vw;
    margin-right: -100vw;
    padding-top: 1.6em; 
    padding-bottom: 1.5vw;
    padding-left: 0vw; 
    -webkit-transition: all .3s linear; 
    -moz-transition: all .3s linear; 
    -ms-transition: all .3s linear; 
    -o-transition: all .3s linear; 
    transition: all .3s linear;
    color: #fff !important;
    z-index: 999999; }

    @media only screen and (max-width: 375px) {
        ul#mobile_navigation {
            background-color: rgba(0,0,0, 1.0);
            width: 100vw;
            height: 100vh;
            padding-left: 0vw;
            padding-bottom: 21vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        ul#mobile_navigation {
            background-color: rgba(0,0,0, 1.0);
            width: 100vw;
            height: 100vh;
            padding-left: 0vw;
            padding-bottom: 21vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        ul#mobile_navigation { 
            background-color: rgba(0,0,0, 1.0);
            height: 100vh;
            width: 100vw;
/*            padding-left: 0vw;*/
            padding-left: 10vw;
            padding-bottom: 14vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        ul#mobile_navigation { 
            background-color: rgba(0,0,0, 1.0);
            height: 100vh;
            width: 100vw;
            padding-left: 10vw;
            padding-bottom: 14vw; } }

ul#mobile_navigation img {
    cursor: pointer; }

ul#mobile_navigation li.current_page_item a {
    color: #94706a; }

.active {
    color: #fff !important; }

.nav-pipe {
    color: #3e3834;
    font-weight: 300;
    padding-left: .35vw;
    padding-right: .65vw; }

.nav-slash {
    color: #3e3834;
    font-weight: 400;
    padding-left: .2vw;
    padding-right: 0vw; }

ul#mobile_navigation li {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    text-align: left;
    margin: 0 0;
    margin-right: 0em;
    margin-bottom: 0px;
    padding-left: 12.75vw;
    font-size: 3.45vw;
    line-height: 1.2;
    letter-spacing: 0px;
    word-spacing: -.75vw;
    color: #e6e2e1;
    text-rendering: optimizeLegibility;
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    z-index: 999999; }

    @media only screen and (max-width: 599px) {
        ul#mobile_navigation li {
            font-size: 11.9vw;
            line-height: 1.38;
            text-align: left;
            padding-left: 12vw;
            letter-spacing: 0px;
            word-spacing: -1.75vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        ul#mobile_navigation li {
            font-size: 9.25vw;
            line-height: 1.2;
            padding-left: 9.5vw;
            letter-spacing: -.07vw;
            word-spacing: -1.75vw; } }
    
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        ul#mobile_navigation li {
            font-size: 4.0vw;
            line-height: 1.15;
            letter-spacing: 0px;
            word-spacing: -1.2vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        ul#mobile_navigation li {
            font-size: 4.0vw;
            line-height: 1.15;
            padding-left: 10.75vw;
            letter-spacing: 0px;
            word-spacing: -1.2vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        ul#mobile_navigation li {
            font-size: 4.0vw;
            line-height: 1.15;
            padding-left: 10.75vw;
            letter-spacing: 0px;
            word-spacing: -1.2vw; } } 

    @media only screen and (min-width: 1681px) and (max-width: 1940px) {
        ul#mobile_navigation li {
            font-size: 4.0vw;
            line-height: 1.15;
            padding-left: 10.75vw;
            letter-spacing: 0px;
            word-spacing: -1.2vw; } } 

ul#mobile_navigation li:first-child {
/*    text-transform: uppercase; */
    text-transform: none;
/*    margin-top: 13px; */
    margin-top: 1.8vw; }

    @media only screen and (max-width: 375px) { 
        ul#mobile_navigation li:first-child {
            margin-top: -3vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        ul#mobile_navigation li:first-child {
            margin-top: -3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        ul#mobile_navigation li:first-child {
            margin-top: -1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        ul#mobile_navigation li:first-child {
            margin-top: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        ul#mobile_navigation li:first-child {
            margin-top: -2vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        ul#mobile_navigation li:first-child {
            margin-top: -.75vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) {
        ul#mobile_navigation li:first-child {
            margin-top: 0vw; } }

ul#mobile_navigation li a {
    color: #f6f1e1; 
    transition:all .75s ease-in-out;   
    z-index: 999999; }

ul#mobile_navigation li a:hover {
    color: #3e3834; }

.logo-nav {
    padding-top: 20px;
    padding-left: 0;
    text-align: center;
    margin: 0 auto;
    z-index: 999; }

        @media only screen and (max-height: 599px) {
            .logo-nav {
                display: none !important; } }

.children li {
    margin: 0 0 0px 0 !important; }

.children li:first-child {
    text-transform:none !important; 
    letter-spacing:0em !important; 
    margin-top:10px !important; }

.children li:last-child {
    margin-bottom: 10px !important; }

.x_box {
    width: 100%;
    height: 4.25em; }

    @media only screen and (max-width: 375px) {
            .x_box {
                height: 3.25em; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
            .x_box {
                height: 3.75em; } }

.close_mobile_navigation {
    position: relative;
    width: 27px; 
    height: 27px; 
    float: right; 
    margin-right: 2.5em; }

    @media only screen and (max-width: 375px) {
            .close_mobile_navigation {  
                width: 18px; 
                height: 18px;
                margin-right: 1.5em; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
            .close_mobile_navigation {  
                width: 18px; 
                height: 18px;
                margin-right: 1.5em; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .close_mobile_navigation {  
                margin-right: 2.25em; } }

.close_mobile_navigation img {
    -webkit-transition:all .3s linear; 
    -moz-transition:all .3s linear; 
    -ms-transition:all .3s linear; 
    -o-transition:all .3s linear; 
    transition:all .3s linear; }

.close_mobile_navigation img:hover {
    opacity:0.40;
    filter:alpha(opacity=40); }

.logo-nav-inner {
    height: 4.0em;
    width: 4.0em;
    -webkit-transition: all .5s linear; 
    -moz-transition: all .5s linear; 
    -ms-transition: all .5s linear; 
    -o-transition: all .5s linear; 
    transition: all .5s linear;
    z-index: 999999; }

.logo-nav-inner:hover {
    opacity: 0.34;
    filter: alpha(opacity=34);  
    z-index: 999999; }

.logo-nav-inner-large {
    height: 6.0em;
    width: 6.0em;
    -webkit-transition: all .5s linear; 
    -moz-transition: all .5s linear; 
    -ms-transition: all .5s linear; 
    -o-transition: all .5s linear; 
    transition: all .5s linear;
    z-index: 999999; }

.logo-nav-inner-large:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);  
    z-index: 999999; }

.nav-logo-animated {
    width: 120px;
    padding-top: 0vw;
    padding-left: 0vw;
    padding-bottom: 0vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    transition: 1s ease; 
    opacity: 1.0; }

    @media only screen and (max-width: 375px) { 
        .nav-logo-animated {
            padding-top: 0vw;
            padding-bottom: 3.5vw;
            width: 55px; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .nav-logo-animated {
            padding-top: 0vw;
            padding-bottom: 3.5vw;
            width: 70px; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .nav-logo-animated {
            padding-top: 1vw;
            padding-bottom: 1.5vw;
            width: 100px; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .nav-logo-animated {
            padding-top: 1vw;
            padding-bottom: 1.5vw;
            width: 110px; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .nav-logo-animated {
            width: 100px;
            padding-top: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .nav-logo-animated {
            width: 110px;
            padding-top: 0vw;
            padding-bottom: 0vw; } }

.nav-logo-animated:hover {
    transform: scale(1.3); 
    transition: 2s ease; }

.nav-rob-credit {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 1.0vw; }

    @media only screen and (max-width: 375px) {
            .nav-credit {
                display: none; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
            .nav-credit {
                display: none; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .nav-credit {
                padding-top: 3vw; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .nav-credit {
                padding-top: 4vw; } }

.nav-rob-credit h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    font-size: 10px;
    line-height: 4.5;
    color: #9e9894;
    word-spacing: -5px;
    letter-spacing: 8px; }

    @media only screen and (max-width: 375px) { 
            .nav-credit h6 {
            font-size: 7px;
            line-height: 2.6;
            letter-spacing: .5px; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
            .nav-credit h6 {
            font-size: 7px;
            line-height: 2.6;
            letter-spacing: .5px; } }

#nav-mail {
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    padding-top: .75vw; }

    @media only screen and (max-width: 375px) {
            #nav-mail {
                display: flex;
                justify-content: left;
                align-items: center;
                text-align: left;
                padding-top: .25vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
            #nav-mail {
                display: flex;
                justify-content: left;
                align-items: center;
                text-align: left;
                padding-top: .25vw; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            #nav-mail {
                display: flex;
                justify-content: left;
                align-items: center;
                text-align: left;
                padding-top: .25vw; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            #nav-mail {
                display: flex;
                justify-content: left;
                align-items: center;
                text-align: left;
                padding-top: .25vw; } }

        @media only screen and (min-width: 1025px) and (max-width: 1440px) {
            #nav-mail {
                padding-top: 1.0vw; } }

        @media only screen and (min-width: 1441px) and (max-width: 1940px) {
            #nav-mail {
                padding-top: 1.0vw; } }

#nav-mail h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    text-align: left;
    font-size: 13px;
    line-height: 4.25;
    color: #7e7874;
    word-spacing: -.18vw;
    letter-spacing: 9px; }

    @media only screen and (max-width: 599px) { 
            #nav-mail h6 {
                font-weight: 700;
                text-align: left;
                padding-left: 2.5vw;
                font-weight: 700;
                font-size: 9.5px;
                line-height: 4.25;
                word-spacing: -.75vw;
                letter-spacing: 1.5vw; } }

        @media only screen and (min-width: 600px) and (max-width: 1024px) {
            #nav-mail h6 {
                font-weight: 700;
                text-align: left;
                font-size: 12px;
                line-height: 4.5;
                word-spacing: -.18vw;
                letter-spacing: 5px;
                padding-left: 1.5vw; } }

        @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            #nav-mail h6 {
                font-size: 8.5px;
                line-height: 4.5;
                word-spacing: -.18vw;
                letter-spacing: 5px; } }

        @media only screen and (min-width: 1281px) and (max-width: 1440px) {
            #nav-mail h6 {
                font-size: 9px;
                line-height: 4.0;
                word-spacing: -.18vw;
                letter-spacing: 5px; } }

        @media only screen and (min-width: 1441px) and (max-width: 1680px) {
            #nav-mail h6 {
                font-size: 10px;
                line-height: 4.5;
                word-spacing: -.18vw;
                letter-spacing: 8px; } }

        @media only screen and (min-width: 1681px) and (max-width: 1940px) {
            #nav-mail h6 {
                font-size: 11.0px;
                line-height: 4.5;
                word-spacing: -.18vw;
                letter-spacing: 8px; } }

#nav-mail a {
    color: #fff;
    transition:all 1s ease-in-out;   
    z-index: 999999; }

#nav-mail a:hover {
    color: rgba(237,110,27,1.0);
    transition:all 1s ease-in-out; }

#nav-mail-simplify h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    text-align: left;
    font-size: 13px;
    line-height: 4.25;
    color: #7e7874;
    word-spacing: -.18vw;
    letter-spacing: 9px; }

    @media only screen and (max-width: 599px) { 
            #nav-mail-simplify h6 {
                font-weight: 800;
                text-align: left;
                padding-left: 2.25vw;
                padding-top: .6vw;
                padding-bottom: .95vw;
                font-weight: 700;
                font-size: 9.5px;
                line-height: 2.3;
                word-spacing: -.75vw;
                letter-spacing: 1.5vw; } }

#nav-mail-simplify a {
    color: #fff;
    transition:all 1s ease-in-out;   
    z-index: 999999; }

#nav-mail-simplify a:hover {
    color: rgba(237,110,27,1.0);
    transition:all 1s ease-in-out; }

@supports (display: grid) {
.nav-phone-2c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5vw; } }

    @media only screen and (max-width: 599px) { 
        @supports (display: grid) {
            .nav-phone-2c-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            padding-top: 0vw;
            grid-gap: 8vw; } } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        @supports (display: grid) {
            .nav-phone-2c-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 2vw; } } }

.nav-phone-2c-grid > div {
    flex: 1; }

.nav-phone-2c-grid section { }

#mobile_navigation p {
    font-family: "Chronicle SSm A", "Chronicle SSm B", Georgia, serif;
    font-weight: 300;
    font-style: italic;
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    line-height: 2.2;
    color: #ded8d4;
    word-spacing: -1px;
    letter-spacing: 1px; }

        @media only screen and (max-width: 1024px) {
            #mobile_navigation p {
                font-size: 10.5px;
                line-height: 2;
                word-spacing: -2px;
                letter-spacing: 0px; } }

        @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            #mobile_navigation p {
                font-size: 12px;
                line-height: 2.3; } }

        @media only screen and (min-width: 1281px) and (max-width: 1440px) {
            #mobile_navigation p {
                font-size: 11px;
                line-height: 1.8; } }

        @media only screen and (min-width: 1441px) and (max-width: 1680px) {
            #mobile_navigation p {
                font-size: 12px;
                line-height: 2.3; } }

.menu-toggle {
    cursor: pointer;
    margin: 2.2em 0 0 0;
    margin-right: 3.125em; }

.hamburger,.cross {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%); }

.hamburger span {
    display:block;
    width: 46px;
    height: 3px;
    margin-bottom: 7px;
    overflow:hidden;
    position:relative;
    color: #000; }

    @media only screen and (max-width: 375px) {
        .hamburger span {
            width: 34px;
            height: 2px;
            margin-bottom: 7px; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .hamburger span {
            width: 34px;
            height: 2px;
            margin-bottom: 7px; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .hamburger span {
            width: 40px;
            height: 2px;
            margin-bottom: 7px; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .hamburger span {
            width: 40px;
            height: 2px;
            margin-bottom: 7px; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .hamburger span {
            width: 42px;
            height: 3px;
            margin-bottom: 7px; } }

.hamburger span:last-child {
    margin:0; }

.hamburger span:before,.hamburger span:after {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgb(15,15,15);
    transform:translateX(-200%);
    transition:transform ease 300ms; }

.hamburger span:after{
    transform:translateX(0); }

.hamburger span:nth-child(2):before,.hamburger span:nth-child(2):after{
    transition-delay:75ms; }

.hamburger span:last-child:before,.hamburger span:last-child:after{
    transition-delay:150ms; }

.menu-toggle:hover .hamburger span:before{
    transform:translateX(0); }

.menu-toggle:hover .hamburger span:after{
    transform:translateX(200%); }

.menu-toggle.active .hamburger span:before{
    transform:translateX(100%); }

.menu-toggle.active .hamburger span:after{
    transform:translateX(200%); }

.connect-4-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-right: 0vw;
    background: transparent; }

    @media only screen and (max-width: 375px) { 
        .connect-4-inner {
            padding-top: 0vw;
            padding-right: 0vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .connect-4-inner {
            /*padding-top: 0vw;
            padding-right: 0vw;*/
            /*padding-left: 12.5vw;*/ } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .connect-4-inner {
            padding-bottom: 0px; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .connect-4-inner {
            padding-bottom: 0px; } }

hr.hero-divisidero-3 {
    height: 1px;
    background-color: #3e3834;
    border: none;
    width: 34%;
    margin-top: 1.1vw;
    margin-bottom: .5vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.hero-divisidero-3 {
            width: 86%;
            margin-left: 1.25vw;
            margin-top: 3vw;
            margin-bottom: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.hero-divisidero-3 {
            width: 86%;
            margin-left: 1.25vw;
            margin-top: 3vw;
            margin-bottom: 4vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.hero-divisidero-3 {
            width: 44%;
            margin-top: 1vw;
            margin-bottom: .5vw; } }

hr.hero-divisidero-4 {
    height: 1px;
    background-color: #3e3834;
    border: none;
    width: 100%;
    margin-left: 0vw;
    margin-top: 1.1vw;
    margin-bottom: .5vw; } }
    /*width: 34%;
    margin-top: 1.1vw;
    margin-bottom: .5vw;
    opacity: 1.0; }*/

    @media only screen and (max-width: 599px) {
        hr.hero-divisidero-4 {
            width: 85%;
            margin-left: 1.25vw;
            margin-top: 2.55vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.hero-divisidero-4 {
            width: 100%;
            margin-left: 1.25vw;
            margin-top: 2.55vw;
            margin-bottom: 3vw; } }

hr.hero-divisidero-5 {
    height: 1px;
    background-color: #3e3834;
    border: none;
    width: 100%;
    margin-left: 0vw;
    margin-top: 1.1vw;
    margin-bottom: .5vw; } }
    /*width: 34%;
    margin-top: 1.1vw;
    margin-bottom: .5vw;
    opacity: 1.0; */}

    @media only screen and (max-width: 599px) {
        hr.hero-divisidero-5 {
            width: 85%;
            margin-left: 1.25vw;
            margin-top: 3vw;
            margin-bottom: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.hero-divisidero-5 {
            width: 100%;
            margin-left: 3vw;
            margin-top: 3vw;
            margin-bottom: 4vw; } }

hr.nav-rule-1 {
    height: 1px;
    background-color: #3e3834;
    border: none;
    width: 71%;
    margin-left: 13vw;
    margin-top: .5vw;
    margin-bottom: 1vw; } 

    @media only screen and (max-width: 599px) {
        hr.nav-rule-1 {
            width: 89%;
            margin-left: 13vw;
            margin-top: 2.5vw;
            margin-bottom: 2.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.nav-rule-1 {
            width: 89%;
            margin-left: 10vw;
            margin-top: 1.5vw;
            margin-bottom: 2.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        hr.nav-rule-1 {
            width: 71%;
            margin-left: 11vw;
            margin-top: 1vw;
            margin-bottom: 1vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        hr.nav-rule-1 {
            width: 71%;
            margin-left: 11vw;
            margin-top: 1vw;
            margin-bottom: 1vw; } }

hr.nav-rule-2 {
    height: 1px;
    background-color: #3e3834;
    border: none;
    width: 71%;
    margin-left: 13vw;
    margin-top: 1vw;
    margin-bottom: 1vw; } 

    @media only screen and (max-width: 599px) {
        hr.nav-rule-2 {
            width: 89%;
            margin-left: 13vw;
            margin-top: 2.5vw;
            margin-bottom: 2.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.nav-rule-2 {
            width: 89%;
            margin-left: 10vw;
            margin-top: 2.5vw;
            margin-bottom: 2.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        hr.nav-rule-2 {
            width: 71%;
            margin-left: 11vw;
            margin-top: 1vw;
            margin-bottom: 1vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        hr.nav-rule-2 {
            width: 71%;
            margin-left: 11vw;
            margin-top: 1vw;
            margin-bottom: 1vw; } }

hr.nav-rule-3 {
    height: 1px;
    background-color: #3e3834;
    border: none;
    width: 71%;
    margin-left: 13vw;
    margin-top: 1vw;
    margin-bottom: 1vw; } 

    @media only screen and (max-width: 599px) {
        hr.nav-rule-3 {
            width: 89%;
            margin-left: 13vw;
            margin-top: 2.5vw;
            margin-bottom: 2.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.nav-rule-3 {
            width: 89%;
            margin-left: 10vw;
            margin-top: 2.5vw;
            margin-bottom: 2.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        hr.nav-rule-3 {
            width: 71%;
            margin-left: 11vw;
            margin-top: 1vw;
            margin-bottom: 1vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        hr.nav-rule-3 {
            width: 71%;
            margin-left: 11vw;
            margin-top: 1vw;
            margin-bottom: 1vw; } }

#nav-copy {
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    padding-top: .75vw; }

#nav-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    font-size: .9vw;
    line-height: 2;
    word-spacing: -.1vw;
    letter-spacing: .05vw;
    padding-left: 13vw;
    color: #6e6864; }

    @media only screen and (max-width: 599px) {
        #nav-copy p {
            font-size: 4vw;
            line-height: 2;
            letter-spacing: .1vw;
            word-spacing: -.1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #nav-copy p {
            font-size: 2.5vw;
            line-height: 2;
            padding-left: 10vw;
            letter-spacing: .075vw;
            word-spacing: -.1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        #nav-copy p {
            font-size: 1vw;
            line-height: 2;
            padding-left: 11vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        #nav-copy p {
            font-size: 1vw;
            line-height: 2;
            padding-left: 11vw; } }

#nav-copy a {
    color: #f6f1e1;
    transition:all 1s ease-in-out;   
    z-index: 999999; }

#nav-copy a:hover {
    color: rgba(237,110,27,1.0);
    transition:all 1s ease-in-out; }

.nav-slash {
    color: #3e3834;
    font-weight: 400;
    padding-left: .2vw;
    padding-right: 0vw; }

.Shim13 {
    padding-left: .5vw; }

.Shim21 {
    padding-left: .75vw; }

.Shim34 {
    padding-left: 1vw; }

.Shim3 {
    padding-left: .3vw; }

.ShimLeft25 {
    padding-left: .15vw; }

.ShimLeft3 {
    padding-left: .3vw; }

.Shim5r {
    padding-right: .25vw; }

.ShimRight5 {
    padding-right: .5vw; }

.ShimRight1v {
    padding-right: 3vw; }

.ShimRight1 {
    padding-right: 1vw; }

.Hex3E {
    color: #3e3834; }

.Hex6E {
    color: #6e6864; }

.HexRed {
    color: rgba(255,43,0,1.0); }

.HexPink {
    color: rgba(236,0,140,1.0); }

.HexOrange {
    color: rgba(237,110,27,1.0); }

.HexHouse {
    color: rgba(237,110,27,1.0); }

.HexHouseLink {
    color: rgba(237,110,27,1.0); }

.HexNeutral {
    color: #f6f1e1 }

/* // Navigation / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */




/* Kell Hero Bit / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#myGallery {
    position: relative;
    width: 34.32vw;
    height: 39vw;
    padding-bottom: .5vw;
    z-index: 999999;
    transition: 6s ease;
    opacity: 1.0; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #myGallery {
            width: 90vw;
            height: 70.143vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        #myGallery {
            /*width: 35vw;
            height: 39.77vw;*/
            width: 36vw;
            height: 40.90vw;
            padding-bottom: .5vw; } }

#myGallery img{
    display: none;
    position: absolute;
    top: 0;
    left: 0; }

#myGallery img.active{
    display: block; }

#overlay-myGallery {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

#myGallery:hover #overlay-myGallery {
    opacity: 1.0;
    transition: 3s ease; }

#vertGallery {
    position: relative;
    /*width: 33.5vw;
    height: 38.056vw;*/
    width: 34vw;
    height: 38.633vw;
    /*width: 35vw;
    height: 39.77vw;*/
    padding-bottom: .5vw;
    z-index: 999999;
    transition: 6s ease;
    opacity: 1.0; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #vertGallery {
            width: 90vw;
            height: 70.143vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        #vertGallery {
            width: 35vw;
            height: 39.77vw;
            padding-bottom: .5vw; } }

#vertGallery img{
    display: none;
    position: absolute;
    top: 0;
    left: 0; }

#vertGallery img.active{
    display: block; }

/* // Kell Hero Bit / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Typography, Color, Links / 2024 */

h1, h2, h3, h4, h5, h6 {
    text-rendering: optimizeLegibility;
    -webkit-transition-duration: 0.8s linear;
    -moz-transition-duration: 0.8s linear;
    -ms-transition-duration: 0.8s linear;
    -o-transition-duration: 0.8s linear;
    transition: 0.8s linear; }

h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 6.25vw;
    line-height: 0.97;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: -.2vw;
    word-spacing: -.45vw;
    color: #000; }

.gettheleadout h1 {
    line-height: 0.89; }

.gettheleadout92 h1 {
    line-height: 0.92; }

.gettheleadout95 h1 {
    line-height: 0.95; }

.gettheleadout-10 h1 {
    line-height: 1.00; }

h2 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 5.0vw;
    line-height: 1.02;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: -.02vw;
    word-spacing: -.3vw;
    color: #6e6864; }

h3 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 8.1vw;
    line-height: 0.95;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: -.2vw;
    word-spacing: -.5vw;
    color: rgba(0, 0, 0, 1.0);
    text-transform: none; }

.headlines h3 { 
    font-size: 13vw;
    line-height: 0.9;
    letter-spacing: -.2vw;
    word-spacing: -1.5vw;
    color: #fff; }

.gettheleadout85 h3 {
    line-height: 0.85; }

.gettheleadout h3 {
    line-height: 0.89; }

.gettheleadout92 h3 {
    line-height: 0.92; }

.gettheleadout96 h3 {
    line-height: 0.96; }

.extraleading h3 {
    line-height: 1.0; }

.welcome h3 {
    margin: 0 0 0 0; }

.moment h3 {
    margin: 0 0 0 0; }

.moment p {
    margin: 0 0 0 0; }

h4 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif; 
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 2.0;
    margin-top: 2.375em;
    margin-left: .375em;
    text-transform: uppercase;
    letter-spacing: 8px;
    color: #8e8884;
    cursor: pointer; }

h5 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 3.8;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 4px;
    word-spacing: -3px;
    color: #7e7874; }

h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 4.0;
    text-align: center;
    text-transform: uppercase;
    padding-left: .2vw;
    margin: 0 0 0 0;
    letter-spacing: 6px;
    word-spacing: -3px;
    color: #9e9894; }

p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: italic;
    text-align: center;
    font-size: 1.3vw;
    line-height: 2.4vw;
    letter-spacing: 1.0px;
    word-spacing: 0;
    margin: 0 0 0 0;
    color: #5e5854;
    text-rendering: optimizeLegibility; }

a { 
    color: rgba(237,110,27,1.0);
    text-decoration: none;
    cursor: pointer;
    transition: .75s ease; }

a:hover {
    color: #000; }

:target::before {
    content: '';
    display: block;
    height: 4.25em;
    margin-top: -4.25em; }

::selection {
    background: rgba(237,110,27,0.2);
    color: #262626; }

::-moz-selection {
    background: rgba(237,110,27,0.2);
    color: #262626; }

/* // Typography, Color, Links / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Loader / 2024 */

#helloLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,1.0);
    opacity: 1.0;
    padding-top: 0vw;
    padding-bottom: 1.0vw;
    padding-right: .5svw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999; }

    @media only screen and (max-width: 599px) {
        #helloLoader {
            background: rgba(0,0,0,1.0);
            padding-top: 1vw;
            padding-bottom: 0vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #helloLoader {
            background: rgba(0,0,0,1.0);
            padding-top: 1vw;
            padding-bottom: 0vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        #helloLoader {
            padding-top: 0vw;
            padding-bottom: .5vw;
            padding-right: 1vw; } }

#robLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,1.0);
    opacity: 1.0;
    padding-top: 0vw;
    padding-bottom: 2vw;
    padding-right: 1vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999; }

    @media only screen and (max-width: 599px) {
        #robLoader {
            background: rgba(246,241,225,1.0);
/*            background: rgba(34,34,34,1.0);*/
/*            box-shadow: inset 0 3vw 8vw -1vw rgba(0,0,0,0.34);*/
            padding-top: 0vw;
            padding-bottom: 3vw;
            padding-right: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #robLoader {
            background: rgba(246,241,225,1.0);
/*            background: rgba(34,34,34,1.0);*/
/*            box-shadow: inset 0 3vw 8vw -1vw rgba(0,0,0,0.34);*/
            padding-top: 0vw;
            padding-bottom: 6vw;
            padding-right: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        #robLoader {
            padding-top: 0vw;
            padding-bottom: .5vw;
            padding-right: 1vw; } }

.clarity-brevity-inner {
    margin: 0 auto; 
    text-align: left;
    height: auto;
    padding-right: 0vw;
    background: transparent; }

    @media only screen and (max-width: 375px) { 
        .clarity-brevity-inner {
            padding-top: 1vw;
            padding-right: 1vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .clarity-brevity-inner {
            padding-top: 1vw;
            padding-right: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .clarity-brevity-inner {
            padding-top: 1vw;
            padding-right: 1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .clarity-brevity-inner {
            padding-top: 1vw;
            padding-right: 1vw; } }

.loader-loudest-minimalist-image-6 {
    margin: 0 auto;

/*    Generate / Radiate;*/
    width: 74vw;
/*    Voice of Optimism*/
/*    width: 78vw;*/

    height: auto;
    opacity: 1.0;
    padding-left: 0vw;
    padding-right: 0vw;
    padding-bottom: 0vw;
    transition: 1s ease;
/*    margin-bottom: -.75vw;*/
    margin-bottom: -1.25vw;
    z-index: 222222; }

    @media only screen and (max-width: 599px) {
        .loader-loudest-minimalist-image-6 {
            width: 88vw;
            padding-left: 1vw;
            padding-right: 0vw;
            padding-top: 2vw;
            padding-bottom: 0vw;
            margin-bottom: -5vw;
            z-index: 222222; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .loader-loudest-minimalist-image-6 {
            width: 84vw;
            padding-left: 0vw;
            padding-right: 0vw;
            padding-top: 1vw;
            padding-bottom: 0vw;
            margin-bottom: -5vw;
            z-index: 222222; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .loader-loudest-minimalist-image-6 {
            width: 77vw;
            padding-top: 0vw;
            padding-bottom: 0vw; } }

.spinner-holder {
    margin: 0 auto;
    width: 220px;
    height: 220px;
    padding-top: 0vw;
    padding-bottom: 0w;
    padding-right: 0vw;
    z-index: 111111; }

    @media only screen and (max-width: 599px) {
        .spinner-holder {
            padding-top: 0vw;
            width: 34vw;
            height: 34vw;
            z-index: 111111; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .spinner-holder {
            padding-top: 0vw;
            width: 18vw;
            height: 18vw;
            z-index: 111111; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .spinner-holder {
            width: 150px;
            height: 150px; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .spinner-holder {
            width: 175px;
            height: 175px; } }

.spin-me-round-round {
    width: 220px;
    height: 220px;  
    vertical-align: middle;
    text-align: center;
    display: inline-block; }

    @media only screen and (max-width: 599px) {
        .spin-me-round-round {
            width: 34vw;
            height: 34vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .spin-me-round-round {
            width: 18vw;
            height: 18vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .spin-me-round-round {
            width: 150px;
            height: 150px; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .spin-me-round-round {
            width: 175px;
            height: 175px; } }

.spinner {
    width: 220px;
    height: 220px;
    opacity: .5;
    border-radius: 100%;
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0px;
    margin: auto;    
    animation: spin .75s infinite linear; }

    @keyframes spin {
    from{
        transform: rotate(0deg);
    }to{
        transform: rotate(360deg); } }

    @media only screen and (max-width: 599px) {
        .spinner {
            opacity: .4;
            width: 34vw;
            height: 34vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .spinner {
            opacity: .75;
            width: 18vw;
            height: 18vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .spinner {
            width: 150px;
            height: 150px; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .spinner {
            width: 175px;
            height: 175px; } }

/* // Loader / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Animation / 2024  */

@keyframes reveal {
    0%   { opacity: 0; }
    100% { opacity: 1; } }

@keyframes bounce {
    0% { transform: translate(-50%, 190%); }
    100% { transform: translate(-50%, 210%); } }

animation: bounce 1.2s infinite, reveal 1s;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    transition: opacity 1.2s, transform 1.4s;

@-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }

.fade-in {
    opacity: 0; 
    -webkit-animation: fadeIn 1s ease-in;
    animation: fadeIn  1s  ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:forwards; }

/* DELAYS */

.fade-in.zero-one {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
    data-wow-delay: 0.1s; }

.fade-in.zero-two {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
    data-wow-delay: 0.2s; }

.fade-in.zero-three {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
    data-wow-delay: 0.3s; }

.fade-in.zero-four {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
    data-wow-delay: 0.4s; }

.fade-in.zero-five {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
    data-wow-delay: 0.5s; }

.fade-in.zero-six {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    animation-delay: 0.6s;
    data-wow-delay: 0.6s; }

.fade-in.zero-seven {
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    animation-delay: 0.7s;
    data-wow-delay: 0.7s; }

.fade-in.zero-eight {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s;
    data-wow-delay: 0.8s; }

.fade-in.zero-nine {
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    animation-delay: 0.9s;
    data-wow-delay: 0.9s; }

.fade-in.one-zero {
    -webkit-animation-delay: 1.0s;
    -moz-animation-delay: 1.0s;
    animation-delay: 1.0s;
    data-wow-delay: 1.0s; }

.fade-in.one-one {
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    animation-delay: 1.1s;
    data-wow-delay: 1.1s; }

.fade-in.one-two {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
    data-wow-delay: 1.2s; }

.fade-in.one-three {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    animation-delay: 1.3s;
    data-wow-delay: 1.3s; }

.fade-in.one-four {
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    animation-delay: 1.4s;
    data-wow-delay: 1.4s; }

.fade-in.one-five {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
    data-wow-delay: 1.5s; }

.fade-in.one-six {
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;
    data-wow-delay: 1.6s; }

.fade-in.one-seven {
    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
    animation-delay: 1.7s;
    data-wow-delay: 1.7s; }

.fade-in.one-eight {
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    animation-delay: 1.8s;
    data-wow-delay: 1.8s; }

.fade-in.one-nine {
    -webkit-animation-delay: 1.9s;
    -moz-animation-delay: 1.9s;
    animation-delay: 1.9s;
    data-wow-delay: 1.9s; }

.fade-in.two-zero {
    -webkit-animation-delay: 2.0s;
    -moz-animation-delay: 2.0s;
    animation-delay: 2.0s;
    data-wow-delay: 2.0s; }

.fade-in.two-one {
    -webkit-animation-delay: 2.1s;
    -moz-animation-delay: 2.1s;
    animation-delay: 2.1s;
    data-wow-delay: 2.1s; }

.fade-in.two-two {
    -webkit-animation-delay: 2.2s;
    -moz-animation-delay: 2.2s;
    animation-delay: 2.2s;
    data-wow-delay: 2.2s; }

.fade-in.two-three {
    -webkit-animation-delay: 2.3s;
    -moz-animation-delay: 2.3s;
    animation-delay: 2.3s;
    data-wow-delay: 2.3s; }

.fade-in.two-four {
    -webkit-animation-delay: 2.4s;
    -moz-animation-delay: 2.4s;
    animation-delay: 2.4s;
    data-wow-delay: 2.4s; }

.fade-in.two-five {
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    animation-delay: 2.5s;
    data-wow-delay: 2.5s; }

.fade-in.two-six {
    -webkit-animation-delay: 2.6s;
    -moz-animation-delay: 2.6s;
    animation-delay: 2.6s;
    data-wow-delay: 2.6s; }

.fade-in.two-eight {
    -webkit-animation-delay: 2.8s;
    -moz-animation-delay: 2.8s;
    animation-delay: 2.8s;
    data-wow-delay: 2.8s; }

.fade-in.three-zero {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
    data-wow-delay: 3s; }

.fade-in.three-three {
    -webkit-animation-delay: 3.3s;
    -moz-animation-delay: 3.3s;
    animation-delay: 3.3s;
    data-wow-delay: 3.3s; }

.fade-in.three-five {
    -webkit-animation-delay: 3.5s;
    -moz-animation-delay: 3.5s;
    animation-delay: 3.5s;
    data-wow-delay: 3.5s; }

.fade-in.four-zero {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    animation-delay: 4s;
    data-wow-delay: 4s; }

.fade-in.four-five {
    -webkit-animation-delay: 4.5s;
    -moz-animation-delay: 4.5s;
    animation-delay: 4.5s;
    data-wow-delay: 4.5s; }

.fade-in.five-zero {
    -webkit-animation-delay: 5.0s;
    -moz-animation-delay: 5.0s;
    animation-delay: 5.0s;
    data-wow-delay: 5.0s; }

.fade-in.eight-zero {
    -webkit-animation-delay: 8.0s;
    -moz-animation-delay: 8.0s;
    animation-delay: 8.0s;
    data-wow-delay: 8.0s; }

.fade-in.ten-zero {
    -webkit-animation-delay: 10.0s;
    -moz-animation-delay: 10.0s;
    animation-delay: 10.0s;
    data-wow-delay: 10.0s; }

/* DURATIONS */

.fadeIn-half-s {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s; }

.fadeIn-1s {
    -webkit-animation-duration: 1.0s;
    -moz-animation-duration: 1.0s;
    -o-animation-duration: 1.0s;
    animation-duration: 1.0s; }

.fadeIn-15s {
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s; }

.fadeIn-2s {
    -webkit-animation-duration: 2.0s;
    -moz-animation-duration: 2.0s;
    -o-animation-duration: 2.0s;
    animation-duration: 2.0s; }

.fadeIn-2-5s {
    -webkit-animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    animation-duration: 2.5s; }

.fadeIn-3s {
    -webkit-animation-duration: 3.0s;
    -moz-animation-duration: 3.0s;
    -o-animation-duration: 3.0s;
    animation-duration: 3.0s; }

.fadeIn-4s {
    -webkit-animation-duration: 4.0s;
    -moz-animation-duration: 4.0s;
    -o-animation-duration: 4.0s;
    animation-duration: 4.0s; }

.fadeIn-5s {
    -webkit-animation-duration: 5.0s;
    -moz-animation-duration: 5.0s;
    -o-animation-duration: 5.0s;
    animation-duration: 5.0s; }

.fadeIn-6s {
    -webkit-animation-duration: 6.0s;
    -moz-animation-duration: 6.0s;
    -o-animation-duration: 6.0s;
    animation-duration: 6.0s; }

.fadeIn-7s {
    -webkit-animation-duration: 7.0s;
    -moz-animation-duration: 7.0s;
    -o-animation-duration: 7.0s;
    animation-duration: 7.0s; }

.fadeIn-8s {
    -webkit-animation-duration: 8.0s;
    -moz-animation-duration: 8.0s;
    -o-animation-duration: 8.0s;
    animation-duration: 8.0s; }

.fadeIn-9s {
    -webkit-animation-duration: 9.0s;
    -moz-animation-duration: 9.0s;
    -o-animation-duration: 9.0s;
    animation-duration: 9.0s; }

.fadeIn-Delay-1s {
    -webkit-animation-delay: 1.0s;
    -moz-animation-delay: 1.0s;
    -o-animation-delay: 1.0s;
    animation-delay: 1.0s; }

/* // Animation / 2024  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Index / 2024 */ 

.home-floats {
    width: 100%;
    height: 100%;
    position: relative;
    background: rgba(255, 255, 255, 1.00);
    z-index: 2;
    margin-bottom: 29vw; }

    @media only screen and (max-width: 599px) {
        .home-floats {
            margin-bottom: 81svh; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .home-floats {
            margin-bottom: 105vw; } } 

.hero-robai-outer {
    margin: 0 0;
    z-index: 999999;
    background: rgba(246,241,225,.8);
    height: calc(100vh - 4.25em);
    margin-top: 4.25em;
    position: relative;
/*    box-shadow: 0 5vw 8vw -.5vw rgba(0,0,0,0.55);*/
/*box-shadow: 0 5vw 8vw -.5vw rgba(0,0,0,0.40);*/
/*box-shadow: 0 3vw 5vw -.5vw rgba(0,0,0,0.55);*/
/*    box-shadow: 0 8vw 15vw -.5vw rgba(0,0,0,0.65);*/
    box-shadow: 0 5vw 13vw -.5vw rgba(0,0,0,0.75); }

    @media only screen and (max-width: 599px) {
        .hero-robai-outer {
            background: #f6f1e1;
            box-shadow: 0 5vw 10vw -.5vw rgba(0,0,0,0.55); 
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .hero-robai-outer {
            background: #f6f1e1;
            box-shadow: 0 8vw 13vw -.5vw rgba(0,0,0,0.55); 
            height: auto; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .hero-robai-outer {
            height: calc(100vh - 4.25em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .hero-robai-outer {
            height: calc(100vh - 4.25em); } }

.story-open-grid-left {
    background: #000;
    position: relative;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 555555;
    box-shadow: 1.5vw 0 2.5vw -.75vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) { 
        .story-open-grid-left {
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .story-open-grid-left {
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.index-robai-hero-left {
    background: #000;
    position: relative;
    margin: 0 0;
    z-index: 333333;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1vw;
    padding-bottom: 0vw;
    transition: 2s ease;
    box-shadow: 2.0vw 0 3.5vw -.75vw rgba(0,0,0,0.6); }

    @media only screen and (max-width: 599px) { 
        .index-robai-hero-left {
            z-index: 999999;
            height: calc(100svh - 4.25em);
            padding-bottom: 2vw;
            box-shadow: 0 8vw 21vw -.5vw rgba(0,0,0,0.75); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .index-robai-hero-left {
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 13vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .index-robai-hero-left {
            padding-top: .75vw;
            height: calc(100vh - 4.25em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .index-robai-hero-left {
            padding-top: .75vw;
            height: calc(100vh - 4.25em); } }

.speak-volumes-horiz-hero {
    margin: 0 auto;
    width: 33.5vw;
    height: auto;
    padding-top: 0vw;
    padding-bottom: 0vw;
    transition: 3s ease; }

    @media only screen and (max-width: 376px) {
        .speak-volumes-horiz-hero {
            width: 83vw;
            height: auto;
            padding-top: 0vw;
            padding-bottom: 2.0vw; } }

    @media only screen and (min-width: 377px) and (max-width: 599px) {
        .speak-volumes-horiz-hero {
            width: 92vw;
            height: auto;
            padding-top: 0vw;
            padding-bottom: 2.0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .speak-volumes-horiz-hero {
            width: 85vw;
            height: auto;
            padding-top: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .speak-volumes-horiz-hero {
            width: 36vw;
            height: auto;
            padding-top: 0vw;
            padding-bottom: 0vw; } }

        @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .speak-volumes-horiz-hero {
            width: 36vw;
            height: auto;
            padding-top: 0vw;
            padding-bottom: 0vw; } }

.overlay-speak-volumes-horiz-hero {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.speak-volumes-horiz-hero:hover .overlay-speak-volumes-horiz-hero {
    opacity: 1.0;
    transition: 3s ease; }

.hero-logo-block {
    margin: 0 auto;
    text-align: center;
    width: 7.0vw;
    padding-top: .25vw;
    opacity: 1.0;
    color: #000;
    z-index: 11;
    cursor: pointer;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .hero-logo-block {
            width: 40vw;
            padding-top: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .hero-logo-block {
            width: 19vw;
            padding-top: 1.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .hero-logo-block {
            width: 7.0vw;
            padding-top: .5vw; } }

.hero-logo-block:hover { 
    transition: 2s ease;
    transform: scale(1.15); }

.hero-right-upper {
    background: transparent;
    position: relative;
    margin: 0 0;
    z-index: 222222;
/*    height: calc(86vh - 2.125em);*/
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1.25vw;
    padding-left: 0vw;
    padding-bottom: 0vw;
    transition: 2s ease;
    box-shadow: inset 0px -2vw 4vw -1vw rgba(0,0,0,0.44); }

    @media only screen and (max-width: 599px) {
        .hero-right-upper {
            background: #222;
/*            background: rgba(237,110,27,1.0);*/
            z-index: 333333;
            height: auto;
            padding-top: 11vw;
            padding-bottom: 14vw;
/*            box-shadow: inset 0px -2vw 4vw -1vw rgba(0,0,0,0.44);*/
            box-shadow: 0 8vw 15vw -.5vw rgba(0,0,0,0.65); } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .hero-right-upper {
            /*padding-top: 2vw;
            height: calc(85svh - 2.125em);*/
            height: auto;
            padding-top: 8vw;
            padding-bottom: 9vw;
/*            box-shadow: 0 5vw 10vw -.5vw rgba(0,0,0,0.55);*/
            box-shadow: inset 0px -2vw 4vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .hero-right-upper {
            padding-top: 1.25vw;
/*            padding-right: 1vw;*/
/*            height: calc(87svh - 2.125em);*/
            height: calc(100vh - 4.25em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .hero-right-upper {
            padding-top: 1.25vw;
/*            padding-right: 1vw;*/
/*            height: calc(87svh - 2.125em);*/
            height: calc(100vh - 4.25em); } }

.hero-mobile-action-block {
    background: #f6f1e1;
    position: relative;
    margin: 0 0;
    z-index: 222222;
    height: auto;
    padding-top: 12vw;
    padding-bottom: 13vw;
    padding-left: 0vw;
    text-align: center;
    transition: 2s ease;
    box-shadow: inset 0px -5vw 10vw -1vw rgba(0,0,0,0.34); }

.hire-roboto-inner {
    margin: 0 auto; 
    text-align: left;
    height: auto;
    padding-left: 1vw;
    background: transparent; }

.rob-links-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-left: 0vw;
    background: transparent; }

#under-upper-rob a {
    color: rgba(237,110,27,1.0);
    border-bottom: 1px dotted transparent;
    -webkit-transition:all .75s ease-in-out; 
    -moz-transition:all .75s ease-in-out; 
    -ms-transition:all .75s ease-in-out; 
    -o-transition:all .75s ease-in-out; 
    transition:all .75s ease-in-out;   
    padding-bottom: 18px;
    z-index: 999999; }

#under-upper-rob a:hover {
    color: #222; }

.index-roboto-definitive h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    color: #aea8a4;
    font-size: 3vw;
    line-height: 1.1;
    word-spacing: -.5vw;
    letter-spacing: -.05vw;
    padding-left: .5vw; }

    @media only screen and (max-width: 599px) {
        .index-roboto-definitive h2 {
            text-align: left;
            font-weight: 500;
            color: #7e7874;
            font-size: 7.2vw;
            line-height: 1.0;
            word-spacing: -.75vw;
            letter-spacing: -.1vw;
            padding-left: 9.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .index-roboto-definitive h2 {
            font-weight: 500;
            font-size: 7.0vw;
            line-height: 1.25;
            word-spacing: -1.15vw;
            letter-spacing: -.1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .index-roboto-definitive h2 {
            font-size: 2.96vw;
            line-height: 1.15;
            letter-spacing: 0vw;
            padding-left: .75vw;
            padding-top: .5vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .index-roboto-definitive h2 {
            font-size: 3vw;
            line-height: 1.25;
            padding-left: .75vw;
            padding-top: .5vw;
            padding-bottom: 0vw; } }

@media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .index-roboto-definitive h2 {
            font-size: 3vw;
            line-height: 1.2;
            padding-left: .75vw;
            padding-top: .5vw;
            padding-bottom: 0vw; } }

.index-definitive-mobile h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    color: #fff;
    font-size: 15.1vw;
    line-height: 1.1;
    word-spacing: -1vw;
    letter-spacing: -.05vw;
    padding-left: 0vw;
    padding-bottom: 0vw; }

    @media only screen and (max-width: 375px) {
        .index-definitive-mobile h1 {
            font-size: 14.8vw;
            line-height: 1.03;
            padding-bottom: 1vw; } }

.index-definitive-mobile h2 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: normal;
    text-align: center;
    color: #fff;
    font-size: 14.5vw;
    line-height: 1.1;
    word-spacing: -1vw;
    letter-spacing: -.05vw;
    padding-left: 0vw;
    padding-bottom: 0vw; }

    @media only screen and (max-width: 375px) {
        .index-definitive-mobile h2 {
            font-size: 14.5vw;
            line-height: 1.1;
            padding-bottom: 0vw; } }

hr.hero-mobile-dividers {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 80%;
    text-align: center;
    margin-top: 7vw;
    margin-bottom: 7vw;
    opacity: 1.0; }

hr.hero-mobile-dividers-last {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 80%;
    text-align: center;
    margin-top: 7vw;
    margin-bottom: 3.5vw;
    opacity: 1.0; }

.Shim1 {
    padding-left: .1vw; }

hr.hero-divisidero-uppers {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 98%;
    margin-left: .75vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) { 
        hr.hero-divisidero-uppers {
            background-color: #444;
            margin-left: 1vw;
            margin-top: 6.5vw;
            margin-bottom: 6.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        hr.hero-divisidero-uppers {
            margin-left: .75vw;
            margin-top: 2vw;
            margin-bottom: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.hero-divisidero-uppers {
            margin-top: 1.0vw;
            margin-left: .75vw;
            margin-bottom: .5vw; } }

.HexAE {
    color: #aea8a4; }

.Hex3E {
    color: #3e3834; }

.Hex4E {
    color: #4e4844; }

.Hex5E {
    color: #5e5854; }

.Hex8E {
    color: #8e8884; }

.Hex9E {
    color: #9e9894; }

.HexDE {
    color: #ded8d4; }

.HexCE {
    color: #cec8c4; }

.HexE6 {
    color: #e6e2e1; }

.HexBE {
    color: #beb8b4 }

.HexF4 {
    color: #f4f2ee }

.hover-text span.hover-card {
    display: none;
    z-index: 999999;
    transition: 1s ease-out; }

.hover-text:hover span.hover-card {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: .8vw;
    width: 13vw;
    animation: fadeIn 2.0s;
    transition: 1s ease-out;
    opacity: 1.0;
    z-index: 999999;
    box-shadow: 0 1.5vw 2.5vw -.5vw rgba(0, 0, 0, 0.4); }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .hover-text:hover span.hover-card {
            margin-bottom: .75vw;
            width: 14.25vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .hover-text:hover span.hover-card {
            margin-bottom: .75vw;
            width: 14.25vw; } }

.hover-text {
    position: relative;
    transition: 1.5s ease-out; }

#index-quick-links h6 {
    font-size: .81vw;
    line-height: 2.7;
    text-transform: none;
    text-align: left;
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-left: .75vw;
    font-weight: 800; 
    font-style: normal;
    margin: 0 0 0 0;
    letter-spacing: .12vw;
    word-spacing: -.18vw; }

    @media only screen and (max-width: 599px) {
        #index-quick-links h6 {
            font-weight: 700; 
            font-size: 1.85vw;
            line-height: 2.7;
            letter-spacing: .12vw;
            padding-top: .6vw;
            padding-bottom: .5vw;
            padding-left: .8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #index-quick-links h6 {
            font-weight: 700; 
            font-size: 1.93vw;
            line-height: 2.7;
            letter-spacing: .14vw;
            padding-top: .6vw;
            padding-bottom: .5vw;
            padding-left: .8vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            #index-quick-links h6 {
                font-size: .85vw;
                line-height: 2.7;
                letter-spacing: .1vw;
                padding-top: 0vw;
                padding-left: .8vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
            #index-quick-links h6 {
                font-size: .84vw;
                line-height: 2.7;
                letter-spacing: .11vw;
                padding-top: 0vw;
                padding-left: .8vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
            #index-quick-links h6 {
                font-size: .8vw;
                line-height: 2.7;
                letter-spacing: .135vw;
                padding-top: 0vw;
                padding-left: .8vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) {
            #index-quick-links h6 {
                font-size: .8vw;
                line-height: 2.7;
                letter-spacing: .13vw;
                padding-top: 0vw;
                padding-left: .8vw; } }

.index-mobile-links {
    width: 85%;
    padding-left: 10vw; }

.index-mobile-links p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1vw;
    line-height: 2.7;
    text-transform: none;
    text-align: left;
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-left: .75vw;
    font-weight: 800; 
    font-style: normal;
    margin: 0 0 0 0;
    letter-spacing: .12vw;
    word-spacing: -.18vw; }

    @media only screen and (max-width: 599px) {
        .index-mobile-links p {
            font-weight: 500; 
            font-size: 5.1vw;
            line-height: 2.3;
            letter-spacing: 0vw;
            padding-top: 0vw;
            padding-bottom: 0vw;
            word-spacing: -.85vw; 
            padding-left: 0vw; } }

hr.hero-divisidero {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 98%;
    margin-top: .75vw;
    margin-bottom: .75vw;
    margin-left: .75vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) { 
        hr.hero-divisidero {
            margin-left: .75vw;
            margin-top: 2vw;
            margin-bottom: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        hr.hero-divisidero {
            margin-left: .75vw;
            margin-top: 2vw;
            margin-bottom: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.hero-divisidero {
            margin-left: .75vw;
            margin-top: .9vw;
            margin-bottom: .9vw; } }

hr.hero-elements {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 98%;
    margin-top: 1.0vw;
    margin-bottom: 1.0vw;
    margin-left: .75vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) { 
        hr.hero-elements {
            margin-left: .75vw;
            margin-top: 2vw;
            margin-bottom: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        hr.hero-elements {
            margin-left: .75vw;
            margin-top: 2vw;
            margin-bottom: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.hero-elements {
            margin-left: .75vw;
            margin-top: 1.0vwvw;
            margin-bottom: 1.0vwvw; } }

.book-hire-wrapper {
    width: 98%; }

@supports (display: grid) {
.book-hire-2c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2vw; } }

    @media only screen and (max-width: 1024px) { 
        @supports (display: grid) {
            .book-hire-2c-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 3vw; } } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        @supports (display: grid) {
            .book-hire-2c-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 2vw; } } }

.book-hire-2c-grid > div {
    flex: 1; }

.book-hire-2c-grid section { }

@supports (display: grid) {
.book-hire-3c-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .95vw; } }

    @media only screen and (max-width: 1024px) { 
        @supports (display: grid) {
            .book-hire-3c-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 1.2vw; } } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        @supports (display: grid) {
            .book-hire-3c-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 1vw; } } }

.book-hire-3c-grid > div {
    flex: 1; }

.book-hire-3c-grid section { }

#calendly-specific-colors a {
    color: rgba(230,226,225,1.0); }

.calendly-tshirts-bit {
    margin: 0 auto;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    width: 100%;
    height: 4vw; }

    @media only screen and (max-width: 599px) {
        .calendly-tshirts-bit {
            height: 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .calendly-tshirts-bit {
            height: 8vw;
            margin-top: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .calendly-tshirts-bit {
            height: 4.5vw; } }

.btn {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: .83vw;
    text-transform: uppercase;
    letter-spacing: 0.075vw;
    word-spacing: -.125vw;
    color: #fff;
    background-color: #222;
    width: 15.25vw;
    height: 2.325vw;
    margin-top: 0vw;
    margin-left: .7vw;
    float: left;
    box-shadow: 0 .75vw .75vw -.5vw rgba(0, 0, 0, 0.34);
    border-radius: .35vw;
    transition: 1s ease;
    transform: translateY(0);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }

    @media only screen and (max-width: 599px) {
        .btn {
            font-size: 3.5vw;
            width: 65vw;
            height: 11vw;
            border-radius: .75vw;
            margin-left: 1vw;
            margin-top: 4vw;
            margin-bottom: 4vw;
            box-shadow: 0 3vw 4vw -.5vw rgba(0, 0, 0, 0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .btn {
            font-size: 1.8vw;
            width: 37.5vw;
            height: 6vw;
            border-radius: .75vw;
            margin-left: .7vw;
            margin-top: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1680px) { 
        .btn {
            font-size: .8vw;
            width: 15.5vw;
            height: 2.5vw;
            margin-left: .7vw;
            margin-top: 0vw; } }

.btn:hover {
    transition: 1s ease;
    transform : translateY(-0px);
    background-color: #000;
    color: #fff;
    box-shadow: 0 1vw 1vw -.5vw rgba(0, 0, 0, 0.5); }

.btn-index {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.0vw;
    /*text-transform: uppercase;
    letter-spacing: .2vw;*/
    text-transform: none;
    letter-spacing: .05vw;
    word-spacing: -.125vw;
    color: #fff;
    background-color: #000;
    width: 10vw;
    height: 2.325vw;
    margin-top: 0vw;
    margin-left: .7vw;
    float: left;
    box-shadow: 0 .75vw .75vw -.5vw rgba(0, 0, 0, 0.34);
    border-radius: .4vw;
    transition: 1s ease;
    transform: translateY(0);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }

    @media only screen and (max-width: 599px) {
        .btn-index {
            font-size: 3.5vw;
            width: 65vw;
            height: 11vw;
            border-radius: .75vw;
            margin-left: 1vw;
            margin-top: 4vw;
            margin-bottom: 4vw;
            box-shadow: 0 3vw 4vw -.5vw rgba(0, 0, 0, 0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .btn-index {
            font-size: 2.25vw;
            width: 25vw;
            height: 6vw;
            border-radius: .75vw;
            margin-left: .7vw;
            margin-top: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .btn-index {
            font-size: .95vw;
            padding-bottom: .1vw;
            width: 10.2vw;
            height: 2.5vw;
            letter-spacing: .05vw;
            word-spacing: -.125vw;
            margin-left: .7vw;
            margin-top: 0vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .btn-index {
            font-size: .95vw;
            width: 10.2vw;
            height: 2.5vw;
            letter-spacing: .05vw;
            word-spacing: -.125vw;
            margin-left: .7vw;
            margin-top: 0vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .btn-index {
            font-size: 1.0vw;
            width: 10.2vw;
            height: 2.5vw;
            letter-spacing: .05vw;
            word-spacing: -.125vw;
            margin-left: .7vw;
            margin-top: 0vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .btn-index {
            font-size: .95vw;
            width: 10.3vw;
            height: 2.5vw;
            letter-spacing: .05vw;
            word-spacing: -.125vw;
            margin-left: .7vw;
            margin-top: 0vw; } }

.btn-index:hover {
    transition: 1s ease;
    transform : translateY(-0px);
    background-color: #6e6864;
/*    color: #fff;*/
    box-shadow: 0 1vw 1vw -.5vw rgba(0, 0, 0, 0.5); }

.btn-mobile-center {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: .83vw;
    text-transform: uppercase;
    letter-spacing: 0.075vw;
    word-spacing: -.125vw;
    color: #fff;
    background-color: #222;
    width: 16vw;
    height: 2.325vw;
    margin-top: .5vw;
    margin-left: .7vw;
    box-shadow: 0 .75vw .75vw -.5vw rgba(0, 0, 0, 0.34);
    border-radius: 13px;
    transition: 1s ease;
    transform: translateY(0);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }

    @media only screen and (max-width: 599px) {
        .btn-mobile-center {
            display: flex;
            justify-content: left;
            align-items: center;
            background-color: #333;
            font-size: 3.0vw;
            letter-spacing: 1vw;
            word-spacing: -.75vw;
            width: 74vw;
            height: 11vw;
            border-radius: 1.25vw;
            padding-left: 5.5vw;
            margin-left: 0vw;
            margin-top: 4vw;
            margin-bottom: 4vw;
            box-shadow: 0 3vw 4vw -.5vw rgba(0, 0, 0, 0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .btn-mobile-center {
            font-size: 1.8vw;
            width: 38vw;
            height: 6vw;
            margin-left: 0vw;
            margin-top: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1680px) { 
        .btn-mobile-center {
            font-size: .8vw;
            width: 17vw;
            height: 2.5vw;
            margin-left: .7vw;
            margin-top: 0vw; } }

.btn-mobile-center:hover {
    transition: 1s ease;
    transform : translateY(-0px);
    background-color: #000;
    color: #fff;
    box-shadow: 0 1vw 1vw -.5vw rgba(0, 0, 0, 0.5); }

.btn-mobile-center-bit {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 4vw; }

    @media only screen and (max-width: 599px) {
        .btn-mobile-center-bit {
            height: 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .btn-mobile-center-bit {
            height: 8vw;
            margin-top: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .btn-mobile-center-bit {
            height: 4.5vw; } }

.btn-mobile-left-bit {
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    width: 100%;
    height: 4vw; }

    @media only screen and (max-width: 599px) {
        .btn-mobile-left-bit {
            width: 80%;
            height: 8vw;
            margin-left: 10vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .btn-mobile-left-bit {
            height: 8vw;
            margin-top: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .btn-mobile-left-bit {
            height: 4.5vw; } }

#hero-right-lower {
    background-color: #2d2b29;
    position: relative;
    margin: 0 0;
    z-index: 111111;
    height: calc(14vh - 2.125em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-bottom: 0vw;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        #hero-right-lower {
            height: calc(15svh - 2.125em); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #hero-right-lower {
            height: calc(15svh - 2.125em); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        #hero-right-lower {
            height: calc(15svh - 2.125em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        #hero-right-lower {
            height: calc(13svh - 2.125em); } }

#hero-right-lower a {
    color: rgba(237,110,27,1.0);
/*    color: #f6f1e1;*/
    transition: 2s ease;
    z-index: 999999; }

#hero-right-lower a:hover {
    transition: 2s ease;
/*    color: rgba(237,110,27,1.0);*/
    color: #f6f1e1; }

#hero-right-lower h6 {
    font-size: 2vw;
    line-height: 2.7;
    text-transform: none;
    text-align: left;
    padding-top: 0vw;
    padding-bottom: 0vw;
    font-weight: 400; 
    font-style: normal;
    margin: 0 0 0 0;
    color: #5e5854;
    word-spacing: -.3vw;
    letter-spacing: 0vw; }

    @media only screen and (max-width: 599px) {
        #hero-right-lower h6 {
            font-size: 4.25vw;
            word-spacing: -.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #hero-right-lower h6 {
            font-size: 4.25vw;
            word-spacing: -.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        #hero-right-lower h6 {
            font-size: 1.85vw;
            word-spacing: -.25vw; } }

.brevity-body-outer {
    margin: 0 0;
    background: #222;
    position: relative;
    z-index: 888888;
    height: auto;
    padding-top: 6.4vw;
    padding-bottom: 5.4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .brevity-body-outer {
            background: #222;
            z-index: 777777;
            box-shadow: 0 8vw 15vw -.5vw rgba(0, 0, 0, 0.55); 
            padding-top: 12vw;
            padding-bottom: 13vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .brevity-body-outer {
            display: flex;
            justify-content: left;
            align-items: center;
            text-align: left;
            box-shadow: inset 0px -2vw 6vw -1vw rgba(0,0,0,0.5);
            padding-top: 13vw;
            padding-bottom: 13vw; } }

.brevity-copy h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    font-size: 2.96vw;
    line-height: 1.5;
    letter-spacing: -.03vw;
    word-spacing: -.45vw;
    color: #fff;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .brevity-copy h2 {
            font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 400;
    font-style: normal;
/*            font-size: 8.65vw;*/
            /*font-size: 9vw;
            line-height: 1.27;
            text-align: left;
            letter-spacing: -.05vw;
            word-spacing: -1.35vw;
            padding-left: 1.5vw;*/
            font-size: 11.5vw;
            line-height: 1.2;
            text-align: left;
            letter-spacing: 0vw;
            word-spacing: -.35vw;
            padding-left: 1.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .brevity-copy h2 {
            font-size: 6.0vw;
            line-height: 1.5;
            text-align: left;
            letter-spacing: -.03vw;
            word-spacing: -.85vw;
            padding-left: 9vw; } }

#ministry-of-brevity a {
/*    color: #f4f2ee;*/
    color: rgba(237,110,27,1.0);
    transition: 2s ease; }

#ministry-of-brevity a:hover {
/*    color: rgba(237,110,27,1.0);*/
    color: #f4f2ee;
    transition: 2s ease; }

.closing-body-outer {
    margin: 0 0;
    background: #333;
    position: relative;
    z-index: 111111;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 7vw;
    padding-left: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .closing-body-outer {
            background: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55);
            padding-top: 12vw;
            padding-bottom: 13vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .closing-body-outer {
            background: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55);
            padding-top: 12vw;
            padding-bottom: 13vw; } }

.closing-copy h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 2.96vw;
    line-height: 1.35;
    letter-spacing: -.03vw;
    word-spacing: -.45vw;
    color: #7e7874;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .closing-copy h2 {
            font-size: 3.6vw;
            line-height: 2.2;
            text-align: left;
            letter-spacing: -.03vw;
            word-spacing: -.35vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .closing-copy h2 {
            font-size: 3.6vw;
            line-height: 2.2;
            text-align: left;
            letter-spacing: -.03vw;
            word-spacing: -.35vw;
            padding-left: 0vw; } }

.HexFF {
    color: #fff; }

.Hex7E {
    color: #7e7874; }

.brevity-quick-links h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    color: #6e6864;
    text-transform: uppercase;
    text-align: center;
    font-size: .86vw;
    line-height: 2.7;
    word-spacing: -.15vw;
    letter-spacing: .2vw;
    padding-top: 2.5vw;
    padding-left: 0vw; } 

    @media only screen and (max-width: 599px) {
        .brevity-quick-links h6 {
            text-align: left;
            font-size: 3.6vw;
            line-height: 2.7;
            letter-spacing: .35vw;
            padding-top: 5vw; 
            padding-left: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .brevity-quick-links h6 {
            text-align: left;
            font-size: 1.6vw;
            line-height: 2.7;
            letter-spacing: .35vw;
            padding-top: 4vw; 
            padding-left: 9vw; } }

#hero-open-outer {
    position: relative;
    z-index: 777777;
    margin: 0 0;
    background-color: transparent;
    height: calc(100vh - 4.25em);
    box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.75); }

    @media only screen and (max-width: 375px) { 
        #hero-open-outer {
            height: auto;
            box-shadow: 0 8vw 18vw -1vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        #hero-open-outer {
            height: auto;
            box-shadow: 0 8vw 18vw -1vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        #hero-open-outer {
            height: auto;
            box-shadow: 0 8vw 18vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        #hero-open-outer {
            height: auto;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.75); } }

@supports (display: grid) {
    .story-open-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0vw; } }

    @media only screen and (max-width: 375px) {
        .story-open-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .story-open-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .story-open-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .story-open-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr); } }

.story-open-grid > div {
    flex: 1; }

.story-open-grid section { }

#smu-left-hero-outer {
    background: #000;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 3.0s ease;
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-right: 0vw;
    z-index: 999999;
    box-shadow: 2.0vw 0 2.5vw -.75vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 375px) {
        #smu-left-hero-outer {
            height: auto;
            padding-top: 12vw;
            padding-bottom: 12vw;
            padding-left: .75vw;
            box-shadow: 0 6vw 10vw -1vw rgba(0,0,0,0.75); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        #smu-left-hero-outer {
            height: auto;
            padding-top: 12vw;
            padding-bottom: 12vw;
            padding-left: .75vw;
            box-shadow: 0 8vw 13vw -1vw rgba(0,0,0,0.7); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        #smu-left-hero-outer {
            height: auto;
            margin: 0 auto;
            padding-top: 7.75vw;
            padding-bottom: 8vw;
            padding-left: 0vw;
            box-shadow: 0 6vw 10vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        #smu-left-hero-outer {
            padding-top: 0vw;
            padding-bottom: 0vw;
            padding-left: 0vw;
            padding-right: 0vw; } }

.smu-left-hero-inner {
    padding-top: 0vw;
    padding-left: 0vw;
    padding-bottom: 0vw;
    text-align: center;
    height: auto;
    background: transparent; }

    @media only screen and (max-width: 375px) { 
        .smu-left-hero-inner {
            padding-top: 0vw;
            padding-bottom: 0vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .smu-left-hero-inner {
            padding-top: 0vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .smu-left-hero-inner {
            padding-top: 0vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .smu-left-hero-inner {
            padding-top: 0vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .smu-left-hero-inner {
            padding-top: 0vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .smu-left-hero-inner {
            padding-top: 0vw;
            padding-left: 0vw; } }

.smu-left-hero-image {
    width: 43vw;
    padding-top: 0vw;
    padding-left: 0vw;
    padding-bottom: 0vw;
    padding-right: 0vw;
    height: auto;
    opacity: 1.0;
    transition: 4s ease; }

    @media only screen and (max-width: 375px) {
        .smu-left-hero-image {
            width: 96vw;
            padding-top: 0vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .smu-left-hero-image {
            width: 96vw;
            padding-top: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .smu-left-hero-image {
            width: 94vw;
            padding-top: 0vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .smu-left-hero-image {
            width: 94vw;
            padding-left: .65vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .smu-left-hero-image {
            padding-top: 0vw;
            width: 43 vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        .smu-left-hero-image {
            padding-top: 0vw;
            width: 44vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        .smu-left-hero-image {
            padding-top: 0vw;
            width: 43vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) {
        .smu-left-hero-image {
            padding-top: 0vw;
            width: 43vw; } }

.overlay-smu-left-hero-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 4s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000; }

.smu-left-hero-image:hover  .overlay-smu-left-hero-image {
    opacity: 1.0;
    transition: 4s ease; }

.introductions-grid-holder {
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center; 
    height: calc(100vh - 4.25em);
    padding-left: .4vw;
    background-color: transparent; }

    @media only screen and (max-width: 599px) {
        .introductions-grid-holder {
            margin: 0 0;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center; 
            height: auto;
            padding-top: 0vw;
            padding-bottom: 0vw;
            padding-left: 0vw;
            background-color: #fff;
            z-index: 222222; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .introductions-grid-holder {
            margin: 0 0;
            display: flex;
            justify-content: center;
            align-items: center; 
            height: auto;
            padding-top: 0vw;
            padding-bottom: 9vw;
            padding-left: 0vw;
            background-color: #fff;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); } }

.grid-box {
    margin: 0 auto;
    height: auto;
    width: auto;
    background-color: transparent;
    box-shadow: 0 2vw 3vw -1vw rgba(0,0,0,0.4); }

    @media only screen and (max-width: 599px) {
        .grid-box {
            width: auto;
            height: auto;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .grid-box {
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.34); } }

@supports (display: grid) {
    .two-across-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1px; } }

    @media only screen and (max-width: 375px) {
        .two-across-grid { 
            grid-template-columns: repeat(1, 1fr);      
            grid-gap: 1px; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .two-across-grid { 
            grid-template-columns: repeat(1, 1fr);      
            grid-gap: 1px; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .two-across-grid { 
            grid-template-columns: repeat(2, 1fr);      
            grid-gap: 1px; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .two-across-grid {       
            grid-gap: 1px; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .two-across-grid {       
            grid-gap: 1px; } }

.two-across-grid > div {
    flex: 1; }

.two-across-grid section { }

.connect-2-copy {
    position: absolute; }

.connect-2-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: 1.95vw;
    line-height: 1.44;
    word-spacing: -.35vw;
    letter-spacing: -.075vw;
    color: #fff;  
    opacity: 1.0;
    padding-left: 0vw; } 

    @media only screen and (max-width: 376px) {
        .connect-2-copy p {
            font-size: 9vw;
            line-height: 1.44;
            word-spacing: -1vw;
            letter-spacing: -.075vw; } }

    @media only screen and (min-width: 377px) and (max-width: 599px) {
        .connect-2-copy p {
            font-size: 9vw;
            line-height: 1.44;
            word-spacing: -1vw;
            letter-spacing: -.075vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .connect-2-copy p {
            font-size: 4vw;
            line-height: 1.44;
            word-spacing: -.35vw;
            letter-spacing: -.075vw; } }

.connect-2-block {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    width: 21vw;
    height: 21vw;
    transition: 1.5s ease; }

    @media only screen and (max-width: 599px) {
        .connect-2-block {
            width: 100vw;
            height: auto;
            transition: 0.5s ease;
            /*box-shadow: 0 2vw 3.5vw -.5vw rgba(0, 0, 0, 0.55);*/ } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .connect-2-block {
            width: 42vw;
            height: 42vw; 
            transition: 0.5s ease; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .connect-2-block {
            width: 22vw;
            height: 22vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .connect-2-block {
            width: 22vw;
            height: 22vw; } }

.overlay-connect-2-block {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 1.5s ease;
    display: flex;
    justify-content: center;
    align-items: center; }

.connect-2-block:hover  .overlay-connect-2-block {
    opacity: 1.0;
    transition: 1.5s ease-in-out;
    z-index: 999999; }

.pricing-wrapper {
    margin: 0 0;
    height: auto;
    position: relative;
    background-color: transparent;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55);
    z-index: 444444; }

    @media only screen and (max-width: 1024px) {
        .pricing-wrapper {
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.pricing-4c-grid-headline-outer {
    margin: 0 0;
/*    background: url("https://www.robkell.com/images/systematic_creativity_bleed_19.svg");*/
background: url("https://www.robkell.com/images/systematic_creativity_trade_gothic_3.svg");
/*    background: url("https://www.robkell.com/images/systematic_creativity_gotham_black_meld_4.svg");*/
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 333333;
/*    height: 55.7vh;*/
    width: auto;
    height: 54vh;
    /*display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;*/
    transition: 2s ease;
    box-shadow: 0 3vw 5vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .pricing-4c-grid-headline-outer {
            background: #000;
            height: auto;
            padding-top: 9vw;
            padding-bottom: 9vw;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pricing-4c-grid-headline-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw;
            background: #000;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .pricing-4c-grid-headline-outer {
            height: 51.8vh;
/*            height: 55.7vh;*/
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .pricing-4c-grid-headline-outer {
            height: 55.7vh;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

.pricing-4c-grid-headline-image {
    width: 87vw;
    height: auto;
    margin-bottom: 0vw;
    padding-right: 0vw;
    opacity: 1.0;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .pricing-4c-grid-headline-image  {
            width: 91vw;
            height: auto;
            padding-left: 0vw;
            margin-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pricing-4c-grid-headline-image  {
            width: 93vw;
            height: auto;
            padding-top: 0w;
            padding-left: 0vw;
            margin-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .pricing-4c-grid-headline-image  {
            width: 88w;
            height: auto;
            padding-left: 0vw;
            padding-right: 0vw;
            margin-bottom: 0vw; } }

.overlay-pricing-4c-grid-headline-image {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 2s ease; }

.pricing-4c-grid-headline-image:hover  .overlay-pricing-4c-grid-headline-image {
    transition: 2s ease;
    opacity: 1.0; }

.creative-efficiency-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 2.0vw;
    line-height: 1.17;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    padding-top: 1.0vw;
    padding-bottom: 0vw;
    color: #6e6864;
    opacity: 1.0; }

.pricing-4c-grid-outer {
    margin: 0 0;
    background: transparent;
    position: relative;
    z-index: 111111;
    height: auto;
    box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); }

    @media only screen and (max-width: 599px) {
        .pricing-4c-grid-outer {
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pricing-4c-grid-outer {
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }


@supports (display: grid) {
    .pricing-4c-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1px; } }

    @media only screen and (max-width: 599px) { 
        @supports (display: grid) {
            .pricing-4c-grid {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                grid-gap: 1px; } } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        @supports (display: grid) {
            .pricing-4c-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-gap: 1px; } } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        @supports (display: grid) {
            .pricing-4c-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-gap: 1px; } } }

.pricing-4c-grid > div {
    flex: 1; }

.pricing-4c-grid section { }

.pricing-robai {
    width: 100%;
    position: relative;
    height: auto;
    padding-top: 3vw;
    padding-bottom: 5vw;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    transition: 2s ease;
    box-shadow: inset 0px -1vw 4vw -1vw rgba(0,0,0,0.21);
    background: #f4f2ee; }

    @media only screen and (max-width: 599px) {
        .pricing-robai {
            padding-top: 10vw;
            padding-bottom: 11vw;
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.13); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pricing-robai {
            padding-top: 8vw;
            padding-bottom: 9vw;
            box-shadow: inset 0px -3vw 5vw -1vw rgba(0,0,0,0.13); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .pricing-robai {
            padding-top: 3vw;
            padding-bottom: 5vw;
            box-shadow: inset 0px -1vw 2vw -1vw rgba(0,0,0,0.13); } }

.pricing-wordbook {
    width: 100%;
    position: relative;
    height: auto;
    padding-top: 3vw;
    padding-bottom: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    transition: 2s ease;
    box-shadow: inset 0px -1vw 4vw -1vw rgba(0,0,0,0.21);
/*    background: #f4f2ee;*/
    background: #fff; }

    @media only screen and (max-width: 599px) {
        .pricing-wordbook {
            padding-top: 10vw;
            padding-bottom: 11vw;
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.13); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pricing-wordbook {
            padding-top: 8vw;
            padding-bottom: 9vw;
            box-shadow: inset 0px -3vw 5vw -1vw rgba(0,0,0,0.13); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .pricing-wordbook {
            padding-top: 3vw;
            padding-bottom: 5vw;
            box-shadow: inset 0px -1vw 2vw -1vw rgba(0,0,0,0.13); } }

.pricing-yourit {
    width: 100%;
    position: relative;
    height: auto;
    padding-top: 3vw;
    padding-bottom: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    transition: 2s ease;
    box-shadow: inset 0px -1vw 4vw -1vw rgba(0,0,0,0.21);
    background: #f4f2ee; }

    @media only screen and (max-width: 599px) {
        .pricing-yourit {
            padding-top: 10vw;
            padding-bottom: 11vw;
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.13);
            background: #fff; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pricing-yourit {
            padding-top: 8vw;
            padding-bottom: 9vw;
            box-shadow: inset 0px -3vw 5vw -1vw rgba(0,0,0,0.13); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .pricing-yourit {
            padding-top: 3vw;
            padding-bottom: 5vw;
            box-shadow: inset 0px -1vw 2vw -1vw rgba(0,0,0,0.13); } }

.pricing-roblines {
    width: 100%;
    position: relative;
    height: auto;
    padding-top: 3vw;
    padding-bottom: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    transition: 2s ease;
    box-shadow: inset 0px -1vw 4vw -1vw rgba(0,0,0,0.21);
    background: #fff; }

    @media only screen and (max-width: 599px) {
        .pricing-roblines {
            padding-top: 10vw;
            padding-bottom: 11vw;
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.13);
            background: #f4f2ee; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pricing-roblines {
            padding-top: 8vw;
            padding-bottom: 9vw;
            box-shadow: inset 0px -3vw 5vw -1vw rgba(0,0,0,0.13); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .pricing-roblines {
            padding-top: 3vw;
            padding-bottom: 5vw;
            box-shadow: inset 0px -1vw 2vw -1vw rgba(0,0,0,0.13); } }

.pricing-4c-inner {
    margin: 0 auto; 
    text-align: left;
    height: auto;
    background: transparent;
    padding-top: 0vw; }

.pricing-4c-headline h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    text-align: left;
    font-size: 2.1vw;
    line-height: 1.15;
    word-spacing: -.25vw;
    letter-spacing: 0vw;
    margin-bottom: 1vw;
    color: #000; }

    @media only screen and (max-width: 599px) {
        .pricing-4c-headline h2 {
            font-size: 8vw;
            line-height: 1.5;
            word-spacing: -.75vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pricing-4c-headline h2 {
            font-size: 5vw;
            line-height: 1.0;
            word-spacing: -.75vw; } }

    /*@media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .pricing-4c-headline h2 {
            font-size: 2.1vw;
            line-height: 1.0;
            word-spacing: -.25vw; } }*/

.pricing-4c-body p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 1.5vw;
    line-height: 1.55;
    word-spacing: -.25vw;
    letter-spacing: -.03vw;
    color: #aea8a4; }

    @media only screen and (max-width: 599px) {
        .pricing-4c-body p {
            font-size: 6.0vw;
            line-height: 1.6;
            word-spacing: -.5vw;
            letter-spacing: -.035vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pricing-4c-body p {
            font-size: 2.9vw;
            line-height: 1.8;
            word-spacing: -.28vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .pricing-4c-body p {
            font-size: 1.5vw;
            line-height: 1.55; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .pricing-4c-body p {
            font-size: 1.5vw;
            line-height: 1.55; } }

.systematic-retainer-block {
    margin: 0 0;
    background: url("https://www.robkell.com/images/kell_yes_space_1.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 111111;
    height: 63vh;
    padding-left: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .systematic-retainer-block {
            background: #f6f1e1;
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34);
            height: auto;
            padding-top: 9vw;
            padding-bottom: 10vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .systematic-retainer-block {
            background: #f6f1e1;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-top: 5vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .systematic-retainer-block {
            height: 63vh; } }

.pricing-retainer-block {
    margin: 0 0;
    background: url("https://www.robkell.com/images/kell_yes_space_fff_1.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 111111;
    height: 63vh;
    padding-left: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .pricing-retainer-block {
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34);
            background: url("https://www.robkell.com/images/kell_yes_vert_bg_4.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 58vh; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pricing-retainer-block {
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34);
            background: url("https://www.robkell.com/images/kell_yes_vert_bg_4.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 65vh; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .pricing-retainer-block {
            height: 63vh; } }

.pricing-retainer-block-holder {
    wisth: 81%;
    padding-left: 0vw;
    display: flex; 
    flex-direction: row; }

.pricing-retainer-block-right {
    width: 57vw;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left; }

.pricing-retainer-block-left {
    width: 24vw;
    display: flex;
    justify-content: right;
    align-items: center; }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .pricing-retainer-block-left {
            width: 26vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .pricing-retainer-block-left {
            width: 26vw; } }

.rob-orb {
    width: 29vw;
    height: auto;
    left: 0;
    padding-top: 1.5vw;
    padding-bottom: 0vw;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .rob-orb {
            width: 25vw;
            padding-top: 1.2vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .rob-orb {
            width: 65vw;
            text-align: left;
            padding-right: 15vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .rob-orb {
            width: 23vw;
            padding-top: 1.0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .rob-orb {
            width: 23vw;
            padding-top: 1.0vw;
            padding-bottom: 0vw; } }

.rob-orb:hover {
    transition: 2s ease;
/*    transform: scale(1.2);*/
    transform: rotate(360deg); }

.rob-orb-2 {
    width: 34vw;
    height: auto;
    left: 0;
    padding-top: 1.0vw;
    padding-bottom: 0vw;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .rob-orb-2 {
            width: 72vw;
            right: 0;
            text-align: left;
            padding-right: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .rob-orb-2 {
            width: 72vw;
            padding-left: 1vw;
            padding-right: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .rob-orb-2 {
            width: 27vw;
            padding-top: 1.0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .rob-orb-2 {
            width: 27vw;
            padding-top: 1.0vw;
            padding-bottom: 0vw; } }

.rob-orb-3 {
    width: 34vw;
    height: auto;
    left: 0;
    padding-top: 1.0vw;
    padding-bottom: 0vw;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .rob-orb-3 {
            width: 72vw;
            right: 0;
            text-align: left;
            padding-right: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .rob-orb-3 {
            width: 44vw;
            margin: 0 auto;
            padding-left: 1vw;
            padding-right: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .rob-orb-3 {
            width: 27vw;
            padding-top: 1.0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .rob-orb-3 {
            width: 27vw;
            padding-top: 1.0vw;
            padding-bottom: 0vw; } }

.rob-orb-2:hover {
    transition: 2s ease;
    transform: rotate(720deg); }

.pricing-retainer-body p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 2.5vw;
    line-height: 1.5;
    word-spacing: -.25vw;
    letter-spacing: -.03vw;
    color: #8e8884; }

    @media only screen and (max-width: 599px) {
        .pricing-retainer-body p {
            font-size: 5.5vw;
            line-height: 1.7;
            word-spacing: -.5vw;
            letter-spacing: -.045vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pricing-retainer-body p {
            font-size: 4.75vw;
            line-height: 1.5;
            word-spacing: -.5vw;
            letter-spacing: -.045vw; } }

@supports (display: grid) {
    .systematic-2c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2vw; } }

    @media only screen and (max-width: 599px) {
        .systematic-2c-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .systematic-2c-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .systematic-2c-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 2.5vw; } } 

.systematic-2c-grid > div {
    flex: 1; }

.systematic-2c-grid section { }

.systematic-outer {
    width: 94vw; }

.systematic-left {
    display: flex;
    justify-content: right;
    align-items: flex-start;
    padding-top: 0vw;   
    padding-bottom: 0vw;
    width: 45vw;
    height: auto; }

.systematic-right {
    display: flex;
    justify-content: left;
    align-items: flex-start;
    padding-top: 3vw;   
    padding-bottom: 0vw;
    width: 47vw;
    height: auto; }

.btn-left {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: .7vw;
    text-transform: uppercase;
    letter-spacing: 0.2vw;
    word-spacing: -.125vw;
    color: #fff;
    background-color: #000;
    width: auto;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    height: 2.125vw;
    margin-top: 1vw;
    margin-left: 0vw;
    float: left;
    box-shadow: 0 .75vw .75vw -.5vw rgba(0, 0, 0, 0.34);
    border-radius: .35vw;
    transition: 1s ease;
    transform: translateY(0);
    display: flex;
    justify-content: center;
    align-items: center; }

     @media only screen and (max-width: 599px) {
        .btn-left {
            font-size: 3.5vw;
            letter-spacing: 0.3vw;
            box-shadow: 0 1vw 2vw -.5vw rgba(0, 0, 0, 0.34);
            border-radius: 1.25vw;
            width: auto;
            padding-left: 7vw;
            padding-right: 7vw;
            height: auto;
            padding-top: 2.7vw;
            padding-bottom: 2.5vw;
            margin-top: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .btn-left {
            font-size: 1.8vw;
            letter-spacing: 0.3vw;
            box-shadow: 0 1vw 2vw -.5vw rgba(0, 0, 0, 0.34);
            border-radius: .75vw;
            width: auto;
            padding-left: 5vw;
            padding-right: 5vw;
            height: auto;
            padding-top: 1.5vw;
            padding-bottom: 1.5vw;
            margin-top: 2.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .btn-left {
            font-size: .8vw;
            padding-left: 2vw;
            padding-right: 2vw;
            height: 2.375vw;
            margin-top: 1.2vw; } }

.btn-left:hover {
    transition: 1s ease;
    transform : translateY(-0px);
    background-color: #000;
    color: #aea8a4;
    box-shadow: 0 1vw 1vw -.5vw rgba(0, 0, 0, 0.55); }

.product-btn-flush {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: .85vw;
    text-transform: uppercase;
    letter-spacing: 0.2vw;
    word-spacing: -.125vw;
    color: #fff;
    background-color: #000;
    width: auto;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    height: 2.75vw;
    margin-top: .5vw;
    margin-left: 0vw;
    float: left;
    box-shadow: 0 .75vw .75vw -.5vw rgba(0, 0, 0, 0.34);
    border-radius: .35vw;
    transition: 1s ease;
    transform: translateY(0);
    display: flex;
    justify-content: center;
    align-items: center; }

     @media only screen and (max-width: 599px) {
        .product-btn-flush {
            font-size: 2.2vw;
            letter-spacing: 0.4vw;
            box-shadow: 0 1vw 2vw -.5vw rgba(0, 0, 0, 0.34);
            border-radius: .75vw;
            width: auto;
            height: auto;
            padding-top: 1.5vw;
            padding-bottom: 1.5vw;
            padding-left: 4vw;
            padding-right: 4vw;
            margin-top: 2.0vw;
            margin-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .product-btn-flush {
            font-size: 2.2vw;
            letter-spacing: 0.4vw;
            box-shadow: 0 1vw 2vw -.5vw rgba(0, 0, 0, 0.34);
            border-radius: .75vw;
            width: auto;
            height: auto;
            padding-top: 1.5vw;
            padding-bottom: 1.5vw;
            padding-left: 4vw;
            padding-right: 4vw;
            margin-top: 2.0vw;
            margin-left: 1vw;
            margin-bottom: 4vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .product-btn-flush {
            font-size: .8vw;
            padding-left: 2vw;
            padding-right: 2vw;
            height: 2.375vw;
            margin-top: 1.2vw; } }

.product-btn-flush:hover {
    transition: 1s ease;
    transform : translateY(-0px);
    background-color: #000;
    color: #aea8a4;
    box-shadow: 0 1vw 1vw -.5vw rgba(0, 0, 0, 0.55); }

.product-btn-left {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: .7vw;
    text-transform: uppercase;
    letter-spacing: 0.2vw;
    word-spacing: -.125vw;
    color: #fff;
    background-color: #000;
    width: auto;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    height: 2.125vw;
    margin-top: 1vw;
    margin-left: 1vw;
    float: left;
    box-shadow: 0 .75vw .75vw -.5vw rgba(0, 0, 0, 0.34);
    border-radius: .35vw;
    transition: 1s ease;
    transform: translateY(0);
    display: flex;
    justify-content: center;
    align-items: center; }

     @media only screen and (max-width: 599px) {
        .product-btn-left {
            font-size: 3.25vw;
            letter-spacing: 0.4vw;
            box-shadow: 0 2vw 4vw -.5vw rgba(0, 0, 0, 0.34);
            border-radius: 1.25vw;
            width: auto;
            height: auto;
            padding-top: 2.25vw;
            padding-bottom: 2vw;
            padding-left: 6vw;
            padding-right: 6vw;
            margin-top: 5vw;
            margin-bottom: 5vw;
            margin-left: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .product-btn-left {
            font-size: 2.2vw;
            letter-spacing: 0.4vw;
            box-shadow: 0 1vw 2vw -.5vw rgba(0, 0, 0, 0.34);
            border-radius: .75vw;
            width: auto;
            height: auto;
            padding-top: 1.5vw;
            padding-bottom: 1.5vw;
            padding-left: 4vw;
            padding-right: 4vw;
            margin-top: 2.0vw;
            margin-left: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .product-btn-left {
            font-size: .8vw;
            padding-left: 2vw;
            padding-right: 2vw;
            height: 2.375vw;
            margin-top: 1.2vw; } }

.product-btn-left:hover {
    transition: 1s ease;
    transform : translateY(-0px);
    background-color: #000;
    color: #aea8a4;
    box-shadow: 0 1vw 1vw -.5vw rgba(0, 0, 0, 0.55); }

.retain-btn-left {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: .7vw;
    text-transform: uppercase;
    letter-spacing: 0.2vw;
    word-spacing: -.125vw;
    color: #fff;
    background-color: #000;
    width: auto;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    height: 2.125vw;
    margin-top: 1vw;
    margin-left: 0vw;
    float: left;
    box-shadow: 0 .75vw .75vw -.5vw rgba(0, 0, 0, 0.34);
    border-radius: .35vw;
    transition: 1s ease;
    transform: translateY(0);
    display: flex;
    justify-content: center;
    align-items: center; }

     @media only screen and (max-width: 599px) {
        .retain-btn-left {
            font-size: 3.25vw;
            letter-spacing: 0.4vw;
            box-shadow: 0 2vw 4vw -.5vw rgba(0, 0, 0, 0.34);
            border-radius: 1.25vw;
            width: auto;
            height: auto;
            padding-top: 2.25vw;
            padding-bottom: 2vw;
            padding-left: 6vw;
            padding-right: 6vw;
            margin-top: 10vw;
            margin-bottom: 5vw;
            margin-left: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .retain-btn-left {
            font-size: 2.2vw;
            letter-spacing: 0.4vw;
            box-shadow: 0 1vw 2vw -.5vw rgba(0, 0, 0, 0.34);
            border-radius: .75vw;
            width: auto;
            height: auto;
            padding-top: 1.5vw;
            padding-bottom: 1.5vw;
            padding-left: 4vw;
            padding-right: 4vw;
            margin-top: 2.0vw;
            margin-left: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .retain-btn-left {
            font-size: .8vw;
            padding-left: 2vw;
            padding-right: 2vw;
            height: 2.375vw;
            margin-top: 1.2vw; } }

.retain-btn-left:hover {
    transition: 1s ease;
    transform : translateY(-0px);
    background-color: #000;
    color: #aea8a4;
    box-shadow: 0 1vw 1vw -.5vw rgba(0, 0, 0, 0.55); }

#pricing-4c-btn-left-color a {
    color: #f4f2ee; }

hr.upper-dark-divider {
    height: 1px;
    background-color: #bbb;
    border: none;
    width: 100%;
    margin-top: .5vw;
    margin-bottom: 1.0vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.upper-dark-divider {
            margin-top: 2vw;
            margin-bottom: 2.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.upper-dark-divider {
            margin-top: 2vw;
            margin-bottom: 2.5vw; } }

hr.lower-dark-divider {
    height: 1px;
    background-color: #bbb;
    border: none;
    width: 100%;
    margin-top: 1.0vw;
    margin-bottom: .5vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.lower-dark-divider {
            margin-top: 2.5vw;
            margin-bottom: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.lower-dark-divider {
            margin-top: 2.5vw;
            margin-bottom: 2vw; } }

hr.upper-light-divider {
    height: 1px;
    background-color: #bbb;
    border: none;
    width: 100%;
    margin-top: .5vw;
    margin-bottom: 1.0vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.upper-light-divider {
            margin-top: 2vw;
            margin-bottom: 2.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.upper-light-divider {
            margin-top: 2vw;
            margin-bottom: 2.5vw; } }

hr.lower-light-divider {
    height: 1px;
    background-color: #bbb;
    border: none;
    width: 100%;
    margin-top: 1.0vw;
    margin-bottom: .5vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.lower-light-divider {
            margin-top: 2.5vw;
            margin-bottom: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.lower-light-divider {
            margin-top: 2.5vw;
            margin-bottom: 2vw; } }

#blockheads-body-outer {
    margin: 0 0;
    background: #222;
    position: relative;
    z-index: 444444;
    height: auto;
    padding-top: 8vw;
    padding-bottom: 8.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 3.5vw 4.5vw -1vw rgba(0,0,0,0.6); }

    @media only screen and (max-width: 599px) {
         #blockheads-body-outer {
            background: #222;
            z-index: 555555;
            height: auto;
            padding-top: 15vw;
            padding-bottom: 16vw;
            padding-right: 0vw;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #blockheads-body-outer {
            background: #222;
            z-index: 444444;
            height: calc(100svh - 4.25em);
            padding-right: 0vw;
            box-shadow: 0 8vw 13vw -1vw rgba(0,0,0,0.65); } }

#blockheads-body-outer a {
    color: rgba(237,110,27,1.0);
    transition: 2s ease;
    z-index: 999999; }

#blockheads-body-outer a:hover {
    transition: 2s ease;
    color: #f6f1e1; }

.optimism-outer {
    margin: 0 0;
    background: #000;
    position: relative;
    z-index: 666666;
/*    height: calc(100svh - 4.25em);*/
height: auto;
padding-top: 5vw;
padding-bottom: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
         .optimism-outer {
            background: #000;
            z-index: 666666;
/*            height: calc(100svh - 4.25em);*/
height: auto;
padding-top: 10vw;
padding-bottom: 10vw;
            padding-right: 0vw;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .optimism-outer {
            background: #000;
            z-index: 666666;
/*            height: calc(100svh - 4.25em);*/
height: auto;
padding-top: 10vw;
padding-bottom: 10vw;
            padding-right: 0vw;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55); } }

.hire-rad-outer {
    margin: 0 0;
    background: #000;
    position: relative;
    z-index: 666666;
    height: auto;
    padding-top: 3.5vw;
    padding-bottom: 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.75); }

    @media only screen and (max-width: 599px) {
         .hire-rad-outer {
            background: #000;
            z-index: 666666;
            height: auto;
            padding-top: 15vw;
            padding-bottom: 16vw;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .hire-rad-outer {
            background: #000;
            height: auto;
            padding-top: 15vw;
            padding-bottom: 16vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.hire-rad-image {
    width: 69vw;
    height: auto;
    margin-bottom: 0vw;
    padding-right: 0vw;
    opacity: 1.0;
    transition: 4s ease; }

    @media only screen and (max-width: 599px) {
        .hire-rad-image {
            width: 99vw;
            height: auto;
            padding-left: 0vw;
            margin-bottom: 9vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .hire-rad-image {
            width: 96vw;
            height: auto;
            padding-left: 0vw;
            margin-bottom: 9vw; } }

.wordbook-headline-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    background: transparent;
    padding-top: 0vw; }

.blockheads-lede-image {
    width: 89vw;
    height: auto;
    margin-bottom: .75vw;
    padding-right: 0vw;
    opacity: 1.0;
    transition: 4s ease; }

    @media only screen and (max-width: 599px) {
        .blockheads-lede-image {
            width: 99vw;
            height: auto;
            padding-left: 0vw;
            margin-bottom: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .blockheads-lede-image {
            width: 96vw;
            height: auto;
            padding-left: 0vw;
            margin-bottom: 1vw; } }

.overlay-blockheads-lede-image {
    background: #222;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 4s ease; }

.blockheads-lede-image:hover  .overlay-blockheads-lede-image {
    transition: 4s ease;
    opacity: 1.0; }

.optimism-image {
    width: 90vw;
/*    width: 78vw;*/
    height: auto;
    margin-bottom: .75vw;
    padding-right: 0vw;
    opacity: 1.0;
    transition: 4s ease; }

    @media only screen and (max-width: 599px) {
        .optimism-image {
            width: 91vw;
            height: auto;
            padding-left: 0vw;
            margin-bottom: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .optimism-image {
/*            width: 91vw;*/
            width: 83vw;
            height: auto;
            padding-left: 0vw;
            margin-bottom: .5vw; } }

.blockheads-index-vertical-image {
    width: 89vw;
    height: auto;
    margin-bottom: .75vw;
    padding-right: 0vw;
    opacity: 1.0;
    transition: 4s ease; }

    @media only screen and (max-width: 599px) {
        .blockheads-index-vertical-image {
            width: 97vw;
            height: auto;
            padding-left: 1vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .blockheads-index-vertical-image {
            width: 94vw;
            height: auto;
            padding-left: 0vw;
            margin-bottom: 1vw; } }

.blockheads-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    font-size: 3.75vw;
    line-height: 1.3;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    padding-top: .5vw;
    padding-left: .5vw;
    color: #7e7874;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .blockheads-copy p {
            font-weight: 700;
            font-size: 5.3vw;
            line-height: 1.1;
            padding-left: .75vw;
            padding-top: 4vw;
            padding-bottom: 1vw;
            letter-spacing: 0.06vw;
            word-spacing: -.1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .blockheads-copy p {
            font-weight: 700;
            font-size: 4.85vw;
            line-height: 1.3;
            padding-left: .75vw;
            padding-top: 3.5vw;
            padding-bottom: 1vw;
            letter-spacing: 0.03vw;
            word-spacing: -.1vw; } }

.brevity-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    font-size: 2.75vw;
    line-height: 1.3;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    padding-top: .5vw;
    padding-left: 0vw;
    color: #6e6864;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .brevity-copy p {
            font-weight: 300;
            color: #000;
            font-size: 5.3vw;
            line-height: 1.1;
            padding-left: .75vw;
            padding-top: 4vw;
            padding-bottom: 1vw;
            letter-spacing: 0.06vw;
            word-spacing: -.1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .brevity-copy p {
            font-weight: 300;
            color: #000;
            font-size: 5.25vw;
            line-height: 1.3;
            padding-left: 0vw;
            padding-top: 3.5vw;
            padding-bottom: 0vw;
            letter-spacing: -.02vw;
            word-spacing: -.45vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .brevity-copy p {
            font-weight: 300;
            color: #7e7874;
            font-size: 3vw;
            line-height: 1.3;
            padding-top: 1vw;
            padding-bottom: 0vw;
            letter-spacing: 0vw;
            word-spacing: -.2vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .brevity-copy p {
            font-weight: 300;
            color: #7e7874;
            font-size: 3vw;
            line-height: 1.3;
            padding-top: 1vw;
            padding-bottom: 0vw;
            letter-spacing: 0vw;
            word-spacing: -.2vw; } }

.half-off-outer {
    margin: 0 0;
    background: transparent;
    position: relative;
    z-index: 222222;
    height: auto;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .half-off-outer {
            height: auto;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .half-off-outer {
            height: auto;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

.half-off-systems {
    margin: 0 0;
    background: #fff;
    position: relative;
    z-index: 333333;
    height: auto;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .half-off-systems {
            height: auto;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .half-off-systems {
            height: auto;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

@supports (display: grid) {
    .boldness-serving-kindness-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0vw; } }

    @media only screen and (max-width: 1024px) { 
        @supports (display: grid) {
            .boldness-serving-kindness-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 0vw; } } }

.boldness-serving-kindness-grid > div {
    flex: 1; }

.boldness-serving-kindness-grid section { }

.half-off-left-outer {
/*    background: rgba(255,0,0,1.0);*/
    background: #222;
    position: relative;
    margin: 0 0;
    z-index: 222222;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-bottom: 0vw;
    transition: 2s ease;
    box-shadow: 2.0vw 0 3.5vw -.75vw rgba(0,0,0,0.6); }

    @media only screen and (max-width: 599px) {
        .half-off-left-outer {
            height: auto; 
            padding-top: 10vw; 
            padding-bottom: 9vw;
            padding-left: .5vw;
            box-shadow: 0vw 5vw 15vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .half-off-left-outer {
            height: auto; 
            padding-top: 7vw; 
            padding-bottom: 7vw;
            box-shadow: 0vw 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.half-off-headline-image {
    width: 44vw;
    height: auto;
    padding-bottom: 0vw;
    padding-left: 1vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        .half-off-headline-image {
            width: 90vw;
            height: auto;
            padding-left: 1vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .half-off-headline-image {
            width: 88vw;
            height: auto;
            padding-left: 1vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .half-off-headline-image {
            width: 46vw;
            height: auto;
            padding-left: 1vw;
            padding-bottom: 0vw; } }

.half-off-right-outer {
    background: transparent;
    position: relative;
    margin: 0 0;
    z-index: 111111;
/*    box-shadow: inset 0px -3vw 5vw -1vw rgba(0,0,0,0.34);*/
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 2vw;
    padding-top: 2vw;
    padding-bottom: 0vw; }

    @media only screen and (max-width: 599px) {
        .half-off-right-outer {
            background: transparent;
            height: auto; 
            padding-top: 8vw; 
            padding-bottom: 15vw;
            padding-left: 1.5vw;
            box-shadow: 0vw 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .half-off-right-outer {
            height: auto; 
            padding-top: 5vw; 
            padding-bottom: 8vw;
            padding-left: 1.5vw;
            box-shadow: 0vw 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .half-off-right-outer {
            padding-left: 1vw;
            padding-top: 2.5vw; } }

.half-off-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 2.1vw;
    line-height: 1.55;
    word-spacing: -.34vw;
    letter-spacing: -.035vw;
    color: #aea8a4; 
    margin-top: 0; 
    padding-left: 0vw; }

    @media only screen and (max-width: 599px) {
        .half-off-copy p {
            font-size: 5.5vw;
            line-height: 1.7;
            word-spacing: -.6vw;
            letter-spacing: -.05vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .half-off-copy p {
            font-size: 4vw;
            line-height: 1.6;
            word-spacing: -.4vw;
            letter-spacing: -.035vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .half-off-copy p {
            font-size: 2.1vw;
            line-height: 1.55;
            word-spacing: -.4vw;
            letter-spacing: -.035vw; } }

.Hex00 {
    color: #000; }

.Hex22 {
    color: #222; }

hr.half-off {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 1.25vw;
    margin-bottom: 1.5vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.half-off {
            margin-top: 2.5vw;
            margin-bottom: 2.85vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.half-off {
            margin-top: 2.5vw;
            margin-bottom: 2.85vw; } }

.btn-products {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: .83vw;
    text-transform: uppercase;
    letter-spacing: 0.125vw;
    word-spacing: -.05vw;
    color: #fff;
    background-color: #000;
    width: auto;
    height: auto;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    padding-top: .75vw;
    padding-bottom: .75vw;
    margin-top: 0vw;
    margin-left: 0vw;
    float: left;
    box-shadow: 0 .75vw .75vw -.5vw rgba(0, 0, 0, 0.34);
    border-radius: .35vw;
    transition: 1s ease;
    transform: translateY(0);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }

    @media only screen and (max-width: 599px) {
        .btn-products {
            font-size: 3.25vw;
            letter-spacing: 0.4vw;
            box-shadow: 0 2vw 4vw -.5vw rgba(0, 0, 0, 0.34);
            border-radius: 1.25vw;
            width: auto;
            height: auto;
            padding-top: 2.25vw;
            padding-bottom: 2vw;
            padding-left: 6vw;
            padding-right: 6vw;
            margin-top: 12vw;
            margin-bottom: 5vw;
            margin-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .btn-products {
            font-size: 1.8vw;
            letter-spacing: 0.3vw;
            box-shadow: 0 1vw 2vw -.5vw rgba(0, 0, 0, 0.34);
            border-radius: .75vw;
            width: auto;
            padding-left: 5vw;
            padding-right: 5vw;
            height: auto;
            padding-top: 1.5vw;
            padding-bottom: 1.5vw;
            margin-top: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .btn-products {
            font-size: .88vw;
            padding-left: 1.5vw;
            padding-right: 1.5vw;
            padding-top: .75vw;
            padding-bottom: .75vw;
            margin-left: 0vw;
            margin-top: 0vw; } }

.btn-products:hover {
    transition: 1s ease;
    transform : translateY(-0px);
    background-color: #000;
    color: #fff;
    box-shadow: 0 1vw 1vw -.5vw rgba(0, 0, 0, 0.5); }

.trademarks-header-outer {
    margin: 0 0;
    background-color: #222;
/*    background: rgba(237,110,27,1.0);*/
    padding-top: 2vw;
    padding-bottom: 2vw;
    height: auto;
    /*padding-top: 3.5vw;
    padding-bottom: 3.25vw;*/
    position: relative;
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .trademarks-header-outer {
            background: #222;
            box-shadow: 0 8vw 18vw -1vw rgba(0,0,0,0.55); 
            padding-left: 1vw;
            padding-top: 12vw;
            padding-bottom: 12vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .trademarks-header-outer {
            background: #222;
/*            background: rgba(237,110,27,1.0);*/
            height: auto;
            padding-top: 8vw;
            padding-bottom: 7vw;
/*            box-shadow: inset 0px -3vw 8vw -1vw rgba(0,0,0,0.55);*/
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .trademarks-header-outer {
            height: auto;
            /*padding-top: 3.5vw;
            padding-bottom: 3.25vw;*/
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .trademarks-header-outer {
            height: auto;
            /*padding-top: 3.5vw;
            padding-bottom: 3.25vw;*/
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); } }

.trademarks-brevity-image {
/*    width: 62vw;*/
    width: 84vw;
    height: auto;
    margin: 0 auto;
    padding-left: 0vw;
    padding-top: 0vw;
    opacity: 1.0;
    transition: 4s ease; }

    @media only screen and (max-width: 599px) { 
        .trademarks-brevity-image {
            padding-left: 0vw;
            padding-right: 0vw;
            width: 90vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .trademarks-brevity-image {
            padding-left: 0vw;
            padding-bottom: 0vw;
            width: 92vw;
            opacity: 1.0; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .trademarks-brevity-image {
            width: 84vw;
            padding-top: 0vw;
            padding-left: 0vw;
            opacity: 1.0; } }

.trademarks-wrapper {
    margin: 0 0;
    height: auto;
    padding-top: 5.0vw;
    padding-bottom: 7vw;
/*    height: calc(100vh - 4.25em);*/
    position: relative;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0px -3vw 5vw -1vw rgba(0,0,0,0.44);
    z-index: 888888; }

    @media only screen and (max-width: 375px) { 
        .trademarks-wrapper {
            height: auto;
            padding-top: 13vw;
            padding-bottom: 13vw;
            box-shadow: 0 8vw 15vw -1vw rgba(0,0,0,0.75); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .trademarks-wrapper {
            height: auto;
            padding-top: 13vw;
            padding-bottom: 13vw;
            box-shadow: 0 8vw 15vw -1vw rgba(0,0,0,0.75); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .trademarks-wrapper {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 13vw;
            box-shadow: inset 0px -3vw 5vw -1vw rgba(0,0,0,0.34); } }

.connect-4-across-grid-holder {
    position: relative;
    margin: 0 0;
    height: auto;
    z-index: 222222; }

    @media only screen and (max-width: 375px) { 
        .connect-4-across-grid-holder {
            display: flex;
            justify-content: center;
            align-items: center; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .connect-4-across-grid-holder {
            display: flex;
            justify-content: center;
            align-items: center; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .connect-4-across-grid-holder {
            width: 88vw; } }

@supports (display: grid) {
    .four-across-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0px; } }

    @media only screen and (max-width: 375px) {
        .four-across-grid { 
            grid-template-columns: repeat(1, 1fr);      
            grid-gap: 5px; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .four-across-grid { 
            grid-template-columns: repeat(1, 1fr);      
            grid-gap: 5px; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .four-across-grid {  
            grid-template-columns: repeat(2, 1fr);        
            grid-gap: 6px; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .four-across-grid { 
            grid-template-columns: repeat(2, 1fr);      
            grid-gap: 6px; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .four-across-grid {       
            grid-gap: 0px; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .four-across-grid {       
            grid-gap: 0px; } }

.four-across-grid > div {
    flex: 1; }

.four-across-grid section { }

.connect-4-block {
    position: relative;
    margin: 0 auto;
    width: 22vw;
    height: 22vw;
    box-shadow: 0 0vw 0vw 0vw rgba(0, 0, 0, 0.0);
    transition: 2s ease;
    opacity: 1.0; }

    @media only screen and (max-width: 375px) {
        .connect-4-block {
            width: 45vw;
            height: auto;
            transition: 0.5s ease;
            box-shadow: 0 5vw 18vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .connect-4-block {
            width: 80vw;
            height: 80vw;
            transition: 0.5s ease;
            box-shadow: 0 5vw 18vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .connect-4-block {
            width: 44vw;
            height: 44vw; 
            transition: 0.5s ease;
            box-shadow: 0 0vw 0vw 0vw rgba(0, 0, 0, 0.0); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .connect-4-block {
            width: 44vw;
            height: 44vw; 
            transition: 0.5s ease;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .connect-4-block {
            width: 22vw;
            height: 22vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .connect-4-block {
            width: 22vw;
            height: 22vw; } }

.overlay-connect-4-block {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 2s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999; }

.connect-4-block:hover  .overlay-connect-4-block {
    transition: 2s ease;
    box-shadow: 0 2.5vw 3.5vw -.5vw rgba(0, 0, 0, 0.6);
    transform: scale(1.3);
    z-index: 999999;
    opacity: 1.0; }

.trademarks-caption-outer {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start; 
    padding-top: 3.25vw;
    padding-bottom: 0vw;
    height: auto;
    background: transparent;
    z-index: 111111; }

    @media only screen and (max-width: 376px) {
        .trademarks-caption-outer {
            padding-top: 4vw; } }

    @media only screen and (min-width: 377px) and (max-width: 599px) {
        .trademarks-caption-outer {
            padding-top: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .trademarks-caption-outer {
            padding-top: 3.25vw; } }

.trademarks-new p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 2.9vw;
    line-height: 1.54;
    letter-spacing: -.075vw;
    word-spacing: -.5vw;
    padding-left: .4vw;
    padding-top: .5vw;
    color: #aea8a4;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .trademarks-new p {
            font-size: 5.1vw;
            line-height: 1.8;
            padding-top: 2vw;
            letter-spacing: -.05vw;
            word-spacing: -.65vw;
            padding-left: 1vw;
            text-align: left; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .trademarks-new p {
            text-align: left;
            font-size: 5.4vw;
            line-height: 1.5;
            word-spacing: -.45vw;
            letter-spacing: -.075vw;
            padding-top: 1.5vw;
            padding-left: .5vw;
            padding-right: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .trademarks-new p {
            font-size: 2.9vw;
            line-height: 1.54;
            letter-spacing: -.04vw;
            word-spacing: -.4vw;
            padding-left: .4vw; } }

.trademark-body-left-leaning p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 2.9vw;
    line-height: 1.54;
    letter-spacing: -.075vw;
    word-spacing: -.5vw;
    padding-left: .4vw;
    padding-top: .5vw;
    color: #aea8a4;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .trademark-body-left-leaning p {
            font-size: 5.5vw;
            line-height: 1.8;
            padding-top: 3vw;
            letter-spacing: -.05vw;
            word-spacing: -.65vw;
            padding-left: 0vw;
            text-align: left; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .trademark-body-left-leaning p {
            text-align: left;
            font-size: 5.0vw;
            line-height: 1.35;
            word-spacing: -.45vw;
            letter-spacing: -.075vw;
            padding-left: 1vw;
            padding-right: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .trademark-body-left-leaning p {
            font-size: 2.9vw;
            line-height: 1.54;
            letter-spacing: -.04vw;
            word-spacing: -.4vw;
            padding-left: 0vw; } }

#under-upper-6 a {
    color: rgba(155,112,58,1.0);
    border-bottom: 1px dotted transparent;
    -webkit-transition:all .75s ease-in-out; 
    -moz-transition:all .75s ease-in-out; 
    -ms-transition:all .75s ease-in-out; 
    -o-transition:all .75s ease-in-out; 
    transition:all .75s ease-in-out;   
    padding-bottom: 18px;
    z-index: 999999; }

#under-upper-6 a:hover {
    border-bottom: 1px solid #9e9894;
    padding-bottom: 5px;
    color: #9e9894; }

.simplify-newsletter-outer {
    position: relative;
    z-index: 333333;
    margin: 0 0;
    background-color: #f6f1e1;
    height: calc(100vh - 4.25em);
    box-shadow: inset 0px -2vw 4vw -1vw rgba(0,0,0,0.34); }

    @media only screen and (max-width: 599px) { 
        .simplify-newsletter-outer {
            height: auto;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .simplify-newsletter-outer {
            height: auto;
            box-shadow: inset 0px -2vw 4vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .simplify-newsletter-outer {
            height: auto;
            padding-top: 1.75vw;
            box-shadow: inset 0px -2vw 4vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .simplify-newsletter-outer {
            height: auto;
            padding-top: 1vw;
            box-shadow: inset 0px -2vw 4vw -1vw rgba(0,0,0,0.34); } }

.simplify-newsletter-left {
    background: transparent;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 3.0s ease;
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-right: 0vw;
    z-index: 222222; }

    @media only screen and (max-width: 599px) {
        .simplify-newsletter-left {
            margin: 0 auto;
            height: auto;
            padding-top: 11vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .simplify-newsletter-left {
            margin: 0 auto;
            height: auto;
            padding-top: 11vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .simplify-newsletter-left {
            padding-top: 0vw;
            padding-bottom: 0vw;
            padding-left: 0vw;
            padding-right: 0vw; } }

.simplify-newsletter-hero-headline {
    width: 44vw;
    padding-top: .5vw;
    padding-left: 1vw;
    padding-bottom: 0vw;
    padding-right: 0vw;
    height: auto;
    opacity: 1.0;
    transition: 4s ease; }

    @media only screen and (max-width: 375px) {
        .simplify-newsletter-hero-headline {
            width: 90vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .simplify-newsletter-hero-headline {
            width: 90vw;
            padding-left: 0vw;
            padding-right: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .simplify-newsletter-hero-headline {
            width: 90vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .simplify-newsletter-hero-headline {
            padding-top: 0vw;
            padding-left: 1vw;
            padding-bottom: 2vw;
            width: 45vw; } }

.simplify-newsletter-right {
    background: transparent;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 3.0s ease;
    padding-top: 1.75vw;
    padding-bottom: 0vw;
    padding-right: 3vw;
    z-index: 222222; }

    @media only screen and (max-width: 599px) {
        .simplify-newsletter-right {
            height: auto;
            margin: 0 auto;
            padding-top: 1.25vw;
            padding-bottom: 11vw;
            padding-left: 0vw; 
            padding-right: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .simplify-newsletter-right {
            height: auto;
            margin: 0 auto;
            padding-top: 1.25vw;
            padding-bottom: 11vw;
            padding-left: 0vw; 
            padding-right: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .simplify-newsletter-right {
            display: flex;
            justify-content: center;
            align-items: center; 
            padding-top: 0vw;
            padding-bottom: 1vw;
            padding-left: 0vw; 
            padding-right: 3vw; } }

.subscribe-2c-grid-holder {
    margin: 0 auto;
    width: 44vw;
    height: 27.5vw;
    background: transparent;
    margin-top: 0vw;
    margin-bottom: 2vw;
    box-shadow: 0 2vw 4vw -1vw rgba(0,0,0,0.44); }

    @media only screen and (max-width: 599px) {
        .subscribe-2c-grid-holder {
            margin-top: 2.5vw;
            margin-bottom: 3vw;
            width: 84vw;
            height: 56vw;
            margin-bottom: 0vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .subscribe-2c-grid-holder {
            margin-top: 2.5vw;
            margin-bottom: 3vw;
            width: 84vw;
            height: 56vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .subscribe-2c-grid-holder {
            width: 44vw;
            height: 30vw; } }

@supports (display: grid) {
    .subscribe-2c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0vw; } }

    @media only screen and (max-width: 599px) { 
        @supports (display: grid) {
            .subscribe-2c-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 0vw; } } }

.subscribe-2c-grid > div {
    flex: 1; }

.subscribe-2c-grid section { }

.subscribe-block-1 {
    width: 22vw;
    height: 27.5vw;
    background: rgba(255,207,69,1.0);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0;
    box-shadow: 2.0vw 0 2.5vw -.75vw rgba(0,0,0,0.34);
    z-index: 222222; }

    @media only screen and (max-width: 599px) {
        .subscribe-block-1 {
            width: 42vw;
            height: 56vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .subscribe-block-1 {
            width: 42vw;
            height: 56vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .subscribe-block-1 {
            width: 22vw;
            height: 30vw; } }

.subscribe-head-1 {
    margin: 0 auto;
    width: 19vw;
    height: auto;
    transition: 3s ease; }

    @media only screen and (max-width: 599px) {
        .subscribe-head-1 {
            width: 40vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .subscribe-head-1 {
            width: 36vw; } }

.overlay-subscribe-head-1 {
    position: absolute;
    background: rgba(255,207,69,1.0);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease;
    display: flex;
    justify-content: center;
    align-items: center; }

.subscribe-head-1:hover  .overlay-subscribe-head-1 {
    opacity: 1.0;
    transition: 3s ease;
    z-index: 999999; }

.subscribe-block-3 {
    width: 22vw;
    height: 27.5vw;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 0vw;
    padding-bottom: 0vw;
    z-index: 111111; }

    @media only screen and (max-width: 599px) {
        .subscribe-block-3 {
            width: 42vw;
            height: 56vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .subscribe-block-3 {
            width: 42vw;
            height: 56vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .subscribe-block-3 {
            width: 22vw;
            height: 30vw; } }

.subscribe-wrapper-inner {
    margin: 0 auto; 
    padding-top: 0vw;
    text-align: center;
    height: auto; }

.subscribe-head-simplify {
    margin: 0 auto;
    width: 17vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .subscribe-head-simplify {
            width: 32vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .subscribe-head-simplify {
            width: 32vw; } }

hr.subscribe-rule-top {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 75%;
    margin-top: .65vw;
    margin-bottom: 1vw;
    opacity: 1.0; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.subscribe-rule-top {
            margin-top: .65vw;
            margin-bottom: 1vw; } }

.newsletter-subhead p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    font-size: 1.65vw;
    line-height: 1;
    word-spacing: -.5vw;
    letter-spacing: -.03vw;
    text-indent: 0vw;
    color: #aea8a4; 
    margin-top: 0; }

    @media only screen and (max-width: 599px) {
        .newsletter-subhead p {
            font-size: 2.85vw;
            line-height: 1;
            padding-top: .7vw;
            padding-bottom: .7vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .newsletter-subhead p {
            font-size: 2.85vw;
            line-height: 1;
            padding-top: .7vw;
            padding-bottom: .7vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .newsletter-subhead p {
            font-size: 1.65vw;
            line-height: 1; } }

hr.subscribe-rule-bottom {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 75%;
    margin-top: 1vw;
    margin-bottom: .5vw;
    opacity: 1.0; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.subscribe-rule-bottom {
            margin-top: 1vw;
            margin-bottom: .5vw; } }

.subscriber-wrapper {
    margin: 0 auto;
    width: 70%;
    padding-top: .5vw;
    height: auto; }

.hidden {
    display: none;
    visibility: hidden; }

#my-form {
    position: relative;
    width: auto;
    background: transparent;
    margin: 0 auto;
    opacity: 1.0;
    margin-bottom: 0vw;
    transition: 1s ease; }

    @media only screen and (max-width: 375px) {
            #my-form { 
                width: 75%;
                opacity: .7; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
            #my-form { 
                width: 75%;
                opacity: .7; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            #my-form { 
                width: 80%;
                opacity: .7; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            #my-form { 
                width: 80%;
                opacity: .7; } }

.subscribe-body-holder {
    margin: 0 0;
    width: 100%;
    height: auto;
    margin-bottom: 0vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }

.simplify-subscribe-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 1.32vw;
    line-height: 2.1;
    word-spacing: -.1vw;
    letter-spacing: -.01vw;
    color: #aea8a4; 
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-left: 0vw; }

    @media only screen and (max-width: 599px) {
        .simplify-subscribe-copy p {
            font-size: 3.75vw;
            line-height: 1.65;
            word-spacing: -.35vw;
            padding-top: 0vw;
            padding-left: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .simplify-subscribe-copy p {
            font-size: 4vw;
            line-height: 1.65;
            word-spacing: -.45vw;
            padding-top: 0vw;
            padding-left: .5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .simplify-subscribe-copy p {
            font-size: 1.32vw;
            line-height: 2.3;
            padding-left: 0vw; } }

hr.subscriber-vert-divider {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: .9vw;
    margin-bottom: 1.8vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) { 
        hr.subscriber-vert-divider {
            margin-top: 2.5vw;
            margin-bottom: 2.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        hr.subscriber-vert-divider {
            margin-top: 2.5vw;
            margin-bottom: 2.5vw; } }

.evolving-outer {
    margin: 0 0;
    z-index: 111111;
    background: transparent;
    height: calc(100vh - 4.25em);
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .evolving-outer {
            height: auto;
            background: transparent;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .evolving-outer {
            height: auto;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

.evolving-body-outer {
    position: relative;
    background: transparent;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    z-index: 111111;
    padding-left: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw; }

    @media only screen and (max-width: 599px) { 
        .evolving-body-outer {
            position: relative;
            background: transparent;
            margin: 0 auto;
            height: auto;
            z-index: 444444;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 0vw;
            padding-top: 8vw;
            padding-bottom: 15vw;
            box-shadow: 0vw 8vw 15vw -.75vw rgba(0,0,0,0.7); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .evolving-body-outer {
            position: relative;
            background: transparent;
            margin: 0 auto;
            height: auto;
            z-index: 444444;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 0vw;
            padding-top: 6vw;
            padding-bottom: 9vw;
            box-shadow: 0vw 5vw 10vw -.75vw rgba(0,0,0,0.55); } }

.evolving-everything {
    background: url("https://www.robkell.com/images/index_hero_evolving_everything_meld_5.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 0;
    z-index: 222222;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 2s ease;
    box-shadow: 2.5vw 0 3.5vw -.75vw rgba(0,0,0,0.6); }

    @media only screen and (max-width: 1024px) {
        .evolving-everything {
            height: 103vw;
            box-shadow: 0vw 5vw 8vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .evolving-everything {
            background: url("https://www.robkell.com/images/index_hero_evolving_everything_meld_7.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative; } }

.ai-definitive p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0 auto;
    text-align: left;
    font-size: 2.1vw;
    line-height: 1.62;
    padding-left: 0vw;
    word-spacing: -.2vw;
    letter-spacing: -.035vw;
    text-indent: 4vw;
    color: rgba(0,0,0,1.0); 
    padding-right: 0vw; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .ai-definitive p {
            font-size: 2.1vw;
            line-height: 1.95;
            padding-left: 1.5vw; } }

.story-right-trans-squander {
    position: relative;
    background: transparent;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    z-index: 111111;
    padding-left: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw; }

    @media only screen and (max-width: 599px) { 
        .story-right-trans-squander {
            position: relative;
            background: transparent;
            margin: 0 auto;
            height: auto;
            z-index: 444444;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 0vw;
            padding-top: 12vw;
            padding-bottom: 14vw;
            box-shadow: 0vw 5vw 10vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .story-right-trans-squander {
            position: relative;
            background: transparent;
            margin: 0 auto;
            height: auto;
            z-index: 444444;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 0vw;
            padding-top: 6vw;
            padding-bottom: 8vw;
            box-shadow: 0vw 5vw 10vw -.75vw rgba(0,0,0,0.55); } }

.robai-right-superpower {
    position: relative;
    background: transparent;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    z-index: 111111;
    padding-left: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw; }

    @media only screen and (max-width: 599px) { 
        .robai-right-superpower {
            position: relative;
            background: transparent;
            margin: 0 auto;
            height: auto;
            z-index: 444444;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 0vw;
            padding-top: 7vw;
            padding-bottom: 9vw;
            box-shadow: 0vw 5vw 10vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robai-right-superpower {
            position: relative;
            background: transparent;
            margin: 0 auto;
            height: auto;
            z-index: 444444;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 0vw;
            padding-top: 5vw;
            padding-bottom: 8vw;
            box-shadow: 0vw 5vw 10vw -.75vw rgba(0,0,0,0.55); } }

.evolving-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 2.0vw;
    line-height: 1.44;
    word-spacing: -.3vw;
    letter-spacing: -.035vw;
    text-indent: 3.0vw;
    color: #aea8a4; 
    margin-top: 0; 
    padding-left: 1vw; }

    @media only screen and (max-width: 599px) {
        .evolving-copy p {
            font-size: 5.5vw;
            line-height: 1.65;
            text-indent: 8vw;
            padding-left: 2vw;
            word-spacing: -.5vw;
            letter-spacing: -.035vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .evolving-copy p {
            font-size: 4.5vw;
            line-height: 1.65;
            word-spacing: -.65vw;
            letter-spacing: -.05vw;
            text-indent: 8vw;
            padding-left: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .evolving-copy p {
            font-size: 2.0vw;
            line-height: 1.44;
            text-indent: 3.5vw;
            padding-left: 2vw; } }

.starbucks-black-outer {
    margin: 0 0;
    background: #000;
    position: relative;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55);
    z-index: 999999;
    height: auto;
    padding-top: 8.0vw;
    padding-bottom: 8.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease; }

    @media only screen and (max-width: 375px) {
        .starbucks-black-outer {
            background: #000;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-top: 16vw;
            padding-bottom: 16vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .starbucks-black-outer {
            background: #000;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-top: 16vw;
            padding-bottom: 16vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .starbucks-black-outer {
            position: relative;
            background: #000;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.5);
            height: auto;
            padding-left: 0vw;
            padding-top: 12vw;
            padding-bottom: 13vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .starbucks-black-outer {
            position: relative;
            background: #000;
            box-shadow: 0 2.5vw 3.0vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-left: 0vw;
            padding-top: 7.5vw;
            padding-bottom: 8vw; } }

.wordbook-starbucks-black-outer {
    margin: 0 0;
/*    background: #000;*/
    background: url("https://www.robkell.com/images/wordbook_starbucks_bg_2560_2.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; 
    position: relative;
    box-shadow: 0 2.5vw 3.0vw -1vw rgba(0,0,0,0.55);
    z-index: 999999;
    height: auto;
    padding-top: 8.0vw;
    padding-bottom: 8.0vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .wordbook-starbucks-black-outer {
            position: relative;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.5);
            height: auto;
            padding-left: 0vw;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .wordbook-starbucks-black-outer {
            position: relative;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.5);
            height: auto;
            padding-left: 0vw;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .wordbook-starbucks-black-outerr {
            position: relative;
            box-shadow: 0 2.5vw 3.0vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-left: 0vw;
            padding-top: 7.5vw;
            padding-bottom: 8vw; } }

.standard-equipment-outer {
    margin: 0 0;
    /*background: url("https://www.robkell.com/images/storytelling_standard_equipment_bg.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;*/
    background: #000;
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55);
    z-index: 999999;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .standard-equipment-outer {
            background: #000;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-top: 16vw;
            padding-bottom: 16vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .standard-equipment-outer {
            position: relative;
            background: #000;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-left: 0vw;
            padding-top: 10vw;
            padding-bottom: 10vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .standard-equipment-outer {
            background: #000;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-left: 0vw;
            padding-top: 4.5vw;
            padding-bottom: 4.5vw; } }

.wordbook-standard-equipment-image {
    padding-top: 0vw;
    width: 89vw;
    height: auto;
    transition: 3s ease; }

    @media only screen and (max-width: 599px) {
        .wordbook-standard-equipment-image {
            width: 91vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .wordbook-standard-equipment-image {
            width: 91vw; } }


.wordbook-starbucks-image {
    padding-top: 0vw;
    width: 75vw;
    height: auto;
    transition: 3s ease; }

    @media only screen and (max-width: 375px) {
        .wordbook-starbucks-image {
            width: 89vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .wordbook-starbucks-image {
            width: 89vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .wordbook-starbucks-image {
            /*width: 81vw;*/
            width: 88vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .wordbook-starbucks-image {
            width: 75vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .wordbook-starbucks-image {
            width: 75vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .wordbook-starbucks-image {
            width: 75vw; } }

.overlay-wordbook-starbucks-image {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.wordbook-starbucks-image:hover .overlay-wordbook-starbucks-image {
    opacity: 1.0; }

.simplify-wordbook-starbucks-image {
    padding-top: 0vw;
    width: 75vw;
    opacity: .7;
    height: auto;
    transition: 3s ease; }

    @media only screen and (max-width: 375px) {
        .simplify-wordbook-starbucks-image {
            width: 89vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .simplify-wordbook-starbucks-image {
            width: 89vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .simplify-wordbook-starbucks-image {
            /*width: 81vw;*/
            width: 88vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .simplify-wordbook-starbucks-image {
            width: 75vw; } }

.wordbook-full-width-outer {
    background-color: transparent;
    position: relative;
    height: auto;
    padding-top: 2.5vw;
    padding-bottom: 6vw;
    z-index: 888888;
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 375px) {
        .wordbook-full-width-outer {
            background-color: transparent;
            position: relative;
            padding-top: 13vw;
            padding-bottom: 13vw;
            height: auto;
            z-index: 888888;
            box-shadow: 0 8vw 13vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .wordbook-full-width-outer {
            background-color: transparent;
            position: relative;
            padding-top: 13vw;
            padding-bottom: 13vw;
            height: auto;
            z-index: 888888;
            box-shadow: 0 8vw 13vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .wordbook-full-width-outer {
            background-color: transparent;
            position: relative;
            padding-top: 8vw;
            padding-bottom: 10vw;
            height: auto;
            z-index: 333333;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .wordbook-full-width-outer {
            background-color: transparent;
            height: auto;
            padding-top: 3.0vw;
            padding-bottom: 4.0vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1940px) { 
        .wordbook-full-width-outer {
            background-color: transparent;
            height: auto;
            padding-top: 3.0vw;
            padding-bottom: 4.0vw; } }

#scroll-to-starbucks { }

@supports (display: grid) {
    .word-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0vw; } }

.word-grid > div {
    flex: 1; }

.word-grid section {
    margin: 0 0; 
    padding: 0 0 0 0; }

.license {
    z-index: 444444;
    box-shadow: 1vw 0 3vw -.5vw rgba(0,0,0,0.3);
    transition: 1s ease; }

    @media only screen and (max-width: 375px) { 
        .license {
            box-shadow: 0px 0 0px 0px rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .license {
            box-shadow: 0px 0 0px 0px rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .license {
            box-shadow: 0px 0 0px 0px rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .license {
            box-shadow: 1vw 0 3vw -.5vw rgba(0,0,0,0.3); } }

.license:hover .overlay-rob {
    opacity: 1.0; }

.book {
    z-index: 333333;
    transition: 1s ease; }

.book:hover .overlay-rob {
    opacity: 1.0; }

.wordbook-index-introduction {
    padding: 1.7vw 0 0vw 0;
    text-align: center; }

    @media only screen and (max-width: 375px) {  
        .wordbook-index-introduction {
            padding: 2.5vw 0 0vw 0; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .wordbook-index-introduction {
            padding: 2.5vw 0 0vw 0; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .wordbook-index-introduction {
            padding: 5.0vw 0 0vw 0; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .wordbook-index-introduction {
            padding: 3.5vw 0 0vw 0; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .wordbook-index-introduction {
            padding: 2.7vw 0 0vw 0; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .wordbook-index-introduction {
            padding: 2.35vw 0 0vw 0; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .wordbook-index-introduction {
            padding: 1.9vw 0 0vw 0; } }

.meet-wordbook-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    font-size: 1.8vw;
    line-height: 1.28;
    letter-spacing: -.035vw;
    word-spacing: -.35vw;
    color: #000; 
    margin-top: .8vw; }

    @media only screen and (max-width: 375px) {
        .meet-wordbook-copy p {
            font-size: 4.75vw;
            line-height: 1.4;
            text-align: center;
            letter-spacing: -.02vw;
            word-spacing: -.4vw;
            color: #000; 
            margin-top: 0;
            padding-left: 0vw;
            padding-top: 4vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .meet-wordbook-copy p {
            font-size: 4.75vw;
            line-height: 1.4;
            letter-spacing: -.02vw;
            word-spacing: -.4vw;
            color: #000; 
            margin-top: 0;
            padding-left: 0vw;
            padding-top: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .meet-wordbook-copy p {
            font-size: 2.87vw;
            line-height: 1.62;
            letter-spacing: -.02vw;
            word-spacing: -.4vw;
            color: #000; 
            margin-top: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .meet-wordbook-copy p {
            font-size: 1.9vw;
            line-height: 1.28;
            letter-spacing: .02vw;
            word-spacing: -.4vw;
            color: #000; 
            margin-top: 0;
            padding-bottom: 0vw;
            padding-top: .5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .meet-wordbook-copy p {
            font-size: 1.93vw;
            line-height: 1.28;
            letter-spacing: .01vw;
            word-spacing: -.4vw;
            color: #000;
            padding-top: 1vw; 
            margin-top: 0; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .meet-wordbook-copy p {
            font-size: 1.93vw;
            line-height: 1.28;
            letter-spacing: .01vw;
            word-spacing: -.4vw;
            color: #000; 
            margin-top: 0; } }

.pro-bono-outer {
    margin: 0 0;
    height: calc(100vh - 4.25em);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #f6f1e1;
    padding-top: .5vw;
    z-index: 111111;
    box-shadow: 0 2.5vw 3.5vw -.5vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 599px) {
        .pro-bono-outer {
            height: auto;
            padding-top: 12vw;
            padding-bottom: 10vw;
            box-shadow: inset 0px -3vw 5vw -.75vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pro-bono-outer {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw;
            box-shadow: inset 0px -2vw 4vw -.75vw rgba(0,0,0,0.34); } }

.pro-bono-inner {
    margin: 0 auto; 
    text-align: center; }

.pro-bono-image {
    margin: 0 auto;
    text-align: center;
    width: 80vw;
    height: auto;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .pro-bono-image {
            width: 88vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pro-bono-image {
            width: 88vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .pro-bono-image {
            width: 85vw; } }

.overlay-pro-bono-image {
    position: absolute;
    background: #f6f1e1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 2s ease;
    display: flex;
    justify-content: center;
    align-items: center; }

.pro-bono-image:hover  .overlay-pro-bono-image {
    opacity: 1.0;
    transition: 2s ease;
    z-index: 999999; }

.pro-bono-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    font-size: 1.78vw;
    padding-left: .5vw;
    line-height: 1.4;
    letter-spacing: -.03vw;
    word-spacing: -.25vw;
    color: #9e9894; 
    margin-top: 1vw;
    margin-bottom: 1vw; }

    @media only screen and (max-width: 599px) {
        .pro-bono-copy p {
            font-size: 6.65vw;
            line-height: 1.34;
            text-align: left;
            letter-spacing: -.05vw;
            word-spacing: -.6vw;
            padding-left: 3.0vw;
            padding-top: 1.5vw;
            margin-bottom: 1.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pro-bono-copy p {
            font-size: 3.75vw;
            line-height: 1.35;
            text-align: left;
            letter-spacing: -.05vw;
            padding-left: 3.0vw;
            padding-top: 1vw;
            margin-bottom: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .pro-bono-copy p {
            font-size: 1.91vw;
            line-height: 1.4;
            letter-spacing: -.05vw;
            margin-bottom: 1.2vw; } }

.btn-ctr {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: .83vw;
    text-transform: uppercase;
    letter-spacing: 0.125vw;
    word-spacing: -.05vw;
    color: #fff;
    background-color: #000;
    width: auto;
    height: auto;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: .75vw;
    padding-bottom: .75vw;
    margin: 0 auto;
    box-shadow: 0 .75vw .75vw -.5vw rgba(0, 0, 0, 0.34);
    border-radius: .35vw;
    transition: 1s ease;
    transform: translateY(0);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }

     @media only screen and (max-width: 599px) {
        .btn-ctr {
            font-size: 3.5vw;
            letter-spacing: 0.3vw;
            width: 65vw;
            height: 11vw;
            padding-top: 1vw;
            margin-top: 6vw;
            margin-bottom: 4vw;
            border-radius: 1.25vw;
            box-shadow: 0 3vw 4vw -.5vw rgba(0, 0, 0, 0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .btn-ctr {
            font-size: 1.8vw;
            box-shadow: 0 1vw 2vw -.5vw rgba(0, 0, 0, 0.34);
            border-radius: .75vw;
            padding-left: 5vw;
            padding-right: 5vw;
            padding-top: 1.5vw;
            padding-bottom: 1.5vw;
            margin-top: 2.5vw; } }

.btn-ctr:hover {
    transition: 1s ease;
    transform : translateY(-0px);
    background-color: #000;
    color: #fff;
    box-shadow: 0 1vw 1vw -.5vw rgba(0, 0, 0, 0.5); }

.goodness-black-outer {
    margin: 0 0;
    background: #000;
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55);
    z-index: 999999;
    height: auto;
    padding-top: 3.5vw;
    padding-bottom: 3.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .goodness-black-outer {
            position: relative;
            background: #000;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-left: 0vw;
            padding-top: 10vw;
            padding-bottom: 9.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .goodness-black-outer {
            position: relative;
            background: #000;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-left: 0vw;
            padding-top: 9vw;
            padding-bottom: 8.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .goodness-black-outer {
            position: relative;
            background: #000;
            box-shadow: 0 2.5vw 3.0vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-left: 0vw;
            padding-top: 3.5vw;
            padding-bottom: 3.5vw; } }

.goodness-hero-image {
    padding-top: 0vw;
    width: 81vw;
    height: auto;
    transition: 3s ease; }

    @media only screen and (max-width: 599px) { 
        .goodness-hero-image {
            width: 87vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .goodness-hero-image {
            width: 83vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .goodness-hero-image {
            width: 85vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .goodness-hero-image {
            width: 85vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .goodness-hero-image {
            width: 85vw; } }

.overlay-goodness-hero-image {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.goodness-hero-image:hover .overlay-goodness-hero-image {
    opacity: 1.0;
    transition: 3s ease; }

.goodness-middle {
    position: relative;
    z-index: 888888;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 0;
    background-color: #f4f2ee;
    height: auto;
    padding-top: 3vw;
    padding-bottom: 0vw; }

    @media only screen and (max-width: 599px) {
        .goodness-middle {
            background-color: transparent;
            padding-top: 8vw;
            padding-bottom: 7vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .goodness-middle {
            padding-top: 4vw;
            padding-bottom: 7vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .goodness-middle {
            padding-top: 3vw;
            padding-bottom: 0vw; } }

.mlf-grid-holder {
    margin:0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    width: 85vw; }

    @supports (display: grid) {
    .mlf-2c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.15vw; } }

    @media only screen and (max-width: 1024px) { 
        @supports (display: grid) {
        .mlf-2c-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0vw; } } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        @supports (display: grid) {
        .mlf-2c-grid {
        display: grid;
        grid-gap: 1.8vw; } } }

.roboto-2c-grid > div {
    flex: 1; }

.roboto-2c-grid section { }

.mlf-definitive-body p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 2vw;
    line-height: 1.33;
    word-spacing: -.35vw;
    letter-spacing: -.035vw;
    color: #aea8a4; 
    padding-top: .33vw; }

    @media only screen and (max-width: 599px) {
        .mlf-definitive-body p {
            font-size: 5.0vw;
            line-height: 1.8;
            word-spacing: -.55vw;
            letter-spacing: -.045vw;
            text-indent:0vw;
            margin-top: 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mlf-definitive-body p {
            font-size: 4.5vw;
            line-height: 1.62;
            word-spacing: -.55vw;
            letter-spacing: -.045vw;
            padding-left: .75vw;
            margin-top: 4vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .mlf-definitive-body p {
            font-size: 2.34vw;
            line-height: 1.30;
            padding-top: .33vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .mlf-definitive-body p {
            font-size: 2.46vw;
            line-height: 1.33;
            padding-top: .33vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .mlf-definitive-body p {
            font-size: 2.3vw;
            line-height: 1.33;
            padding-top: .33vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .mlf-definitive-body p {
            font-size: 2.15vw;
            line-height: 1.33;
            padding-top: .33vw; } }

#bigshow { 
    margin: 0 auto; 
    position: relative; 
    width: 800px; 
    height: 450px; 
    margin-top: .8vw;
    box-shadow: 0 1.5vw 3vw -.5vw rgba(0,0,0,0.55);
    transition: 1s ease; }

    @media only screen and (max-width: 599px) { 
        #bigshow { 
            width: 85vw; 
            height: 47.8vw;
            margin-bottom: .2vw;
            box-shadow: 0 2.5vw 5vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {  
        #bigshow { 
            width: 600px; 
            height: 336px;
            box-shadow: 0 2.5vw 5vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        #bigshow { 
            width: 450px; 
            height: 252px; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        #bigshow { 
            width: 540px; 
            height: 303px;
            margin-top: 1vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        #bigshow { 
            width: 600px; 
            height: 337px; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        #bigshow{ 
            width: 640px; 
            height: 360px; } }

#bigshow > div { 
    position: absolute; }

#bigshow:hover {
    box-shadow: 0 1vw 2vw -.5vw rgba(0,0,0,0.7); } 

hr.mlf-divisidero {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 3.5vw;
    margin-bottom: 4.5vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) { 
        hr.mlf-divisidero {
            margin-top: 5vw;
            margin-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        hr.mlf-divisidero {
            margin-top: 5vw;
            margin-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.mlf-divisidero {
            margin-top: 3.5vw;
            margin-bottom: 4.5vw; } }

#indexshow { 
    margin: 0 auto; 
    position: relative; 
    width: 800px; 
    height: 450px; 
    margin-top: .8vw;
    box-shadow: 0 1.5vw 3vw -.5vw rgba(0,0,0,0.55);
    transition: 1s ease; }

    @media only screen and (max-width: 599px) { 
        #indexshow { 
            width: 85vw; 
            height: 47.8vw;
            margin-bottom: .2vw;
            box-shadow: 0 2.5vw 5vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        #indexshow { 
            width: 600px; 
            height: 336px;
            margin-bottom: 0vw;
            box-shadow: 0 2.5vw 5vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        #indexshow { 
            width: 450px; 
            height: 252px; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        #indexshow { 
            width: 540px; 
            height: 303px;
            margin-top: 1vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        #indexshow { 
            width: 600px; 
            height: 337px; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        #indexshow { 
            width: 640px; 
            height: 360px; } }

#indexshow > div { 
    position: absolute; }

#indexshow:hover {
    box-shadow: 0 1vw 2vw -.5vw rgba(0,0,0,0.7); } 

#goodness-etcetera {
    position: relative;
    z-index: 666666;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    margin: 0 0;
    background-color: #f4f2ee;
    height: auto;
    padding-top: 0vw;
    padding-bottom: 4vw;
    box-shadow: 0 2.5vw 3.0vw -1vw rgba(0,0,0,0.6); }

    @media only screen and (max-width: 599px) {
        #goodness-etcetera {
            background-color: transparent;
            padding-bottom: 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #goodness-etcetera {
            padding-bottom: 6vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

#goodness-etcetera p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: 2.55vw;
    line-height: 1.3;
    word-spacing: -.5vw;
    letter-spacing: -.045vw;
    color: #aea8a4; 
    margin-top: 0; }

    @media only screen and (max-width: 599px) {
        #goodness-etcetera p {
            font-weight: 500;
            text-align: center;
            font-size: 4vw;
            line-height: 1.3;
            word-spacing: -.4vw;
            letter-spacing: -.04vw;
            color: #aea8a4; 
            margin-top: 0; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #goodness-etcetera p {
            font-weight: 500;
            text-align: center;
            font-size: 3.5vw;
            line-height: 1.3;
            word-spacing: -.4vw;
            letter-spacing: -.04vw;
            color: #aea8a4; 
            margin-top: 0; } }

.goodness-etcetera-image-2 {
    width: 40vw;
    height: auto;
    margin: 0 auto;
    margin-bottom: 2vw;
    transition: 2s ease;
    z-index: 111111;
    box-shadow: 0 1.5vw 3vw -.5vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .goodness-etcetera-image-2 {
            width: 74vw;
            box-shadow: 0 2.5vw 5vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .goodness-etcetera-image-2 {
            width: 74vw;
            box-shadow: 0 2.5vw 5vw -.5vw rgba(0,0,0,0.55); } }

.goodness-etcetera-image-2:hover {
    transition: 2s ease;
    transform: scale(1.1);
    box-shadow: 0 2vw 3.5vw -.5vw rgba(0,0,0,0.6); }

.goodness-etcetera-caption {
    margin-top: .5vw;
    margin-bottom: 4vw; }

    @media only screen and (max-width: 599px) {
        .goodness-etcetera-caption {
            margin-top: 4vw;
            margin-bottom: 6vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .goodness-etcetera-caption {
            margin-top: 4vw;
            margin-bottom: 6vw; } }

.index-inner-light-outer {
    margin: 0 0;
    height: auto;
    position: relative;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    box-shadow: 0 3.5vw 5vw -1vw rgba(0,0,0,0.55);
    z-index: 555555; }

    @media only screen and (max-width: 599px) {
        .index-inner-light-outer {
            padding-top: 12vw;
            padding-bottom: 5vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .index-inner-light-outer {
            padding-top: 12vw;
            padding-bottom: 5vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .index-inner-light-outer {
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

#spiritualityshow { 
    margin: 0 auto; 
    position: relative; 
    width: 78vw;
    height: 39vw; 
    box-shadow: 0 3.0vw 4vw -1vw rgba(0,0,0,0.50);;
    transition: 1s ease; }

    @media only screen and (max-width: 599px) {
        #spiritualityshow { 
            width: 600px; 
            height: 336px;
            margin-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {  
        #spiritualityshow { 
            width: 90vw; 
            height: 45vw;
            margin-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        #spiritualityshow { 
            width: 79vw;
            height: 39.5vw;  } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        #spiritualityshow { 
            width: 82vw;
            height: 41vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        #spiritualityshow { 
            width: 84vw;
            height: 42vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        #spiritualityshow { 
            width: 84vw;
            height: 42vw; } }

#spiritualityshow > div { 
    position: absolute; }

.index-heartfulness-caption-outer {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start; 
    padding-top: 2.5vw;
    padding-bottom: 6.0vw;
    height: auto;
    background: transparent;
    z-index: 555555; }

.spirituality-caption p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: 2vw;
    line-height: 1.54;
    letter-spacing: 0.0vw;
    word-spacing: -.35vw;
    color: #111;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .spirituality-caption p {
            font-weight: 400;
            font-size: 3vw;
            line-height: 1.54;
            padding-top: 2.5vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .spirituality-caption p {
            font-weight: 400;
            font-size: 3vw;
            line-height: 1.54;
            padding-top: 2.5vw;
            padding-bottom: 0vw; } }

.automation-content-outer {
    margin: 0 0;
    z-index: 888888;
    background: transparent;
    height: calc(100vh - 4.25em);
    position: relative;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .automation-content-outer {
            height: auto;
            box-shadow: inset 0px -3vw 6vw -1vw rgba(0,0,0,0.44);
            z-index: 222222; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .automation-content-outer {
            height: auto;
            box-shadow: inset 0px -3vw 6vw -1vw rgba(0,0,0,0.34);
            z-index: 222222; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .automation-content-outer {
            height: calc(100vh - 4.25em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .automation-content-outer {
            height: calc(100vh - 4.25em); } }

.automation-content-outer-last {
    margin: 0 0;
    z-index: 888888;
    background: transparent;
    height: calc(100vh - 4.25em);
    position: relative;
    box-shadow: 0 8vw 13vw -1vw rgba(0,0,0,0.8); }

    @media only screen and (max-width: 599px) {
        .automation-content-outer-last {
            height: auto;
            box-shadow: inset 0px -3vw 6vw -1vw rgba(0,0,0,0.44);
            z-index: 222222; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .automation-content-outer-last {
            height: auto;
            box-shadow: inset 0px -3vw 6vw -1vw rgba(0,0,0,0.34);
            z-index: 222222; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .automation-content-outer-last {
            height: calc(100vh - 4.25em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .automation-content-outer-last {
            height: calc(100vh - 4.25em); } }

.the-finger-outer-last {
    margin: 0 0;
    z-index: 555555;
    background: #f6f1e1;
    height: auto;
    padding-top: 3.5vw;
    padding-bottom: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
/*    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.65);*/
    box-shadow: inset 0px -3vw 6vw -1vw rgba(0,0,0,0.34); }

    @media only screen and (max-width: 599px) {
        .the-finger-outer-last {
            height: auto;
            box-shadow: inset 0px -3vw 6vw -1vw rgba(0,0,0,0.44);
            z-index: 222222; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .the-finger-outer-last {
            height: auto;
            padding-left: 2vw;
            box-shadow: inset 0px -3vw 6vw -1vw rgba(0,0,0,0.34);
            z-index: 222222; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .the-finger-outer-last {
            height: auto;
            padding-top: 4vw;
            padding-bottom: 5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .the-finger-outer-last {
            height: auto;
            padding-top: 4vw;
            padding-bottom: 5vw; } }

.automation-content-left {
    background: #111;
    position: relative;
    margin: 0 0;
    z-index: 333333;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-bottom: 0vw;
    transition: 2s ease;
    box-shadow: 2.0vw 0 3.5vw -.75vw rgba(0,0,0,0.6); }

    @media only screen and (max-width: 599px) {
        .automation-content-left {
            height: auto;
            padding-top: 11vw;
            padding-bottom: 11vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .automation-content-left {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } } 

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .automation-content-left {
            padding-bottom: 1vw;
            height: calc(100vh - 4.25em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .automation-content-left {
            padding-bottom: 1vw;
            height: calc(100vh - 4.25em); } }

.the-finger-left-outer {
    background: #222;
    position: relative;
    margin: 0 0;
    z-index: 111111;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
/*    box-shadow: inset 3vw 5vw rgba(0,0,0,0.5);*/
box-shadow: rgba(0, 0, 0, 0.7) 0px 2vw 3vw -1vw inset, rgba(0, 0, 0, 0.7) 0px 1vw 2vw -1vw;
/*box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px inset, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;*/
/*    box-shadow: 3vw 0 5vw -.75vw rgba(0,0,0,0.55);*/
    padding-top: 0vw;
    padding-bottom: 0vw; }

    @media only screen and (max-width: 599px) {
        .the-finger-left-outer {
            height: auto;
            padding-top: 11vw;
            padding-bottom: 11vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .the-finger-left-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } } 

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .the-finger-left-outer {
            padding-bottom: 0vw;
            height: calc(100vh - 4.25em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .the-finger-left-outer {
            padding-bottom: 0vw;
            height: calc(100vh - 4.25em); } }

.the-finger-outer-right {
    background: transparent;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    padding-top: 1vw;
    padding-bottom: 0vw;
    padding-left: .5vw;
    z-index: 111111; }

    @media only screen and (max-width: 599px) {
        .the-finger-outer-right {
            height: auto;
            margin: 0 auto;
            padding-top: 5vw;
            padding-bottom: 11vw;
            padding-left: 0vw; 
            padding-right: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .the-finger-outer-right {
            height: auto;
            margin: 0 auto;
            padding-top: 5vw;
            padding-bottom: 11vw;
            padding-left: 0vw; 
            padding-right: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .the-finger-outer-right {
            display: flex;
            justify-content: center;
            align-items: center; 
            padding-top: 0vw;
            padding-bottom: 0vw;
            padding-left: 0vw; 
            padding-right: 0vw; } }

@supports (display: grid) {
    .the-finger-5c-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1.25vw; } }

    /*@media only screen and (min-width: 599px) {
        @supports (display: grid) {
            .bottom-links-3c-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 10vw; } } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        @supports (display: grid) {
            .the-finger-3c-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 1.5vw; } } }

.the-finger-5c-grid > div {
    flex: 1; }

.the-finger-5c-grid section { }

@supports (display: grid) {
    .the-finger-4c-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.5vw; } }

    /*@media only screen and (min-width: 599px) {
        @supports (display: grid) {
            .bottom-links-3c-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 10vw; } } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        @supports (display: grid) {
            .the-finger-4c-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 3vw; } } }

.the-finger-4c-grid > div {
    flex: 1; }

.the-finger-4c-grid section { }

.tedStriker {
    text-decoration: line-through;
    color: #ded8d4; }

.map-wrapper {
    width: 18vw;
    height: auto;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.625vw;
    box-shadow: 0 1.5vw 4vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .map-wrapper {
            width: 38vw;
            height: auto;
            background-color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 2vw;
            box-shadow: 0 1.5vw 4vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .map-wrapper {
            width: 38vw;
            height: auto;
            background-color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 2vw;
            box-shadow: 0 3vw 5vw -1vw rgba(0,0,0,0.55); } }

.map {
    width: 18vw;
    height: auto;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .map {
            width: 39vw;
            height: auto;
            transition: 2s ease; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .map {
            width: 39vw;
            height: auto;
            transition: 2s ease; } } 

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .map {
            width: 18vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .map {
            width: 18vw; } }

.map-bit-1 {
    width: 100%; }

.map-bit-2 {
    width: 80%;
    box-shadow: 0 2vw 3vw -.5vw rgba(0,0,0,0.55); }

.overlay-map {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 2s ease; }

.map:hover .overlay-map {
    transition: 2s ease;
    transform: scale(1.35);
    opacity: 1.0;
    z-index: 999999;
    box-shadow: 0 1.5vw 4vw -1vw rgba(0,0,0,0.65); }

.the-finger-wrapper-top {
    width: 76.5vw;
    padding-left: 0vw;
    margin: 0 auto;
    height: auto;
    margin-bottom: 0vw; }

    @media only screen and (max-width: 599px) {
        .the-finger-wrapper-top {
            width: 81vw;
            height: auto;
            transition: 2s ease; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .the-finger-wrapper-top {
            width: 81vw;
            height: auto;
            transition: 2s ease; } } 

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .the-finger-wrapper-top {
            width: 76.5vw; } }

.the-finger-body-outer {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    padding-top: .5vw;
    padding-bottom: 2.5vw;
    height: auto;
    background: transparent; }

.the-finger-wrapper-bottom {
    margin: 0 0;
    height: auto;
    margin-top: 0vw; }

    /*    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;*/
/*    font-style: normal;*/
/*    font-weight: 200;*/
/*    font-weight: 300;*/
/*    font-weight: 400;*/
/*    font-weight: 600;*/
/*    font-weight: 700;*/
/*    font-weight: 800;*/

.finger-body p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    font-size: 3.25vw;
    line-height: 1.2;
    letter-spacing: -.025vw;
    word-spacing: -.25vw;
    padding-left: 0vw;
    padding-top: 0vw;
    color: #9e9894;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .finger-body p {
            font-size: 4vw;
            line-height: 1.3;
            letter-spacing: -.025vw;
            word-spacing: -.25vw;
            padding-top: 2vw;
            padding-bottom: 2.5vw; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .finger-body p {
            font-size: 4vw;
            line-height: 1.3;
            letter-spacing: -.025vw;
            word-spacing: -.25vw;
            padding-top: 2vw;
            padding-bottom: 2.5vw; } } 

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .finger-body p {
            font-size: 3.25vw;
            line-height: 1.2;
            letter-spacing: -.02vw;
            word-spacing: -.2vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .finger-body p {
            font-size: 3.25vw;
            line-height: 1.2;
            letter-spacing: -.02vw;
            word-spacing: -.2vw; } }

.finger-totals p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 1vw;
    line-height: 2.5;
    text-transform: uppercase;
    letter-spacing: .3vw;
    word-spacing: -.08vw;
    padding-bottom: 0vw;
    color: #000; 
    margin: 0 auto;
    text-align: center; }

    @media only screen and (max-width: 599px) {
        .finger-totals p {
            font-size: 1.45vw;
            line-height: 3.25;
            text-transform: uppercase;
            letter-spacing: .3vw;
            word-spacing: -.08vw;
            padding-top: 1.5vw;
            padding-bottom: 5vw; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .finger-totals p {
            font-size: 1.55vw;
            line-height: 3.25;
            text-transform: uppercase;
            letter-spacing: .3vw;
            word-spacing: -.08vw;
            padding-top: 1.5vw;
            padding-bottom: 5vw; } } 

.death-finger-image {
    margin: 0 auto;
    width: 68vw;
    padding-right: .5vw;
    padding-top: 0vw;
    opacity: 1.0;
    transition: 2s ease;
    padding-bottom: 1vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .death-finger-image {
            width: 88vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .death-finger-image {
            width: 88vw; } }

.index-xtrabold-simple-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    background: transparent; }

.pricing-billable-image {
    margin: 0 auto;
    width: 43vw;
    padding-top: 0vw;
    opacity: 1.0;
    transition: 2s ease;
    padding-bottom: 0vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .pricing-billable-image {
            width: 88vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pricing-billable-image {
            width: 88vw; } }

.automation-content-right {
    position: relative;
    background: transparent;
    margin: 0 0;
    height: calc(100vh - 4.25em);
    padding-top: 2.5vw;
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1.25vw;
    padding-bottom: 0vw;
    padding-top: 1vw; }

    @media only screen and (max-width: 599px) {
        .automation-content-right {
            height: auto;
            padding-top: 8vw; 
            padding-bottom: 8vw;
            z-index: 111111;
            box-shadow: inset 0px -3vw 6vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .automation-content-right {
            height: auto;
            padding-top: 8vw; 
            padding-bottom: 8vw;
            z-index: 111111;
/*            box-shadow: 5vw 0 8vw -.75vw rgba(0,0,0,0.75);*/
            box-shadow: inset 0px -3vw 6vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .automation-content-right {
            height: calc(100vh - 4.25em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .automation-content-right {
            height: calc(100vh - 4.25em); } }

.automation-word-head p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 1.5vw;
    text-transform: uppercase;
    letter-spacing: 1vw;
    word-spacing: -.08vw;
    padding-left: 1vw;
    color: #000; 
    margin: 0 auto;
    margin-bottom: 0vw;
    text-align: center; }

    @media only screen and (max-width: 599px) {
        .automation-word-head p {
            text-align: left;
            font-size: 5.5vw;
            letter-spacing: 1vw;
            margin-top: 3vw;
            margin-bottom: 7.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .automation-word-head p {
            font-size: 3vw;
            letter-spacing: 2vw; } }

hr.headline-rule-top {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 1.15vw;
    margin-bottom: 1.5vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.headline-rule-top {
            margin-top: 4.5vw;
            margin-bottom: 4.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.headline-rule-top {
            margin-top: 4.5vw;
            margin-bottom: 3vw; } }

@supports (display: grid) {
    .automation-pricing-2c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2vw; } }

    @media only screen and (max-width: 599px) {
        .automation-pricing-2c-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .automation-pricing-2c-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 4vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .automation-pricing-2c-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 2.5vw; } } 

.automation-pricing-2c-grid > div {
    flex: 1; }

.automation-pricing-2c-grid section { }
    
.rob-body-outer-1 {}

    @media only screen and (max-width: 599px) {
        .rob-body-outer-1 {
            margin-top: 2vw; } }

.rob-body-outer-2 {}

    @media only screen and (max-width: 599px) {
        .rob-body-outer-2 {
            margin-top: 0vw;
            margin-bottom: 2vw; } }

.automation-2c-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 1.0vw;
    line-height: 2.2;
    word-spacing: -.1vw;
    letter-spacing: -.01vw;
    color: #aea8a4; 
    margin-top: 0; }

    @media only screen and (max-width: 599px) {
        .automation-2c-copy p {
            font-size: 4.5vw;
            line-height: 1.8;
            word-spacing: -.15vw;
            letter-spacing: -.035vw;
            margin-top: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .automation-2c-copy p {
            font-size: 2.4vw;
            line-height: 2.2;
            word-spacing: -.1vw;
            letter-spacing: -.01vw;
            padding-left: 1.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .automation-2c-copy p {
            font-size: 1.05vw;
            line-height: 2.2; } }

hr.headline-rule-top {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 1.15vw;
    margin-bottom: 1.5vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.headline-rule-top {
            margin-top: 4.5vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.headline-rule-top {
            margin-top: 4.5vw;
            margin-bottom: 3vw; } }

hr.headline-rule-bottom {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.headline-rule-bottom {
            margin-top: 3vw;
            margin-bottom: 4.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.headline-rule-bottom {
            margin-top: 3vw;
            margin-bottom: 4.5vw; } }

.products-pricing-link {
    padding: 0vw 0 0vw 0;
    text-align: center; }

.products-pricing-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    font-size: 1.44vw;
    line-height: 1.28;
    letter-spacing: -.02vw;
    word-spacing: -.2vw;
    color: #000; 
    margin-top: 1vw; }

    @media only screen and (max-width: 599px) {
        .products-pricing-copy p {
            font-size: 4.5vw;
            word-spacing: -.15vw;
            margin-top: 3vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-pricing-copy p {
            font-size: 3vw; } }

.ai-eternal-wisdom-outer {
    margin: 0 0;
    z-index: 888888;
    background: transparent;
    height: calc(100vh - 4.25em);
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .ai-eternal-wisdom-outer {
            height: auto;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.00); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .ai-eternal-wisdom-outer {
            height: auto;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.00); } }

.mix-and-match-body p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    text-align: left;
    font-size: 1.6vw;
    line-height: 1.6;
    padding-left: 1vw;
    word-spacing: -.15vw;
    letter-spacing: -.035vw;
    text-indent: 3.5vw;
    color: #aea8a4; }

    @media only screen and (max-width: 599px) {
        .mix-and-match-body p {
            font-size: 4.5vw;
            line-height: 1.8;
            padding-left: 1vw;
            word-spacing: -.15vw;
            letter-spacing: -.035vw;
            text-indent: 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mix-and-match-body p {
            font-size: 3.2vw;
            line-height: 1.8;
            padding-left: 2vw;
            word-spacing: -.15vw;
            letter-spacing: -.035vw;
            text-indent: 5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .mix-and-match-body p {
            font-size: 1.6vw;
            line-height: 1.75;
            padding-left: .5vw; } }

.pricing-content-right {
    background: #111;
    position: relative;
    margin: 0 0;
    z-index: 333333;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-bottom: 0vw;
    transition: 2s ease;
    box-shadow: -2vw 0 3vw -.75vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 599px) {
        .pricing-content-right {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .pricing-content-right {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } } 

.mix-and-match-image {
    margin: 0 auto;
    width: 46vw;
    padding-top: 0vw;
    opacity: 1.0;
    transition: 2s ease;
    padding-bottom: 0vw;
    padding-left: 0vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .mix-and-match-image {
            width: 88vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mix-and-match-image {
            width: 88vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mix-and-match-image {
            width: 46vw;
            padding-right: 0vw; } }

.automation-image {
    margin: 0 auto;
    width: 41vw;
    padding-top: 0vw;
    opacity: 1.0;
    transition: 3s ease;
    padding-bottom: 0vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .automation-image {
            width: 88vw;
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .automation-image {
            width: 88vw;
            height: auto; } }

.automation-content-last {
    position: relative;
    background: transparent;
    margin: 0 0;
    height: calc(100vh - 4.25em);
    padding-top: 2.5vw;
    z-index: 222222;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1.25vw;
    padding-bottom: 0vw;
    padding-top: 1vw; }

    @media only screen and (max-width: 599px) {
        .automation-content-last {
            height: auto;
            padding-top: 8vw; 
            padding-bottom: 12vw;
            z-index: 222222;
            box-shadow: 8vw 0 16vw -.75vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .automation-content-last {
            height: auto;
            padding-top: 8vw; 
            padding-bottom: 12vw;
            z-index: 222222;
            box-shadow: 8vw 0 16vw -.75vw rgba(0,0,0,0.65); } }

footer {
    position: fixed;
    background-color: rgba(41,41,49,1.0); 
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 3.5vw;
    z-index: 1; 
    width: 100%;
    height: 29.1vw;
    margin: 0 0;  
    right: 0; 
    bottom: 0; }

    @media only screen and (max-width: 599px) {
        footer {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            z-index: 1;  
            padding-left: 0vw;
            padding-top: 4vw;
            padding-right: .5vw;
            height: 81.1svh; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        footer {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            z-index: 1;  
            padding-left: 0vw;
            padding-top: 0vw;
            padding-right: .5vw;
            height: 105.1vw; } } 

.generate-radiate-grid-outer {
    width: 80vw;
    padding-top: 0vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .generate-radiate-grid-outer {
            width: 98vw;
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .generate-radiate-grid-outer {
            width: 98vw
            height: auto; } }

@supports (display: grid) {
    .generate-radiate-2c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5vw; } }

    @media only screen and (max-width: 1024px) { 
        @supports (display: grid) {
            .generate-radiate-2c-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 0vw; } } }

.generate-radiate-2c-grid > div {
    flex: 1; }

.generate-radiate-2c-grid section { }

@supports (display: grid) {
    .phones-2c-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 6vw; } }

    @media only screen and (max-width: 1024px) { 
        @supports (display: grid) {
            .phones-2c-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 10vw; } } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        @supports (display: grid) {
            .phones-2c-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 2.5vw; } } }

.phones-2c-grid > div {
    flex: 1; }

.phones-2c-grid section { }

.headline-block { 
    margin: 0 auto;
    padding-right: 0vw;
    display: flex;
    justify-content: center;
    align-items: center;  }

.foot-head-image {
    padding-right: 0vw;
    width: 38vw;
    padding-bottom: 1vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .foot-head-image {
            width: 84vw;
            padding-left: 1vw;
            padding-top: 6vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .foot-head-image {
            width: 81vw;
            padding-top: 7vw;
            padding-bottom: 3vw; } }

.body-block {
    display: flex;
    justify-content: center;
    align-items: center; 
    padding-left: 0vw;
    padding-top: .5vw; }

    @media only screen and (max-width: 599px) {
        .body-block {
            margin: 0 auto;
            padding-left: 1.0vw;
            padding-top: 1.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .body-block {
            margin: 0 auto;
            padding-left: 0vw;
            padding-top: 1.5vw; } }

@supports (display: grid) {
    .bottom-links-3c-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1vw; } }

    /*@media only screen and (min-width: 599px) {
        @supports (display: grid) {
            .bottom-links-3c-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 10vw; } } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        @supports (display: grid) {
            .bottom-links-3c-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 6vw; } } }

.bottom-links-3c-grid > div {
    flex: 1; }

.bottom-links-3c-grid section { }

.bottom-links-column-2 {
    padding-left: .25vw;
    padding-right: 3vw;}

    @media only screen and (max-width: 599px) {
        .bottom-links-column-2 {
           padding-right: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .bottom-links-column-2 {
            padding-right: 2vw; } }

#human-machine h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1vw;
    line-height: 3.65;
    letter-spacing: 1.0px;
    word-spacing: -2px;
    text-align: left;
    text-transform: none;
    margin: 0 0 0 0;
    color: #fff; }

    @media only screen and (max-width: 599px) {
        #human-machine h6 {
            font-size: 4.5vw;
            line-height: 2.72;
            letter-spacing: 1.0px;
            word-spacing: -2px;
            padding-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #human-machine h6 {
            font-size: 2.1vw;
            line-height: 4;
            letter-spacing: 1.0px;
            word-spacing: -2px;
            padding-left: 0vw; } }

#human-machine a {
    color: #beb8b4;
    text-decoration: none;
    cursor: pointer;
    transition: .75s ease; 
    border-bottom: 1px dotted transparent;
    padding-bottom: 18px; }

    @media only screen and (max-width: 1024px) {
        #human-machine a {
            color: #8e8884;
            text-decoration: none;
            cursor: pointer;
            transition: 0s ease; 
            border-bottom: 0px dotted transparent;
            padding-bottom: 0px; } }

#human-machine a:hover {
    border-bottom: 1px dotted;
    padding-bottom: 5px;
    color: rgba(237,110,27,1.0); }

.bottom-links-column-1 {
    padding-top: 0vw; }

    @media only screen and (max-width: 599px) {
        .bottom-links-column-1 {
            padding-top: .5vw; } }

.foot-head-logo {
    width: 7vw;
    height: auto;
    padding-top: .7vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        .foot-head-logo {
            width: 32vw;
            height: auto;
            padding-top: 1.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .foot-head-logo {
            width: 17vw;
            height: auto;
            padding-top: 2.0vw; } }

.copyright-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: .75vw;
    line-height: 2.39;
/*line-height: 1.95;*/
    letter-spacing: 0px;
    word-spacing: -1px;
    text-align: left;
    text-transform: none;
    padding-left: .5vw;
    padding-top: .85vw;
    color: #666; }

    @media only screen and (max-width: 599px) {
        .copyright-copy p {
            font-size: 3vw;
            line-height: 2.39;
            padding-left: 1.25vw;
            padding-top: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .copyright-copy p {
            font-size: 1.5vw;
            line-height: 2.48;
            padding-left: 1.25vw;
            padding-top: 2vw; } }

hr.foot-splitter {
    height: 1px;
    background-color: #444;
    border: none;
    width: 100%;
    margin-top: 1.15vw;
    margin-bottom: 1.5vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.foot-splitter {
            width: 90%;
            margin-top: 5vw;
            margin-bottom: 3.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.foot-splitter {
            margin-top: 1.5vw;
            margin-bottom: 1.5vw; } }

#scroll-to-top-arrow {
    width: 30px;
    height: auto;
    position: fixed;
    right: 1.3vw;
    bottom: 1.2vw;
    cursor: pointer;
    z-index: 999999; }

    @media only screen and (max-width: 599px) {
        #scroll-to-top-arrow {
            width: 21px;
            height: 13px;
            position: fixed;
            right: 4vw;
            bottom: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #scroll-to-top-arrow {
            width: 21px;
            height: 13px;
            position: fixed;
            right: 3vw;
            bottom: 3vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        #scroll-to-top-arrow {
            width: 27px;
            height: 17px;
            position: fixed;
            right: 1.4vw;
            bottom: 1.3vw; } }

.scroll-to-top-arrow-image {
    width: 34px;
    height: 21px;
    transition: 1s ease; }

    @media only screen and (max-width: 599px) {
        .scroll-to-top-arrow-image {
            width: 21px;
            height: 13px;
            opacity: .7;
            transition: 1s ease; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .scroll-to-top-arrow-image {
            width: 21px;
            height: 13px;
            transition: 1s ease; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .scroll-to-top-arrow-image {
            width: 27px;
            height: 17px;
            transition: 1s ease; } }

.scroll-to-top-arrow-image:hover {
    transform: scale(1.3);
    transition: 1s ease; }

/* // Index / 2024 */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* MantraMan / 2024 */ 

.blockheads-masonry-outer {
    margin: 0 0;
    margin-top: 4.25em;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    padding-top: 4.00vw;
    padding-bottom: 5vw;
    z-index: 111111;
    box-shadow: 0 5vw 7vw -.5vw rgba(0,0,0,0.75);
    background: #333; }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .blockheads-masonry-outer {
            padding-top: 3.75vw; } }

.blockheads-masthead-solo {
    position: relative;
    width: 79vw;
    height: auto;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 2.25vw;
    padding-right: .5vw;
    z-index: 999999;
    opacity: 1.0; }

    @media only screen and (max-width: 376px) {
        .blockheads-masthead-solo {
            width: 95vw;
            margin-top: 4vw;
            margin-bottom: 2.5vw;
            padding-right: .5vw; } }

    @media only screen and (min-width: 377px) and (max-width: 599px) {
        .blockheads-masthead-solo {
            width: 95vw;
            margin-top: 4vw;
            margin-bottom: 2.5vw;
            padding-right: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .blockheads-masthead-solo {
            width: 92vw;
            margin-top: 4vw;
            margin-bottom: 1vw;
            padding-right: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .blockheads-masthead-solo {
            width: 82vw;
            margin-top: 0vw;
            margin-bottom: 3.0vw; } }

.overlay-blockheads-masthead-solo {
    background: #333;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 4s ease; }

.blockheads-masthead-solo:hover  .overlay-blockheads-masthead-solo {
    transition: 4s ease;
    opacity: 1.0; }

.masonry-container {
    width: 100%;
    margin: 0 auto; }

    @media only screen and (max-width: 599px) {
        .masonry-container {
            width: 85%;
            margin: 0 auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .masonry-container {
            width: 75%;
            margin: 0 auto; } }

.photo-gallery {
    display: flex;
    gap: 2.5vw; }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .photo-gallery {
            display: flex;
            gap: 2.5vw; } }

.photo img {
    width: 100%;
    height: auto;
    margin-bottom: 2.5vw;
    border-radius: .75vw;
    box-shadow: 0 1vw 3vw -1vw rgba(0,0,0,0.75);
    object-fit: cover; }

    @media only screen and (max-width: 599px) {
        .photo img {
            width: 100%;
            height: auto;
            margin-bottom: 8vw;
            border-radius: 1.25vw;
            box-shadow: 0 2vw 5vw -1vw rgba(0,0,0,0.75);
            object-fit: cover; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .photo img {
            width: 100%;
            height: auto;
            margin-bottom: 5vw;
            border-radius: 1.25vw;
            box-shadow: 0 2vw 5vw -1vw rgba(0,0,0,0.75);
            object-fit: cover; } }

.overlay-photo {
    position: absolute;
    top: 0; 
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    height: calc(100% - 2.48vw);
    width: 100%;
    margin-bottom: 2.5vw;
    border-radius: .75vw;
    opacity: 0;
    transition: 1.5s ease;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center; }

.photo:hover .overlay-photo {
    transition: 1.5s ease;
    opacity: .89; }

.overlay-photo p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1vw;
    line-height: 1.85;
    text-align: center;
    letter-spacing: .02vw;
    word-spacing: -.1vw;
    color: #f4f2ee;
    position: absolute;
    transition: 2s ease; }

.overlay-photo h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1vw;
    line-height: 1.85;
    text-align: center;
    letter-spacing: .02vw;
    word-spacing: -.1vw;
    color: #f4f2ee;
    position: absolute;
    transition: 2s ease; }

.hire-me p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: normal;
    text-align: center;
    font-size: 3vw;
    line-height: 1.5;
    letter-spacing: 0.05vw;
    word-spacing: -.2vw;
    padding-top: 1.5vw;
    padding-bottom: 2.5vw;
    color: #8e8884;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .hire-me p {
            font-size: 7vw;
            line-height: 1.5;
            letter-spacing: 0.05vw;
            word-spacing: -.2vw;
            padding-top: 5vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .hire-me p {
            font-size: 7vw;
            line-height: 1.5;
            letter-spacing: 0.05vw;
            word-spacing: -.2vw;
            padding-top: 5vw;
            padding-bottom: 8vw; } }

#blockheads-under-upper a {
    color: rgba(255,255,255,1.0);
    transition: 2s ease; 
    z-index: 999999; }

#blockheads-under-upper a:hover {
    color: rgba(237,110,27,1.0); }

.mantraman-tagline p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    font-size: 4.1vw;
    line-height: 1.17;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    padding-top: 3vw;
    padding-bottom: 5.5vw;
    color: #b8b8b8;
    opacity: 1.0; }

    @media only screen and (max-width: 376px) {
        .mantraman-tagline p {
            font-size: 5.0vw;
            line-height: 1.17;
            letter-spacing: 0vw;
            word-spacing: -.2vw;
            padding-top: 3vw;
            padding-bottom: 7vw; } }

    @media only screen and (min-width: 377px) and (max-width: 599px) {
        .mantraman-tagline p {
            font-size: 5.0vw;
            line-height: 1.17;
            letter-spacing: 0vw;
            word-spacing: -.2vw;
            padding-top: 3vw;
            padding-bottom: 7vw; } }

/* // MantraMan / 2024 */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */




/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* RobAI / 2024 */ 

.robai-top {
    margin: 0 0;
    background: #000;
    height: calc(78vh - 2.125em);
    margin-top: 4.25em;
    position: relative;
    padding-bottom: 0vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-end; 
    transition: 1.0s ease;
    z-index: 999999; }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .robai-top {
            height: calc(75vh - 2.125em);
            padding-top: 0vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        .robai-top {
            height: calc(78vh - 2.125em);
            padding-top: 0vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .robai-top {
            height: calc(77vh - 2.125em);
            padding-top: 0vw; } }

.certainty-image {
    width: 85vw;
    height: auto;
    padding-right: 0vw;
    transition: 5s ease; }

    @media only screen and (max-width: 599px) {
        .certainty-image {
            width: 90vw;
            padding-top: 0vw;
            padding-bottom: 0vw;
            padding-right: 0vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .certainty-image {
            width: 82vw;
            padding-top: 2vw;
            padding-bottom: 3vw;
            padding-right: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .certainty-image {
            width: 93vw;
            padding-bottom: .5vw;
            padding-right: .5vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1940px) {
        .certainty-image {
            width: 93vw;
            padding-top: 0vw;
            padding-bottom: .5vw;
            padding-right: .5vw; } }

.overlay-certainty-image {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 5s ease; }

.certainty-image:hover .overlay-certainty-image {
    opacity: 1.0;
    transition: 5s ease; }

.robai-bottom {
    margin: 0 0;
    background: #000;
    height: calc(22vh - 2.125em);
    position: relative;
    padding-top: 2vw;
    text-align: left;
    display: flex;
    justify-content: left;
    align-items: flex-start; 
    transition: 1.0s ease;
    z-index: 999999;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.60); }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .robai-bottom {
            height: calc(25vh - 2.125em);
            padding-top: 0vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        .robai-bottom {
            height: calc(22vh - 2.125em);
            padding-top: 0vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .robai-bottom {
            height: calc(23vh - 2.125em);
            padding-top: 0vw; } }

#welcome-to-roboto p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: left;
    font-size: 3vw;
    line-height: 1.15;
    letter-spacing: 0vw;
    word-spacing: -.5vw;
    padding-left: 34vw;
    padding-top: 0vw;
    color: #8e8884;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        #welcome-to-roboto p {
            font-size: 4.5vw;
            line-height: 1.15;
            letter-spacing: 0vw;
            word-spacing: -.5vw;
            padding-left: 16.5vw;
            padding-top: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #welcome-to-roboto p {
            font-size: 4.5vw;
            line-height: 1.15;
            letter-spacing: 0vw;
            word-spacing: -.5vw;
            padding-left: 17vw;
            padding-top: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        #welcome-to-roboto p {
            font-size: 3.25vw;
            line-height: 1.15;
            letter-spacing: 0vw;
            word-spacing: -.5vw;
            padding-left: 34vw;
            padding-top: 2vw; } }

#welcome-to-roboto a {
    color: rgba(237,110,27,1.0);
    transition: 1s ease;
    z-index: 999999; }

#welcome-to-roboto a:hover {
    color: rgba(246,241,225,.8); }

#welcome-to-wordbook p {
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-style: normal;
    font-weight: 500;
    text-align: center;
    font-size: 3vw;
    line-height: 1.15;
    letter-spacing: 0vw;
    word-spacing: -.25vw;
    padding-left: 0vw;
    padding-top: 2vw;
    padding-bottom: 1vw;
    color: #8e8884;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        #welcome-to-wordbook p {
            font-weight: 400;
            font-size: 5.5vw;
            line-height: 1.15;
            letter-spacing: 0vw;
            word-spacing: -.25vw;
            padding-left: 0vw;
            padding-top: 2vw;
            padding-bottom: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #welcome-to-wordbook p {
            font-weight: 400;
            font-size: 5.5vw;
            line-height: 1.15;
            letter-spacing: 0vw;
            word-spacing: -.25vw;
            padding-left: 0vw;
            padding-top: 2vw;
            padding-bottom: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        #welcome-to-wordbook p {
            font-size: 3.25vw;
            line-height: 1.15;
            letter-spacing: 0vw;
            word-spacing: -.25vw;
            padding-left: 0vw;
            padding-top: 2vw; } }

#welcome-to-wordbook a {
    color: rgba(237,110,27,1.0);
    transition: 1s ease;
    z-index: 999999; }

#welcome-to-wordbook a:hover {
    color: rgba(246,241,225,.8); }

.robai-model-outer {
    margin: 0 0;
    background: #000;
    position: relative;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55);
    z-index: 999999;
    height: calc(100svh - 4.25em);
    margin-top: 4.25em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: 2vw;
    transition: 2s ease; }

    @media only screen and (max-width: 376px) {
        .robai-model-outer {
            height: auto; 
            padding-top: 18vw;
            padding-bottom: 18vw; } }

    @media only screen and (min-width: 377px) and (max-width: 599px) {
        .robai-model-outer {
            height: auto; 
            padding-top: 17.5vw;
            padding-bottom: 17.5vw; } }

.blog-hero-right-inner {
    padding-top: 0vw;
    padding-bottom: 0vw;
    margin: 0 auto; 
    text-align: center;
    height: auto;
    background: transparent; }

.ai-artificial-intelligence-and-rob-outer {
    margin: 0 0;
    z-index: 888888;
    background: #fff;
    height: calc(100vh - 4.25em);
    position: relative;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 375px) {
        .ai-artificial-intelligence-and-rob-outer {
            height: auto;
            background: #f4f2ee;
            padding-top: 5vw;
            padding-bottom: 7vw;
            box-shadow: inset 0px -2vw 5vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .ai-artificial-intelligence-and-rob-outer {
            height: auto;
            background: #f4f2ee;
            padding-top: 5vw;
            padding-bottom: 7vw;
            box-shadow: inset 0px -2vw 5vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .ai-artificial-intelligence-and-rob-outer {
            height: auto;
            padding-top: 5vw;
            padding-bottom: 5vw;
            box-shadow: inset 0px -2vw 5vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .ai-artificial-intelligence-and-rob-outer {
            height: auto;
            padding-top: 5vw;
            padding-bottom: 5vw;
            box-shadow: inset 0px -2vw 5vw -1vw rgba(0,0,0,0.34); } }

.robai-citizen-outer {
    position: relative;
    background: #000;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 555555;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 3s ease;
    box-shadow: 2vw 0 3vw -.75vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 599px) {
        .robai-citizen-outer {
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .robai-citizen-outer {
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.storytelling-wordbook-hero-wrapper {
    margin: 0 0;
    position: relative;
    background: #222;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 888888;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 3s ease;
    box-shadow: 0vw 4vw 6vw -.75vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .storytelling-wordbook-hero-wrapper {
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .storytelling-wordbook-hero-wrapper {
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.storytelling-wordbook-hero-image {
    margin: 0 auto;
    width: 74vw;
    padding-top: 0vw;
    opacity: 1.0;
    transition: 2s ease;
    padding-bottom: 0vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .storytelling-wordbook-hero-image {
            width: 92vw;
            padding-top: 1vw;
            padding-bottom: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .storytelling-wordbook-hero-image {
            width: 89vw;
            padding-top: 1vw;
            padding-bottom: 4vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .storytelling-wordbook-hero-image {
            width: 74vw; } }

.storytelling-wordbook-outer {
    position: relative;
    background: rgba(237,110,27,1.0);
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 555555;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 3s ease;
    box-shadow: 2vw 0 3vw -.75vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 599px) {
        .storytelling-wordbook-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw;
            box-shadow: 0 5vw 8vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .storytelling-wordbook-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw;
            box-shadow: 0 5vw 8vw -.75vw rgba(0,0,0,0.55); } }

.storytelling-wordbook-image {
    margin: 0 auto;
    width: 41vw;
    height: auto;
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-right: 1vw;
    opacity: 1.0;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .storytelling-wordbook-image {
            width: 85vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .storytelling-wordbook-image {
            width: 85vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .storytelling-wordbook-image {
            width: 41vw;
            padding-top: 1vw;
            padding-right: .5vw; } }

.storytelling-infinity-image {
    margin: 0 auto;
    width: 38vw;
    height: auto;
    padding-top: 0vw;
    opacity: 1.0;
    transition: 2s ease;
    padding-bottom: 0vw; }

    @media only screen and (max-width: 599px) {
        .storytelling-infinity-image {
            width: 85vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .storytelling-infinity-image {
            width: 85vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .storytelling-infinity-image {
            width: 38vw; } }

.storytelling-details-image {
    margin: 0 auto;
    width: 32vw;
    height: auto;
    padding-top: 0vw;
    opacity: 1.0;
    transition: 2s ease;
    padding-bottom: 0vw; }

    @media only screen and (max-width: 599px) {
        .storytelling-details-image {
            width: 85vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .storytelling-details-image {
            width: 85vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .storytelling-details-image {
            width: 32vw; } }

.rob-wrapper {
    margin: 0 0;
    position: relative;
    background: #222;
    height: 76vh;
    text-align: center;
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 3s ease;
    box-shadow: 0vw 4vw 6vw -.75vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .rob-wrapper {
            height: 80svh;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .rob-wrapper {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .rob-wrapper {
            height: 74svh;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .rob-wrapper {
            height: 74svh;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.citizen-image {
    margin: 0 auto;
    width: 40vw;
    padding-top: 0vw;
    opacity: 1.0;
    transition: 2s ease;
    padding-bottom: 0vw;
    height: auto; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .citizen-image {
            width: 42vw; } }

.robai-right-hero-body-outer {
    position: relative;
    background: transparent;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    z-index: 111111;
    padding-left: 0vw;
    padding-top: 0vw;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) { 
        .robai-right-hero-body-outer {
            position: relative;
            background: transparent;
            margin: 0 auto;
            z-index: 555555;
            display: flex;
            justify-content: center;
            align-items: center;
            height: auto;
            padding-top: 3.5vw;
            padding-bottom: 5vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robai-right-hero-body-outer {
            position: relative;
            background: transparent;
            margin: 0 auto;
            z-index: 555555;
            display: flex;
            justify-content: center;
            align-items: center;
            height: auto;
            padding-top: 4.5vw;
            padding-bottom: 5vw;
            padding-left: 0vw; } }

.simplify-wordbook-definitive-right {
    position: relative;
    background: transparent;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    z-index: 111111;
    padding-left: 2vw;
    padding-top: 0vw;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) { 
        .simplify-wordbook-definitive-right {
            position: relative;
            background: transparent;
            margin: 0 auto;
            z-index: 555555;
            display: flex;
            justify-content: center;
            align-items: center;
            height: auto;
            padding-top: 9vw;
            padding-bottom: 9vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .simplify-wordbook-definitive-right {
            position: relative;
            background: transparent;
            margin: 0 auto;
            z-index: 555555;
            display: flex;
            justify-content: center;
            align-items: center;
            height: auto;
            padding-top: 9vw;
            padding-bottom: 9vw;
            padding-left: 0vw; } }

.ai-body p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    text-align: left;
    font-size: 1.9vw;
    line-height: 2;
    padding-left: 1.25vw;
    word-spacing: -.25vw;
    letter-spacing: -.035vw;
    text-indent: 3.75vw;
    color: #aea8a4; 
    padding-right: 0vw; }

    @media only screen and (max-width: 599px) {
        .ai-body p {
            font-size: 5.5vw;
            line-height: 1.75;
            word-spacing: -.4vw;
            padding-left: 1vw;
            text-indent: 9vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .ai-body p {
            font-size: 3.65vw;
            line-height: 1.75;
            padding-left: 1vw;
            text-indent: 8vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .ai-body p {
            font-size: 1.9vw;
            line-height: 2.2;
            padding-left: 1vw; } }

.ai-body h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    text-align: left;
    font-size: 1.9vw;
    line-height: 2;
    padding-left: 1.25vw;
    word-spacing: -.2vw;
    letter-spacing: -.035vw;
    text-indent: 3.75vw;
    color: #aea8a4; 
    padding-right: 0vw; }

    @media only screen and (max-width: 599px) {
        .ai-body h2 {
            font-size: 5vw;
            line-height: 1.75;
            word-spacing: -.4vw;
            padding-left: 1vw;
            text-indent: 9vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .ai-body h2 {
            font-size: 3.65vw;
            line-height: 1.75;
            padding-left: 1vw;
            text-indent: 8vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .ai-body h2 {
            font-size: 1.9vw;
            line-height: 2.2;
            padding-left: 1vw; } }


.robai-intro-outer {
    margin: 0 0;
    background: #222;
    position: relative;
    box-shadow: 0 5vw 6vw -1vw rgba(0,0,0,0.75);
    z-index: 777777;
    height: calc(40vh - 2.125em);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .robai-intro-outer {
            padding-top: 13vw;
            padding-bottom: 13vw;
            height: auto;
            box-shadow: 0 5vw 11vw -1vw rgba(0,0,0,0.8); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robai-intro-outer {
            padding-top: 12vw;
            padding-bottom: 12vw;
            height: auto;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.8); } }

.roboto-caption h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    font-size: 2.85vw;
    line-height: 1.43;
    letter-spacing: 0.0vw;
    word-spacing: -.4vw;
    color: #e6e2e1;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .roboto-caption h2 {
            font-size: 6vw;
            line-height: 1.8; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .roboto-caption h2 {
            font-size: 5vw;
            line-height: 1.43; } }

.ai-robai-outer {
    background: url("https://www.robkell.com/images/index_robai_multi_shadow_2.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 0;
    z-index: 666666;
    height: calc(60vh - 2.125em);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .ai-robai-outer {
            background: url("https://www.robkell.com/images/robai_multi_shadow_phones_1.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            margin: 0 0;
            z-index: 666666;
            height: 22svh;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            transition: 2s ease;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .ai-robai-outer {
            background: url("https://www.robkell.com/images/index_robai_multi_shadow vert_huge.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            margin: 0 0;
            z-index: 666666;
            height: 30svh;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            transition: 2s ease;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.roboto-copy-outer {
    margin: 0 0;
    background: transparent;
    position: relative;
    box-shadow: 0 3.5vw 4.5vw -1vw rgba(0,0,0,0.55);
    z-index: 555555;
    height: calc(100vh - 4.25em);
    padding-left: 1vw;
    padding-right: 0vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .roboto-copy-outer {
            height: auto;
            padding-top: 7vw;
            padding-bottom: 10vw;
            padding-left: 1vw;
            padding-right: 0vw;
            box-shadow: inset 0px -2vw 5vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .roboto-copy-outer {
            height: auto;
            padding-top: 7vw;
            padding-bottom: 10vw;
            padding-left: 1vw;
            padding-right: 0vw;
            box-shadow: inset 0px -2vw 5vw -1vw rgba(0,0,0,0.34); } }

     @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .roboto-copy-outer {
            height: calc(100vh - 4.25em);
            padding-left: 2.5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .roboto-copy-outer {
            height: calc(100vh - 4.25em);
            padding-left: 2vw; } }

@supports (display: grid) {
    .roboto-2c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3.0vw; } }

    @media only screen and (max-width: 599px) { 
        @supports (display: grid) {
        .roboto-2c-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px; } } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        @supports (display: grid) {
        .roboto-2c-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0vw; } } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        @supports (display: grid) {
        .roboto-2c-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 3.5vw; } } }

.roboto-2c-grid > div {
    flex: 1; }

.roboto-2c-grid section { }

.left-line {
    border-right: 1px solid #d3d3d3;
    padding-right: 2.65vw; }

    @media only screen and (max-width: 599px) {
        .left-line {
            border-right: 0px;
            padding-right: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .left-line {
            border-right: 0px;
            padding-right: 0vw; } }

    @media only screen and (min-width: 1440px) and (max-width: 1940px) {
        .left-line {
            padding-right: 2.8vw; } }

.roboto-2c-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 2.0vw;
    line-height: 1.95;
    word-spacing: -.4vw;
    letter-spacing: -.04vw;
    text-indent: 3.25vw;
    color: #aea8a4; 
    margin-top: 0; }

    @media only screen and (max-width: 599px) { 
        .roboto-2c-copy p {
            font-size: 4.3vw;
            line-height: 2.1;
            padding-left: 1vw;
            text-indent: 9vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .roboto-2c-copy p {
            font-size: 3.65vw;
            line-height: 1.75;
            text-indent: 8vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .roboto-2c-copy p {
            font-size: 2.15vw;
            line-height: 1.95;
            text-indent: 4vw; } }

.HexMed {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500; }

.ai-sum-total-outer {
    position: relative;
    background: #000;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 555555;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-left: 0vw;
    transition: 3s ease;
    box-shadow: 2vw 0 3vw -.75vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 599px) {
        .ai-sum-total-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw;
            box-shadow: 0vw 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .ai-sum-total-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw;
            box-shadow: 0vw 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.super-power-image {
    margin: 0 auto;
    width: 43vw;
    height: auto;
    padding-top: 0vw;
    opacity: 1.0;
    transition: 2s ease;
    padding-bottom: 0vw; }

    @media only screen and (max-width: 599px) {
        .super-power-image {
            margin: 0 auto;
            width: 85vw;
            height: auto;
            padding-top: 0vw;
            opacity: 1.0;
            transition: 2s ease;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .super-power-image {
            margin: 0 auto;
            width: 85vw;
            height: auto;
            padding-top: 0vw;
            opacity: 1.0;
            transition: 2s ease;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .super-power-image {
            width: 44vw; } }

.overlay-super-power-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000; }

.super-power-image:hover  .overlay-super-power-image {
    opacity: 1.0;
    transition: 2s ease; }

.superpower-body p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    text-align: left;
    font-size: 1.85vw;
    line-height: 1.6;
    padding-left: 1vw;
    letter-spacing: -.035vw;
    word-spacing: -.15vw;
    text-indent: 3.5vw;
    color: #aea8a4; }

    @media only screen and (max-width: 599px) {
        .superpower-body p {
            font-size: 5vw;
            line-height: 1.75;
            word-spacing: -.4vw;
            letter-spacing: -.04vw;
            padding-left: 1vw;
            text-indent: 9vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .superpower-body p {
            font-size: 3.65vw;
            line-height: 1.75;
            word-spacing: -.4vw;
            letter-spacing: -.04vw;
            padding-left: 2vw;
            text-indent: 8vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .superpower-body p {
            font-size: 1.96vw;
            line-height: 1.6;
            padding-left: 1vw; } }

.ai-artificial-intelligence-outer {
    background-color: #222;
    margin: 0 0;
    position: relative;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 4.5vw;
    padding-bottom: 3.25vw;
    z-index: 333333;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .ai-artificial-intelligence-outer {
            background-color: #222;
            padding-top: 9vw;
            padding-bottom: 8.5vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .ai-artificial-intelligence-outer {
            background-color: #222;
            padding-top: 9vw;
            padding-bottom: 8.5vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .ai-artificial-intelligence-outer {
            padding-top: 5.5vw;
            padding-bottom: 4.5vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

.ai-artificial-headline {
    margin: 0 auto;
    width: 69vw;
    height: auto;
    padding-left: 0vw;
    padding-bottom: 0vw;
    transition: 3s ease;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        .ai-artificial-headline {
            width: 91vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .ai-artificial-headline {
            width: 91vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .ai-artificial-headline {
            width: 75vw; } }

.overlay-ai-artificial-headline {
    background: rgba(236,0,140,1.0);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.ai-artificial-headline:hover .overlay-ai-artificial-headline {
    opacity: 1.0;
    transition: 3s ease; }

#ai-multiple-uses-body-outer {
    margin: 0 0;
    background: transparent;
    position: relative;
    box-shadow: 0 2.5vw 3.0vw -1vw rgba(0,0,0,0.55);
    z-index: 444444;
    height: auto;
    padding-left: 3vw;
    padding-top: 3.0vw;
    padding-bottom: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        #ai-multiple-uses-body-outer {
            padding-left: 1vw;
            padding-top: 6vw;
            padding-bottom: 10vw;
            box-shadow: inset 0px -2vw 4vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        #ai-multiple-uses-body-outer {
            padding-left: 1vw;
            padding-top: 6vw;
            padding-bottom: 10vw;
            box-shadow: inset 0px -2vw 4vw -1vw rgba(0,0,0,0.34); } }

     @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        #ai-multiple-uses-body-outer {
            padding-top: 3.5vw;
            padding-left: 1.5vw;
            padding-bottom: 5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        #ai-multiple-uses-body-outer {
            padding-top: 3.5vw;
            padding-left: 2.25vw;
            padding-bottom: 5vw; } }

@supports (display: grid) {
    .roboto-3c-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2.5vw; } }

    @media only screen and (max-width: 599px) { 
        @supports (display: grid) {
        .roboto-3c-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px; } } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        @supports (display: grid) {
        .roboto-3c-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 4vw; } } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        @supports (display: grid) {
        .roboto-3c-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 3.5vw; } } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        @supports (display: grid) {
        .roboto-3c-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 3.5vw; } } }

.roboto-3c-grid > div {
    flex: 1; }

.roboto-3c-grid section { }

.roboto-3c-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 1.28vw;
    line-height: 2.09;
    word-spacing: -.2vw;
    letter-spacing: -.01vw;
    text-indent: 0vw;
    color: rgba(0,0,0,1.0); 
    margin-top: 0; }

    @media only screen and (max-width: 599px) { 
        .roboto-3c-copy p {
            font-size: 3.65vw;
            line-height: 2.0; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .roboto-3c-copy p {
            font-size: 1.85vw;
            line-height: 2.5; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .roboto-3c-copy p {
            font-size: 1.25vw;
            line-height: 2.25; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .roboto-3c-copy p {
            font-size: 1.25vw;
            line-height: 2.25; } }

hr.roboto-uses-rule {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 1vw;
    margin-bottom: .9vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.roboto-uses-rule {
            margin-top: 4vw;
            margin-bottom: 3.8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.roboto-uses-rule {
            margin-top: 2vw;
            margin-bottom: 1.8vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.roboto-uses-rule {
            margin-top: 1.25vw;
            margin-bottom: 1vw; } }

hr.ai-craft-force-hero-rule-lower {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 3vw;
    margin-bottom: 2vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.ai-craft-force-hero-rule-lower {
            margin-top: 5vw;
            margin-bottom: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.ai-craft-force-hero-rule-lower {
            margin-top: 5vw;
            margin-bottom: 4vw; } }

.roboto-addendum {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 1vw;
    padding-bottom: 2vw; }

    @media only screen and (max-width: 375px) {
        .roboto-addendum {
            padding-top: 1vw;
            padding-bottom: 2vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .roboto-addendum {
            padding-top: 1vw;
            padding-bottom: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .roboto-addendum {
            padding-top: 1vw;
            padding-bottom: 2vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .roboto-addendum {
            padding-top: 1vw;
            padding-bottom: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .roboto-addendum {
            padding-top: 1vw;
            padding-bottom: 2vw; } }

.in-other-words-statement p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 2.75vw;
    line-height: 1.55;
    letter-spacing: -0.05vw;
    word-spacing: -.3vw;
    padding-top: 0vw;
    color: #aea8a4;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .in-other-words-statement p {
            font-size: 4.4vw;
            line-height: 1.76;
            padding-right: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .in-other-words-statement p {
            font-size: 3.25vw;
            line-height: 1.76;
            padding-right: .5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .in-other-words-statement p {
            font-size: 2.75vw;
            line-height: 1.65;
            word-spacing: -.4vw; } }

.ai-body-basic p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    text-align: left;
    font-size: 1.65vw;
    line-height: 1.65;
    padding-left: 1.5vw;
    word-spacing: -.25vw;
    letter-spacing: -.035vw;
    text-indent: 3.5vw;
    color: #aea8a4; }

    @media only screen and (max-width: 599px) {
        .ai-body-basic p {
            font-size: 4.25vw;
            line-height: 1.75;
            padding-left: 1.5vw;
            text-indent: 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .ai-body-basic p {
            font-size: 3.65vw;
            line-height: 1.75;
            padding-left: 1.5vw;
            text-indent: 8vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .ai-body-basic p {
            font-size: 1.75vw;
            line-height: 1.6;
            padding-left: 1.5vw; } }

.ai-one-more-thing-outer {
    position: relative;
    background: #000;
    margin: 0 auto;
    height: calc(100svh - 4.25em);
    text-align: center;
    z-index: 555555;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-left: 0vw;
    transition: 3s ease;
    box-shadow: -2vw 0 3vw -.75vw rgba(0,0,0,0.5); }

.soul-image {
    margin: 0 auto;
    width: 41vw;
    padding-top: 0vw;
    opacity: 1.0;
    transition: 3s ease;
    padding-bottom: 0vw;
    height: auto; }

    @media only screen and (max-width: 375px) {
        .soul-image {
            margin: 0 auto;
            width: 90vw;
            height: auto; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .soul-image {
            margin: 0 auto;
            width: 90vw;
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .soul-image {
            margin: 0 auto;
            width: 90vw;
            height: auto; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .soul-image {
            margin: 0 auto;
            width: 90vw;
            height: auto; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .soul-image {
            margin: 0 auto;
            width: 43vw;
            height: auto; } }

.overlay-soul-image {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.soul-image:hover .overlay-soul-image {
    opacity: 1.0;
    transition: 3s ease; }

.xtrabold-blog-basic-outer-infrastructure {
    margin: 0 0;
    z-index: 666666;
    background: transparent;
    height: calc(100vh - 4.25em);
    position: relative;
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) { 
        .xtrabold-blog-basic-outer-infrastructure {
            margin: 0 0;
            z-index: 666666;
            background: transparent;
            height: auto;
            position: relative;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.00); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .xtrabold-blog-basic-outer-infrastructure {
            margin: 0 0;
            z-index: 666666;
            background: transparent;
            height: auto;
            position: relative;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.00); } }

.branding-that-speaks-vertical-outer {
    background-color: #111;
    margin: 0 auto;
    height: auto;
    padding-top: 8vw;
    padding-bottom: 8vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 1s ease;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55);
    z-index: 888888; }

    @media only screen and (max-width: 599px) {
        .branding-that-speaks-vertical-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .branding-that-speaks-vertical-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

.rob-definitive-outer {
    position: relative;
    background: transparent;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    z-index: 555555;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: .5vw; }

    @media only screen and (max-width: 599px) {
        .rob-definitive-outer {
            position: relative;
            background: transparent;
            margin: 0 auto;
            height: auto;
            z-index: 555555;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 1.5vw;
            padding-top: 6vw;
            padding-bottom: 8vw;
            box-shadow: inset 0px -2vw 4vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .rob-definitive-outer {
            position: relative;
            background: transparent;
            margin: 0 auto;
            height: auto;
            z-index: 555555;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 1.5vw;
            padding-top: 6vw;
            padding-bottom: 8vw;
            box-shadow: inset 0px -2vw 4vw -1vw rgba(0,0,0,0.34); } }

.ai-minimalism-outer {
    margin: 0 0;
    z-index: 222222;
    background: transparent;
    height: calc(100vh - 4.25em);
    position: relative;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .ai-minimalism-outer {
            height: auto;
            padding-top: 0vw;
            padding-bottom: 0vw;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .ai-minimalism-outer {
            height: auto;
            padding-top: 0vw;
            padding-bottom: 0vw;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

.ai-darwinism-outer {
    position: relative;
    background: #000;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 555555;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-left: 0vw;
    transition: 3s ease;
    box-shadow: 2vw 0 3vw -.75vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 599px) {
        .ai-darwinism-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw;
            padding-left: 1vw;
            box-shadow: 0vw 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .ai-darwinism-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw;
            padding-left: 1vw;
            box-shadow: 0vw 5vw 8vw -1vw rgba(0,0,0,0.55); } } 

.darwinism-image {
    margin: 0 auto;
    width: 39vw;
    padding-top: 0vw;
    opacity: 1.0;
    transition: 1s ease;
    padding-bottom: 0vw;
    padding-left: 0vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .darwinism-image {
            width: 86vw;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .darwinism-image {
            width: 86vw;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .darwinism-image {
            width: 40vw;
            padding-left: 0vw; } }  

.overlay-darwinism-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    padding-left: 1vw;
    opacity: 0;
    transition: 3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000; }

.darwinism-image:hover  .overlay-darwinism-image {
    opacity: 1.0;
    transition: 3s ease; }  

.minimalism-right-outer {
    position: relative;
    background: transparent;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1.5vw; }

    @media only screen and (max-width: 599px) {
        .minimalism-right-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 21svw;
            box-shadow: inset 0px -2vw 8vw -1vw rgba(0,0,0,0.25); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .minimalism-right-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 12vw;
            box-shadow: inset 0px -3vw 8vw -1vw rgba(0,0,0,0.25); } } 

.minimalism-body p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    text-align: left;
    font-size: 2.0vw;
    line-height: 1.62;
    margin-bottom: 1.5vw;
    word-spacing: -.35vw;
    letter-spacing: -.035vw;
    color: #aea8a4; }

    @media only screen and (max-width: 599px) {
        .minimalism-body p {
            font-size: 4.4vw;
            line-height: 1.62;
            word-spacing: -.35vw;
            letter-spacing: -.035vw;
            margin-bottom: 2.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .minimalism-body p {
            font-size: 4.4vw;
            line-height: 1.62;
            word-spacing: -.35vw;
            letter-spacing: -.035vw;
            margin-bottom: 2.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .minimalism-body p {
            font-size: 2.0vw;
            line-height: 1.62;
            padding-left: 1vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .minimalism-body p {
            font-size: 2.0vw;
            line-height: 1.62;
            padding-left: 1vw; } } 

.trio {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    color: rgba(255,255,255,1.0);
    font-style: 500; }

.trio-ae {
    color: #aea8a4; }

.trio-red {
    color: #ff0000; }

.trio-4 {
    color: rgba(0,0,0,.85); }

.three {
    color: #1c1c1c; }

.relevance {
    color: #fff; }

.momentum {
    color: #fff; }

.thefive {
    color: #000; }

.kineness {
    color: rgba(0,0,0,1.0); }

.machine {
    color: #555; }

.foreverest {
    color: #beb8b4; }

.roboto-cycle {
    font-size: 6.5vw;
    color: #4e4844; }

.adman {
    color: #aea8a4; }  

hr.robai-closer {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 1vw;
    margin-bottom: 1vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.robai-closer {
            margin-top: 5.5vw;
            margin-bottom: 4.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.robai-closer {
            margin-top: 5vw;
            margin-bottom: 5vw; } } 

.roboto-creative-machine-closing-outer {
    margin: 0 0;
    height: calc(100vh - 4.25em);
    position: relative;
    background-color: #f8f7f3;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.6);
    z-index: 111111; }

    @media only screen and (max-width: 599px) {
        .roboto-creative-machine-closing-outer {
            height: auto;
            padding-top: 13vw;
            padding-bottom: 13vw;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.85); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .roboto-creative-machine-closing-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw; 
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.85); } }

.roboto-closing-image {
    margin: 0 auto;
    width: 83vw;
    padding-left: 2vw;
    transition: 3s ease;
    padding-bottom: 0vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .roboto-closing-image {
            margin: 0 auto;
            width: 95vw;
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .roboto-closing-image {
            margin: 0 auto;
            width: 95vw;
            height: auto; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .roboto-closing-image {
            margin: 0 auto;
            width: 85vw;
            padding-left: 2.5vw;
            height: auto; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .roboto-closing-image {
            margin: 0 auto;
            width: 85vw;
            padding-left: 2.5vw;
            height: auto; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .roboto-closing-image {
            margin: 0 auto;
            width: 85vw;
            padding-left: 2vw;
            height: auto; } }

/* // RobAI / 2024 */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Products / 2024 */

.hero-products-outer {
    margin: 0 0;
    z-index: 999999;
    background: #fff;
    height: calc(100vh - 4.25em);
    margin-top: 4.25em;
    position: relative;
    box-shadow: 0 3vw 4vw -.5vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .hero-products-outer {
            height: auto;
            background: transparent;
            box-shadow: inset 0px -3vw 6vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .hero-products-outer {
            height: auto;
            background: transparent;
            box-shadow: inset 0px -3vw 6vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .hero-products-outer {
            height: calc(100vh - 4.25em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .hero-products-outer {
            height: calc(100vh - 4.25em); } }

.products-hero-left {
/*    background: #111;*/
    background: rgba(237,110,27,1.0);
    position: relative;
    margin: 0 0;
    z-index: 333333;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0vw;
    padding-bottom: 0vw;
    transition: 2s ease;
    box-shadow: 2.5vw 0 3vw -.75vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .products-hero-left {
            background: #000;
            height: calc(100svh - 4.25em);
            padding-top: 5vw;
            padding-bottom: 1vw;
            padding-right: .25vw;
            box-shadow: 0vw 8vw 15vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-hero-left {
            height: calc(100svh - 4.25em);
            padding-top: .5vw;
            padding-right: .25vw;
            box-shadow: 0vw 6vw 10vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .products-hero-left {
            padding-top: 0vw;
            padding-bottom: 0vw;
            height: calc(100vh - 4.25em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .products-hero-left {
            padding-top: 0vw;
            height: calc(100vh - 4.25em); } }

.products-hero-left-2 {
    background: #000;
    position: relative;
    margin: 0 0;
    z-index: 333333;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0vw;
    padding-bottom: 0vw;
    transition: 2s ease;
    box-shadow: 2.5vw 0 3vw -.75vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .products-hero-left-2 {
            background: #000;
            height: calc(100svh - 4.25em);
            padding-top: 5vw;
            padding-bottom: 1vw;
            padding-right: .25vw;
            box-shadow: 0vw 8vw 15vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-hero-left-2 {
            height: calc(100svh - 4.25em);
            padding-top: .5vw;
            padding-right: .25vw;
            box-shadow: 0vw 6vw 10vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .products-hero-left-2 {
            padding-top: 0vw;
            padding-bottom: 0vw;
            height: calc(100vh - 4.25em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .products-hero-left-2 {
            padding-top: 0vw;
            height: calc(100vh - 4.25em); } }

.products-hero-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    transition: 3.0s ease;
    background: transparent; }

.solutions-hero {
    width: 40vw;
    padding-left: 0vw;
    padding-right: 0vw;
    padding-top: 0vw;
    padding-bottom: 0vw;
    transition: 3s ease;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .solutions-hero {
            width: 96vw;
            padding-right: 0vw;
            padding-left: 1vw;
            padding-top: 0vw;
            padding-bottom: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .solutions-hero {
            width: 91vw;
            padding-right: 0vw;
            padding-left: 0vw;
            padding-top: 0vw;
            padding-bottom: .5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .solutions-hero {
            width: 40vw;
            padding-right: 0vw;
            padding-left: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .solutions-hero {
            width: 40vw;
            padding-right: 0vw;
            padding-left: 0vw;
            padding-bottom: 0vw; } }

.solutions-hero-left {
    /*background: url("https://www.robkell.com/images/solutions_advantage_bg_1.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;*/
    background: #000;
    position: relative;
    margin: 0 0;
    z-index: 333333;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0vw;
    padding-bottom: 0vw;
    transition: 2s ease;
    box-shadow: 2.5vw 0 3vw -.75vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .solutions-hero-left {
            background: #000;
            height: calc(100svh - 4.25em);
            padding-top: 5vw;
            padding-bottom: 1vw;
            padding-right: .25vw;
            box-shadow: 0vw 8vw 15vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .solutions-hero-left {
            height: calc(100svh - 4.25em);
            padding-top: .5vw;
            padding-right: .25vw;
            box-shadow: 0vw 6vw 10vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .solutions-hero-left {
            padding-top: 0vw;
            padding-bottom: 0vw;
            height: calc(100vh - 4.25em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .solutions-hero-left {
            padding-top: 0vw;
            height: calc(100vh - 4.25em); } }

.solutions-the-voice-of-simple {
    width: 40vw;
    padding-left: 0vw;
    padding-right: 0vw;
    padding-top: 0vw;
    padding-bottom: 0vw;
    transition: 3s ease;
    opacity: 1.0;
    height: auto; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .solutions-the-voice-of-simple {
            width: 41vw; } }

.products-hero-systems {
    width: 40vw;
    padding-left: 0vw;
    padding-right: 0vw;
    padding-top: 0vw;
    padding-bottom: 0vw;
    transition: 6s ease;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .products-hero-systems {
            width: 89vw;
            padding-right: 0vw;
            padding-left: 1vw;
            padding-top: 0vw;
            padding-bottom: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-hero-systems {
            width: 89vw;
            padding-right: 0vw;
            padding-left: 0vw;
            padding-top: 0vw;
            padding-bottom: .5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .products-hero-systems {
            width: 40vw;
            padding-right: 0vw;
            padding-left: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .products-hero-systems {
            width: 40vw;
            padding-right: 0vw;
            padding-left: 0vw;
            padding-bottom: 0vw; } }

.overlay-products-hero-systems {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 6s ease; }

.products-hero-systems:hover .overlay-products-hero-systems {
    opacity: 1.0;
    transition: 6s ease; }

#down-block {
    margin: 0 auto;
    text-align: center; }

#down-block a {
    color: #8e8884;
    transition: 1s ease;
    z-index: 999999; }

.robism-down h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3vw;
    line-height: 3.0;
    padding-top: 0vw;
    word-spacing: -.1vw;
    letter-spacing: .03vw;
    text-align: center;
    text-transform: none;
    margin: 0 0 0 0;
    color: #5e5854; }

    @media only screen and (max-width: 599px) {
        .robism-down h6 {
            font-size: 3.5vw;
            line-height: 2.5;
            padding-top: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .robism-down h6 {
            font-size: 3.5vw;
            line-height: 2.5;
            padding-top: 0vw; } }

#phone-down h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3vw;
    line-height: 3.0;
    padding-top: 0vw;
    word-spacing: -.1vw;
    letter-spacing: .03vw;
    text-align: center;
    text-transform: none;
    margin: 0 0 0 0;
    color: #3e3834; }

    @media only screen and (max-width: 599px) {
        #phone-down h6 {
            font-size: 8vw;
            line-height: 2.5;
            padding-top: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #phone-down h6 {
            font-size: 3.5vw;
            line-height: 2.5;
            padding-top: 0vw; } }

#phone-down a {
    color: #3e3834;
    animation: bounce 1.0s infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    -webkit-transition-duration: 0.8s linear;
    -moz-transition-duration: 0.8s linear;
    -ms-transition-duration: 0.8s linear;
    -o-transition-duration: 0.8s linear;
    transition: 0.8s linear;
    z-index: 999999; }

/*#phone-down a:hover {
    transition: .5s ease;
    color: rgba(237,110,27,1.0); }*/

.products-hero-right {
    position: relative;
    background: transparent;
    margin: 0 0;
    height: calc(100vh - 4.25em);
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-right: 0vw;
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .products-hero-right {
            background: transparent;
            z-index: 111111;
            height: auto;
            padding-top: 10vw;
            padding-bottom: 12vw;
            box-shadow: inset 0px -3vw 8vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-hero-right {
            background: transparent;
            z-index: 111111;
            height: auto;
            padding-top: 7vw;
            padding-bottom: 10vw;
            box-shadow: inset 0px -3vw 8vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .products-hero-right {
            height: calc(100vh - 4.25em);
            padding-top: .5vw;
            padding-right: 0vw;
            padding-left: 0; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .products-hero-right {
            height: calc(100vh - 4.25em);
            padding-top: .5vw;
            padding-right: 0vw;
            padding-left: 0; } }

.products-hero-right-upper {
    position: relative;
    background: #f4f2ee;
    margin: 0 0;
    height: calc(100vh - 4.25em);
    padding-top: 0vw;
    padding-bottom: 1vw;
    padding-right: .5vw;
    z-index: 222222;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2vw 3vw -1vw rgba(0,0,0,0.44); }

    @media only screen and (max-width: 599px) {
        .products-hero-right-upper {
            background: transparent;
            z-index: 111111;
            height: auto;
            padding-top: 10vw;
            padding-bottom: 12vw;
            box-shadow: inset 0px -3vw 8vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-hero-right-upper {
            background: transparent;
            z-index: 111111;
            height: auto;
            padding-top: 10vw;
            padding-bottom: 12vw;
            box-shadow: inset 0px -3vw 8vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .products-hero-right-upper {
            padding-top: 0vw;
            padding-right: 1vw;
            padding-left: 0; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .products-hero-right-upper {
            padding-top: 0vw;
            padding-right: 1vw;
            padding-left: 0; } }

.products-hero-right-lower {
    position: relative;
    background: #fff;
    margin: 0 0;
    height: calc(26vh - 2.125em);
    padding-top: 2.5vw;
    padding-left: 0vw;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 0vw;
    padding-right: 0vw;
    box-shadow: inset 0px -2vw 3vw -1vw rgba(0,0,0,0.34);
    z-index: 111111; }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .products-hero-right-lower {
            height: calc(27vh - 2.125em);
            padding-top: 2.5vw;
            padding-right: 0vw;
            padding-left: 0; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .products-hero-right-lower {
            height: calc(27vh - 2.125em);
            padding-top: 3.0vw;
            padding-right: 0vw;
            padding-left: 0; } }

.products-hero-right-lower-grid-holder {
    position: relative;
    background: transparent;
    width: 42vw;
    padding-top: 1.5vw;
    height: auto;
    z-index: 111111; }

.products-hero-right-lower-left {
    position: relative;
    background: transparent;
    width: 21vw;
    height: auto;
    display: flex;
    justify-content: left;
    align-items: center;
    z-index: 111111; }

.products-hero-right-lower-right {
    position: relative;
    background: transparent;
    width: 21vw;
    height: auto;
    display: flex;
    justify-content: left;
    align-items: center;
    z-index: 111111; }

.products-logo-lower {
    width: 16vw;
    height: auto;
    margin-top: 0vw;
    padding-left: 0vw;
    margin-bottom: 0vw;
    transition: 2s ease;
    z-index: 999999; }

.overlay-products-logo-lower {
    background: #f4f2ee;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 2s ease; }

.products-logo-lower:hover .overlay-products-logo-lower {
    opacity: 1.0;
    transition: 2s ease; } 

@supports (display: grid) {
    .products-hero-right-lower-2c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0vw; } }

    @media only screen and (max-width: 599px) { 
        @supports (display: grid) {
            .products-hero-right-lower-2c-grid {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                grid-gap: 0vw; } } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        @supports (display: grid) {
            .products-hero-right-lower-2c-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-gap: 1.5vw; } } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        @supports (display: grid) {
            .products-hero-right-lower-2c-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-gap: 0vw; } } }

.products-hero-right-lower-2c-grid > div {
    flex: 1; }

.products-hero-right-lower-2c-grid section { }

.products-individuals-wrapper {
    margin: 0 0;
    z-index: 444444;
    background: transparent;
    height: calc(100vh - 4.25em);
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .products-individuals-wrapper {
            height: auto;
            padding-top: 0vw;
            padding-bottom: 0vw;
            background: transparent;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .products-individuals-wrapper {
            height: calc(100svh - 4.25em);
            background: transparent;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.products-robai {
    padding-left: 2vw;
    display: flex;
    justify-content: left;
    align-items: center; }

.products-logo-robai {
    width: 29vw;
    height: auto;
    margin-top: 1.5vw;
    padding-left: 0vw;
    margin-bottom: 1.5vw;
    transition: 2s ease;
    z-index: 999999;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        .products-logo-robai {
            width: 83vw;
            height: auto;
            margin-top: 1.5vw;
            padding-left: 0vw;
            margin-bottom: 1.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-logo-robai {
            width: 60vw;
            height: auto;
            margin-top: 1.5vw;
            padding-left: 0vw;
            margin-bottom: 1.5vw; } }

.products-block-mobile-robai {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 12vw;
    padding-bottom: 12vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    transition: 2s ease;
    box-shadow: inset 0px -2vw 8vw -1vw rgba(0,0,0,0.21);
    background: #f4f2ee; }

.products-block-mobile-wordbook {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 12vw;
    padding-bottom: 12vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    transition: 2s ease;
    box-shadow: inset 0px -2vw 8vw -1vw rgba(0,0,0,0.21);
    background: #fff; }

.overlay-products-logo-robai {
    background: #f4f2ee;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 2s ease; }

.products-logo-robai:hover .overlay-products-logo-robai {
    opacity: 1.0;
    transition: 2s ease; } 

.products-body-right p  {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 1.1vw;
    line-height: 1.33;
    letter-spacing: -.02vw;
    word-spacing: -.1vw;
    padding-left: 1.75vw;
    color: #aea8a4; }

    @media only screen and (max-width: 599px) {
        .products-body-right p  {
            font-size: 5.5vw;
            line-height: 1.4;
            letter-spacing: -.05vw;
            word-spacing: -.5vw;
            padding-top: 1.5vw;
            padding-left: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-body-right p  {
            font-size: 2.4vw;
            line-height: 1.33;
            letter-spacing: -.035vw;
            word-spacing: -.2vw;
            padding-left: 4vw; } }

.products-body-right-lower p  {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 1.1vw;
    line-height: 1.33;
    letter-spacing: -.02vw;
    word-spacing: -.085vw;
    padding-top: .5vw;
    padding-left: .1vw;
    color: #aea8a4; }

    @media only screen and (max-width: 599px) {
        .products-body-right-lower p  {
            font-size: 5.5vw;
            line-height: 1.4;
            letter-spacing: -.05vw;
            word-spacing: -.5vw;
            padding-top: 1.5vw;
            padding-left: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-body-right-lower p  {
            font-size: 2.4vw;
            line-height: 1.33;
            letter-spacing: -.035vw;
            word-spacing: -.125vw;
            padding-left: 4vw; } }

hr.products-divisidero {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 93%;
    margin-top: .15vw;
    margin-bottom: .15vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.products-divisidero {
            width: 100%;
            margin-top: 6vw;
            margin-bottom: 7vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.products-divisidero {
            width: 95%;
            margin-top: 3.5vw;
            margin-bottom: 3.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.products-divisidero {
            margin-top: .5vw;
            margin-bottom: .5vw; } }

hr.products-divisidero-lower {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 93%;
    margin-top: 3.5vw;
    margin-bottom: 3.5vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.products-divisidero-lower {
            width: 93%;
            margin-top: 6vw;
            margin-bottom: 6vw; } }

.products-outer-1 {
    margin: 0 0;
    height: auto;
    padding-left: 2vw;
    padding-top: 1vw;
    padding-bottom: 1vw; }

    @media only screen and (max-width: 599px) {
        .products-outer-1 {
            padding-top: 0vw;
            padding-bottom: 1vw; } }

.products-intro p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    text-align: left;
    font-size: 1.72vw;
    line-height: 1.54;
    word-spacing: -.35vw;
    letter-spacing: -.015vw;
    margin-top: 0vw;
    color: #aea8a4; }

    @media only screen and (max-width: 599px) {
        .products-intro p {
            font-size: 5.5vw;
            line-height: 1.4;
            letter-spacing: -.05vw;
            word-spacing: -.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-intro p {
            font-size: 3.6vw;
            line-height: 1.54;
            word-spacing: -.35vw;
            letter-spacing: -.015vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .products-intro p {
            font-size: 1.72vw;
            line-height: 1.54;
            word-spacing: -.3vw;
            letter-spacing: -.03vw;
            margin-top: 0vw;
            margin-bottom: 0vw;
            padding-right: 2vw; } }

.products-kell-welcome-your-flag-outer {
    height: calc(100vh - 4.25em);
    margin: 0 0;
    position: relative;
    background: #f4f2ee;
    z-index: 333333;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .products-kell-welcome-your-flag-outer {
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-kell-welcome-your-flag-outer {
            height: auto; } }

.products-kell-retainer {
    height: calc(100vh - 4.25em);
    margin: 0 0;
    position: relative;
    background: transparent;
    z-index: 111111;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .products-kell-retainer {
             height: calc(100svh - 4.25em); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-kell-retainer {
            height: auto; } }

.products-style-big-left {
    position: relative;
    background: #282828;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 555555;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-left: 0vw;
    transition: 2s ease;
    box-shadow: 2vw 0 3vw -.75vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 599px) {
        .products-style-big-left {
            height: auto; 
            padding-top: 8vw;
            padding-bottom: 5vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-style-big-left {
            height: auto; 
            padding-top: 8vw;
            padding-bottom: 5vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.products-style-image {
    margin: 0 auto;
    width: 44vw;
    height: auto;
    padding-top: 3vw;
    padding-bottom: 0vw;
    opacity: 1.0;
    transition: 3s ease; }

    @media only screen and (max-width: 599px) {
        .products-style-image {
            width: 86vw;
            height: auto;
            padding-left: 1vw;
            padding-top: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-style-image {
            width: 86vw;
            height: auto;
            padding-left: 1vw;
            padding-top: 0vw;
            padding-bottom: 0vw; } }

.overlay-products-style-image {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.products-style-image:hover .overlay-products-style-image {
    opacity: 1.0;
    transition: 3s ease; } 

.products-style-big-right {
    position: relative;
    background: transparent;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    z-index: 111111;
    padding-left: 1.5vw;
    padding-bottom: 0vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw; }

    @media only screen and (max-width: 599px) {
        .products-style-big-right {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 11vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-style-big-right {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 11vw; } }

.products-style-body p {
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    text-align: left;
    font-size: 3.0vw;
    line-height: 1.18;
    padding-left: .75vw;
    word-spacing: -.1vw;
    letter-spacing: -.015vw;
    color: #000; 
    padding-right: 0vw; }

    @media only screen and (max-width: 599px) {
        .products-style-body p {
            font-size: 6.5vw;
            line-height: 1.25;
            padding-left: .75vw;
            word-spacing: -.1vw;
            letter-spacing: -.015vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-style-body p {
            font-size: 6.5vw;
            line-height: 1.25;
            padding-left: .75vw;
            word-spacing: -.1vw;
            letter-spacing: -.015vw; } }

.products-brand-bar {
    margin: 0 0;
    background: #000;
    position: relative;
    z-index: 888888;
    height: calc(44vh - 2.125em);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: .75vw;
    transition: 2s ease;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .products-brand-bar {
            height: calc(29svh - 2.125em);
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-brand-bar {
            height: calc(29svh - 2.125em);
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); } }

.products-logo-brand-bar-robai {
    width: 55vw;
    height: auto;
    transition: 3s ease;
    z-index: 999999;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        .products-logo-brand-bar-robai {
            width: 89vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-logo-brand-bar-robai {
            width: 85vw; } }

.overlay-products-logo-brand-bar-robai {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.products-logo-brand-bar-robai:hover .overlay-products-logo-brand-bar-robai {
    opacity: 1.0;
    transition: 3s ease; } 

.products-horiz-blocks {
    margin: 0 0;
    background: #f6f1e1;
    position: relative;
    z-index: 666666;
    height: calc(56vh - 2.125em);
    padding-top: 0vw;
    display: flex; 
    flex-direction: row; 
    transition: 2s ease;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.55); }

.products-horiz-blocks-left {
    margin: 0 0;
    background: #333;
    position: relative;
    z-index: 222222;
    height: calc(56vh - 2.125em);
    width: 66%; 
    padding-bottom: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; 
    transition: 2s ease;
    box-shadow: 2vw 0 4vw -.75vw rgba(0,0,0,0.55); }

/*.products-horiz-blocks-left: hover {
    background: #6e6864;
    transition: 2s ease; }*/

.products-horiz-blocks-right {
    margin: 0 0;
    background: transparent;
    position: relative;
    z-index: 111111;
    height: calc(56vh - 2.125em);
    width: 34%; 
    padding-bottom: 0vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; 
    transition: 2s ease; }

.products-body-bar {
    margin: 0 0;
    background: rgba(246,241,225,.8);
    position: relative;
    z-index: 666666;
    height: calc(56vh - 2.125em);
    padding-top: .75vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .products-body-bar {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 13vw;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-body-bar {
            height: calc(71vh - 2.125em);
            padding-top: 0vw;
            padding-bottom: 2.5vw;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); } }

.deliverables-bar {
    margin: 0 0;
    background: #f4f2ee;
    position: relative;
    z-index: 444444;
    height: auto;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .deliverables-bar {
            padding-top: 3vw;
            padding-bottom: 8vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .deliverables-bar {
            padding-top: 3vw;
            padding-bottom: 8vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.products-3c-grid-outer {
    width: 90vw;
    height: auto;
    margin: 0 auto; }

    @media only screen and (max-width: 599px) {
        .products-3c-grid-outer {
            width: 100%;
            height: auto;
            padding-top: 3vw;
            padding-left: 6vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-3c-grid-outer {
            width: 100%;
            height: auto;
            padding-top: 0vw;
            padding-bottom: 2vw;
            padding-left: 6vw; } }

@supports (display: grid) {
    .products-3c-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2vw; } }

    @media only screen and (max-width: 599px) { 
        @supports (display: grid) {
            .products-3c-grid {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                grid-gap: 0vw; } } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        @supports (display: grid) {
            .products-3c-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-gap: 0vw; } } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        @supports (display: grid) {
            .products-3c-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-gap: 1.5vw; } } }

.products-3c-grid > div {
    flex: 1; }

.products-3c-grid section { }

.products-block {
    padding-top: 2vw;
    padding-bottom: 4vw;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: left; }

    @media only screen and (max-width: 599px) {
        .products-block {
            padding-top: 2vw;
            padding-bottom: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-block {
            padding-top: 0vw;
            padding-bottom: 0vw; } }

.products-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 1.5vw;
    line-height: 1.85;
    word-spacing: -.15vw;
    letter-spacing: -.015vw;
    text-indent: 0vw;
    color: #9e9894; 
    margin-top: 0; }

    @media only screen and (max-width: 599px) {
        .products-copy p {
            font-size: 2.5vw;
            line-height: 2.25;
            word-spacing: -.15vw;
            letter-spacing: -.015vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-copy p {
            font-size: 3.2vw;
            line-height: 2.3;
            word-spacing: -.15vw;
            letter-spacing: -.015vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .products-copy p {
            font-size: 1.5vw;
            line-height: 1.75; } }

hr.products-2 {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 1vw;
    margin-bottom: 1vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.products-2 {
            margin-top: 2.5vw;
            margin-bottom: 2.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.products-2 {
            margin-top: 2.5vw;
            margin-bottom: 2.5vw; } }

.products-copy-light p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 1.5vw;
    line-height: 1.85;
    word-spacing: -.15vw;
    letter-spacing: -.015vw;
    text-indent: 2.5vw;
    color: #8e8884; 
    margin-top: 0; }

    @media only screen and (max-width: 599px) {
        .products-copy-light p {
            font-size: 2.5vw;
            line-height: 2.25;
            word-spacing: -.15vw;
            letter-spacing: -.015vw;
            text-indent: 0vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-copy-light p {
            font-size: 3.2vw;
            line-height: 2.3;
            word-spacing: -.15vw;
            letter-spacing: -.015vw;
            text-indent: 0vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .products-copy-light p {
            font-size: 1.5vw;
            line-height: 1.75; } }

.products-ordering h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    /*font-size: 1.62vw;
    letter-spacing: .3vw;
    word-spacing: -.1vw;*/
    font-size: 1.4vw;
    letter-spacing: .5vw;
    word-spacing: -.2vw;
    line-height: 1.5;
    text-align: left;
    text-transform: uppercase;
    padding-left: 1vw;
    margin: 0 0 0 0;
    color: #000; }

    @media only screen and (max-width: 599px) {
        .products-ordering h6 {
            font-size: 3.3vw;
            line-height: 2.5;
            text-align: left;
            text-transform: uppercase;
            padding-left: 1vw;
            margin: 0 0 0 0;
            letter-spacing: .6vw;
            word-spacing: -.08vw;
            color: #000; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-ordering h6 {
            font-size: 2.3vw;
            line-height: 2.5;
            text-align: left;
            text-transform: uppercase;
            padding-left: 1vw;
            margin: 0 0 0 0;
            letter-spacing: .6vw;
            word-spacing: -.08vw;
            color: #000; } }

@supports (display: grid) {
    .products-2c-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2vw; } }

    @media only screen and (max-width: 599px) { 
        @supports (display: grid) {
            .products-2c-grid {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                grid-gap: 0vw; } } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        @supports (display: grid) {
            .products-2c-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-gap: 1.5vw; } } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        @supports (display: grid) {
            .products-2c-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-gap: 1.5vw; } } }

.products-2c-grid > div {
    flex: 1; }

.products-2c-grid section { }

.deliverables-copy-light p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 1.44vw;
    line-height: 1.95;
    word-spacing: -.15vw;
    letter-spacing: -.015vw;
    text-indent: 0vw;
    color: #aea8a4; 
    margin-top: 0; }

    @media only screen and (max-width: 599px) {
        .deliverables-copy-light p {
            font-size: 2.1vw;
            line-height: 2.25;
            word-spacing: -.15vw;
            letter-spacing: -.015vw;
            text-indent: 0vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .deliverables-copy-light p {
            font-size: 2.1vw;
            line-height: 2.25;
            word-spacing: -.15vw;
            letter-spacing: -.015vw;
            text-indent: 0vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .deliverables-copy-light p {
            font-size: 1.44vw;
            line-height: 2.1; } }

.deliverables-3c-grid-outer {
    width: 90vw;
    height: auto;
    margin: 0 auto; }

    @media only screen and (max-width: 599px) {
        .deliverables-3c-grid-outer {
            width: 100%;
            height: auto;
            padding-top: 3vw;
            padding-left: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .deliverables-3c-grid-outer {
            width: 100%;
            height: auto;
            padding-top: 3vw;
            padding-left: 2vw; } }

@supports (display: grid) {
    .deliverables-2c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3vw; } }

    @media only screen and (max-width: 1024px) {
        @supports (display: grid) {
            .deliverables-2c-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-gap: 5vw; } } }

.deliverables-2c-grid > div {
    flex: 1; }

.deliverables-2c-grid section { }

.products-kell-welcome-your-flag-outer {
    height: calc(100vh - 4.25em);
    margin: 0 0;
    position: relative;
    background: #f4f2ee;
    z-index: 333333;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .products-kell-welcome-your-flag-outer {
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-kell-welcome-your-flag-outer {
            height: auto; } }

.products-style-flag-outer {
    position: relative;
    background: #282828;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 555555;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: .5vw;
    padding-left: 0vw;
    transition: 2s ease;
    box-shadow: 2vw 0 3vw -.75vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 599px) {
        .products-style-flag-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 6.5vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-style-flag-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 6.5vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.products-your-flag-image {
    margin: 0 auto;
    width: 45vw;
    opacity: 1.0;
    transition: 3s ease;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .products-your-flag-image {
            width: 86vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-your-flag-image {
            width: 86vw; } }

.overlay-products-your-flag-image {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.products-your-flag-image:hover .overlay-products-your-flag-image {
    opacity: 1.0;
    transition: 3s ease; } 

.products-kell-welcome-outer {
    position: relative;
    background: transparent;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    z-index: 111111;
    padding-left: 1.5vw;
    padding-top: 0vw;
    padding-bottom: 0vw;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .products-kell-welcome-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 10vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-kell-welcome-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 10vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

#under-upper a {
    color: rgba(237,110,27,1.0);
    border-bottom: 1px dotted transparent;
    -webkit-transition:all .75s ease-in-out; 
    -moz-transition:all .75s ease-in-out; 
    -ms-transition:all .75s ease-in-out; 
    -o-transition:all .75s ease-in-out; 
    transition:all .75s ease-in-out;   
    padding-bottom: 18px;
    z-index: 999999; }

#under-upper a:hover {
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    color: #000; }

.products-welcome-body p {
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    text-align: left;
    font-size: 2.45vw;
    line-height: 1.7;
    padding-left: 0vw;
    word-spacing: -.05vw;
    letter-spacing: -.015vw;
    color: #7e7874; 
    padding-right: 0vw; }

    @media only screen and (max-width: 599px) {
        .products-welcome-body p {
            font-size: 5vw;
            line-height: 1.7;
            padding-left: 0vw;
            word-spacing: -.05vw;
            letter-spacing: -.015vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-welcome-body p {
            font-size: 4.65vw;
            line-height: 1.7;
            padding-left: 0vw;
            word-spacing: -.05vw;
            letter-spacing: -.015vw; } }

.products-logo-brand-bar-wordbook {
    width: 80vw;
    height: auto;
    transition: 3s ease;
    z-index: 999999;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        .products-logo-brand-bar-wordbook {
            width: 91vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-logo-brand-bar-wordbook {
            width: 89vw; } }

.overlay-products-logo-brand-bar-wordbook {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.products-logo-brand-bar-wordbook:hover .overlay-products-logo-brand-bar-wordbook {
    opacity: 1.0;
    transition: 3s ease; } 

.products-survival-outer {
    position: relative;
    background: #282828;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 555555;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1.5vw;
    padding-left: 0vw;
    transition: 2s ease;
    box-shadow: 2vw 0 3vw -.75vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 599px) {
        .products-survival-outer {
            height: auto; 
            padding-top: 8vw;
            padding-bottom: 9vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-survival-outer {
            height: auto; 
            padding-top: 8vw;
            padding-bottom: 9vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.products-focus-body p {
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    text-align: left;
    font-size: 2.45vw;
    line-height: 1.7;
    padding-left: 0vw;
    text-indent: 0vw;
    word-spacing: -.05vw;
    letter-spacing: -.015vw;
    color: #7e7874; 
    padding-right: 0vw; }

    @media only screen and (max-width: 599px) {
        .products-focus-body p {
            font-size: 5vw;
            line-height: 1.7;
            padding-left: 0vw;
            word-spacing: -.05vw;
            letter-spacing: -.015vw;
            text-indent: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-focus-body p {
            font-size: 4.65vw;
            line-height: 1.7;
            padding-left: 0vw;
            word-spacing: -.05vw;
            letter-spacing: -.015vw;
            text-indent: 0vw; } }

.products-logo-brand-bar-your-it {
    width: 62vw;
    height: auto;
    transition: 3s ease;
    padding-top: 1vw;
    z-index: 999999;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        .products-logo-brand-bar-your-it {
            width: 93vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-logo-brand-bar-your-it {
            width: 88vw; } }

.overlay-products-logo-brand-bar-your-it {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.products-logo-brand-bar-your-it:hover .overlay-products-logo-brand-bar-your-it {
    opacity: 1.0;
    transition: 3s ease; } 


.products-logo-brand-bar-roblines {
    width: 76vw;
    height: auto;
    transition: 3s ease;
    z-index: 999999;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        .products-logo-brand-bar-roblines {
            width: 90vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-logo-brand-bar-roblines {
            width: 88vw; } }

.overlay-products-logo-brand-bar-roblines {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.products-logo-brand-bar-roblines:hover .overlay-products-logo-brand-bar-roblines {
    opacity: 1.0;
    transition: 3s ease; } 

.products-retain-me-outer {
    position: relative;
    background: #282828;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 555555;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-left: 0vw;
    transition: 2s ease;
    box-shadow: 2vw 0 3vw -.75vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 599px) {
        .products-retain-me-outer {
            /*height: auto;
            padding-top: 10vw;
            padding-bottom: 11vw;*/
            height: calc(52svh - 2.125em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-retain-me-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 10vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.products-retainer-image {
    margin: 0 auto;
    width: 45vw;
    padding-top: 0vw;
    opacity: 1.0;
    transition: 3s ease;
    padding-bottom: 0vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .products-retainer-image {
            width: 86vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-retainer-image {
            width: 86vw; } }

.products-retain-me-right {
    position: relative;
    /*background: url("https://www.robkell.com/images/kell_yes_bg_systems_1.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;*/
    background: transparent;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    z-index: 111111;
    padding-top: 1vw;
    padding-left: 1.5vw;
    padding-bottom: 0vw;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .products-retain-me-right {
            /*height: auto;
            padding-top: 10vw;
            padding-bottom: 20vw;*/
            padding-top: 0vw;
            padding-bottom: 5vw;
            height: calc(48svh - 2.125em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-retain-me-right {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 10vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.products-body-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 2.1vw;
    line-height: 1.68;
    word-spacing: -.3vw;
    letter-spacing: -.03vw;
    text-indent: 0vw;
    color: #888; 
    margin-top: 0; 
    padding-left: 0vw; }

    @media only screen and (max-width: 599px) {
        .products-body-copy p {
            font-size: 4.4vw;
            line-height: 1.75;
            text-indent: 0vw;
            padding-left: 1vw;
            color: #aea8a4; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .products-body-copy p {
            font-size: 3.8vw;
            line-height: 1.48;
            text-indent: 0vw;
            padding-bottom: 1vw;
            padding-left: 1vw;
            color: #aea8a4; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .products-body-copy p {
            font-size: 2.1vw;
            line-height: 1.68;
            text-indent: 0vw;
            padding-left: 0vw; } }

hr.products-balanced-line {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 1.0vw;
    margin-bottom: 1.0vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.products-balanced-line {
            width: 100%;
            margin-top: 3.5vw;
            margin-bottom: 3.5vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.products-balanced-line {
            width: 100%;
            margin-top: 2.5vw;
            margin-bottom: 2.5vw;
            margin-left: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.products-balanced-line {
            margin-top: 1.0vw;
            margin-bottom: 1.0vw; } }

hr.products-balanced-line-2 {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 1.0vw;
    margin-bottom: 1.0vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.products-balanced-line-2 {
            width: 100%;
            margin-top: 3.5vw;
            margin-bottom: 6.5vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.products-balanced-line-2 {
            width: 100%;
            margin-top: 2.5vw;
            margin-bottom: 2.5vw;
            margin-left: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.products-balanced-line-2 {
            margin-top: 1.0vw;
            margin-bottom: 1.0vw; } }

hr.wordbook-order-line {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 1.25vw;
    margin-bottom: 1.0vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.wordbook-order-line {
            width: 100%;
            margin-top: 3.5vw;
            margin-bottom: 3.5vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.wordbook-order-line {
            width: 100%;
            margin-top: 2.5vw;
            margin-bottom: 4vw;
            margin-left: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.wordbook-order-line {
            margin-top: 1.5vw;
            margin-bottom: .5vw; } }

/* // Products / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Immediology / 2024 */

.story-open-outer {
    margin: 0 0;
    margin-top: 4.25em;
    height: calc(100vh - 4.25em);
    background: #f4f2ee;
    z-index: 999999;
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .story-open-outer {
            height: auto;
            background: transparent;
            box-shadow: 0 0 0 0 rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .story-open-outer {
            height: auto;
            box-shadow: 0 0 0 0 rgba(0,0,0,0.0); } }

.story-open-grid-left {
    background: #000;
    position: relative;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 555555;
    box-shadow: 1.5vw 0 2.5vw -.75vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) { 
        .story-open-grid-left {
            height: calc(100svh - 4.25em);
            padding-left: 1vw;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .story-open-grid-left {
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.image-art-responsive {
    width: 35vw;
    padding-top: 0vw;
    padding-right: .25vw;
    padding-bottom: 1vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .image-art-responsive {
            width: 89vw;
            padding-top: 0vw;
            padding-bottom: 0vw;
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .image-art-responsive {
            width: 89vw;
            padding-right: .5vw;
            padding-bottom: 1vw;
            height: auto; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .image-art-responsive {
            width: 35vw;
            padding-top: 0vw;
            padding-right: .25vw;
            padding-bottom: .5vw;
            height: auto; } }

.overlay-image-art-responsive {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: #000;
    transition: 3.0s ease; }

.image-art-responsive:hover  .overlay-image-art-responsive {
    opacity: 1.0; }

.immediology-definitive p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    font-size: 2.9vw;
    line-height: 1.44;
    word-spacing: -.4vw;
    letter-spacing: -.075vw;
    color: #aea8a4; 
    padding-bottom: 1vw; 
    padding-left: .5vw; }

    @media only screen and (max-width: 599px) {
        .immediology-definitive p {
            font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
            font-style: normal;
            font-weight: 200;
            font-size: 8.6vw;
            line-height: 1.25;
            word-spacing: -.5vw;
            letter-spacing: 0vw;
            color: #9e9894; 
            padding-bottom: 2vw; 
            padding-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .immediology-definitive p {
            font-size: 6vw;
            line-height: 1.69;
            word-spacing: -1vw;
            letter-spacing: -.075vw;
            color: #aea8a4; 
            padding-bottom: 2vw; 
            padding-left: .5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .immediology-definitive p {
            font-size: 2.9vw;
            line-height: 1.44;
            padding-bottom: 1vw; } }

.immediology-definitive h2 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    font-size: 8.6vw;
    line-height: 1.18;
    word-spacing: -.25vw;
    letter-spacing: -.01vw;
    color: #000; 
    padding-bottom: 0vw; 
    padding-left: 0vw; }

.storytelling-open-grid-right {
    background-color: transparent;
    position: relative;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 444444;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1vw;
    padding-top: .75vw;
    box-shadow: -34px 0 55px -34px rgba(0,0,0,0.7); }

    @media only screen and (max-width: 599px) {
        .storytelling-open-grid-right {
            background-color: #f4f2ee;
            height: auto;
            padding-top: 12vw;
            padding-bottom: 16vw;
/*            height: calc(100svh - 4.25em);*/
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.50); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .storytelling-open-grid-right {
            background-color: #f4f2ee;
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.50); } }

#navigation ul {
    position: relative;
    margin: 0;
    margin-right: 25px;
    list-style: none; }

    @media only screen and (max-width: 599px) {
        #navigation ul {
            position: relative;
            margin: 0;
            margin-right: 0;
            list-style: none; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        #navigation ul {
            margin-right: 21px; } }

#navigation ul li {
    text-align: center;
    margin: 0 auto;
    padding-top: 0vw;
    padding-left: 30px;
    list-style-type: none; }

    @media only screen and (max-width: 375px) {
            #navigation ul li { 
                padding-left: 20px; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
            #navigation ul li { 
                padding-left: 20px; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { }

        @media only screen and (min-width: 769px) and (max-width: 1024px) { 
            #navigation ul li {
                padding-top: 2vw; } }

        @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            #navigation ul li {
                padding-top: .5vw; } }

        @media only screen and (min-width: 1281px) and (max-width: 1440px) {
            #navigation ul li {
                padding-left: 21px; } }

        @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
             #navigation ul li {
                padding-top: 0vw; } }

#navigation ul li a {
    color: rgba(237,110,27,1.0);
    text-decoration: none;
    cursor: pointer;
    transition: .75s ease; 
    border-bottom: 1px dotted transparent;
    padding-bottom: 18px; }

#navigation h6 {
    font-weight: 800; 
    font-size: .8vw;
    line-height: 1.8;
    letter-spacing: .1vw;
    word-spacing: -.1vw;
    padding-top: 1vw;
    font-style: normal;
    margin: 0 0 0 0; }

    @media only screen and (max-width: 599px) {
            #navigation h6 {
                font-weight: 800; 
                font-size: 4.0vw;
                line-height: 1.62;
                letter-spacing: .6vw;
                word-spacing: -.5vw; } }

        @media only screen and (min-width: 600px) and (max-width: 1024px) {
            #navigation h6 {
                font-weight: 800; 
                font-size: 15px;
                letter-spacing: .2vw;
                word-spacing: -.3vw; } }

        @media only screen and (min-width: 1025px) and (max-width: 1940px) {
            #navigation h6 {
                font-weight: 800; 
                font-size: .8vw;
                line-height: 1.8;
                letter-spacing: .1vw;
                word-spacing: -.3vw;
                padding-top: 1vw;
                font-style: normal;
                margin: 0 0 0 0; } } 

#navigation ul li a:hover {
    border-bottom: 1px dotted;
    padding-bottom: 5px;
    color: #000; }

#navigation ul li a {
    color: rgba(237,110,27,1.0);
    text-decoration: none;
    cursor: pointer;
    transition: .75s ease; 
    border-bottom: 1px dotted transparent;
    padding-bottom: 18px; }

.storytelling-links {
    padding-left: 0vw; }

.story-blocks-wrapper-first {
    background-color: #f4f2ee;
    margin: 0 0;
    padding: 0 7vw 0 7vw;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) { 
        .story-blocks-wrapper-first {
            margin: 0 0;
            padding: 8vw 0 8vw 0;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .story-blocks-wrapper-first {
            padding: 6vw 0vw 7vw 2vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1; }

.head-column-1 {
    height: 31vw;
    width: 50vw;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3.5vw;
    padding-bottom: 4.5vw;
    padding-left: 5vw; }

    @media only screen and (max-width: 599px) { 
        .head-column-1 {
            height: 32vw;
            width: 53vw;
            text-align: left;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 3.5vw;
            padding-bottom: 4.5vw;
            padding-left: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .head-column-1 {
            height: 32vw;
            width: 53vw;
            text-align: left;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 3.5vw;
            padding-bottom: 4.5vw;
            padding-left: 3vw; } }

.body-column-1 {
    height: 31vw;
    text-align: left;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 2vw; }

    @media only screen and (max-width: 599px) {
        .body-column-1 {
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .body-column-1 {
            height: 31vw; } }


.story-head h2 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 7.5vw;
    line-height: .86;
    text-align: left;
    margin: 0 0 0 0;
    letter-spacing: -.2vw;
    word-spacing: -.3vw;
    color: rgba(0,0,0,1.0); }

    @media only screen and (max-width: 375px) { 
        .story-head h2 {
            font-size: 14.0vw;
            line-height: .92;
            padding-bottom: 2vw;
            letter-spacing: -.15vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .story-head h2 {
            font-size: 14.0vw;
            line-height: .92;
            padding-bottom: 2vw;
            letter-spacing: -.15vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .story-head h2 {
            font-size: 8.0vw;
            line-height: .92;
            letter-spacing: -.15vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .story-head h2 {
            font-size: 8.0vw;
            line-height: .92;
            letter-spacing: -.15vw; } }

.story-body p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: italic;
    font-weight: 200;
    text-align: left;
    font-size: 1.6vw;
    line-height: 1.65;
    letter-spacing: 1.0px;
    word-spacing: -.025vw;
    margin: 0 0 0 0;
    color: rgba(0,0,0,.85);
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 375px) { 
        .story-body p {
            font-size: 4.75vw;
            line-height: 2;
            letter-spacing: 0px;
            padding-top: 2.5vw;
            color: rgba(0,0,0,.85); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .story-body p {
            font-size: 4.75vw;
            line-height: 2;
            letter-spacing: 0px;
            padding-top: 2.5vw;
            color: rgba(0,0,0,.85); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .story-body p {
            font-size: 2.0vw;
            line-height: 1.65;
            color: rgba(0,0,0,1.0); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .story-body p {
            font-size: 2.0vw;
            line-height: 1.65;
            color: rgba(0,0,0,1.0); } }

.story-scroll-outer {
    margin: 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

.story-scroll-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: 12vw;
    padding-bottom: 12vw; }

.storytelling-immediology-outer {
    margin: 0 0;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }

    @media only screen and (max-width: 599px) {
        .storytelling-immediology-outer {
            padding-top: 8vw;
            padding-bottom: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .storytelling-immediology-outer {
            padding-top: 8vw;
            padding-bottom: 3vw; } }



.storytelling-simplify-head h3 { 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 13.5vw;
    line-height: 0.78;
    text-align: center;
    margin: 0 0 0 0;
    padding-top: 3.75vw;
    padding-bottom: 2.5vw;
    letter-spacing: -.25vw;
    word-spacing: -1.5vw;
    color: #000;
    text-transform: none; }

    @media only screen and (max-width: 375px) {
        .storytelling-simplify-head h3 { 
            font-size: 14.5vw;
            padding-top: 7.5vw;
            padding-bottom: 2.0vw;
            letter-spacing: -.3vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .storytelling-simplify-head h3 { 
            font-size: 14.5vw;
            padding-top: 7.5vw;
            padding-bottom: 2.0vw;
            letter-spacing: -.3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .storytelling-simplify-head h3 { 
            font-size: 15.5vw;
            padding-bottom: 2vw;
            letter-spacing: -.3vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .storytelling-simplify-head h3 { 
            font-size: 15.5vw;
            padding-bottom: 2vw;
            letter-spacing: -.3vw; } }

.immediology-body { }

.immediology-body p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: center;
    font-size: 2.5vw;
    line-height: 1.5;
    letter-spacing: 0vw;
    word-spacing: -.1vw;
    margin: 0 0 0 0;
    color: rgba(0,0,0,.85);
    padding-top: 1.35vw;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 375px) {
        .immediology-body p {
            font-size: 4.75vw;
            line-height: 1.9;
            letter-spacing: 0vw;
            word-spacing: -.1vw;
            padding-top: 2vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .immediology-body p {
            font-size: 4.75vw;
            line-height: 1.9;
            letter-spacing: 0vw;
            word-spacing: -.1vw;
            padding-top: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .immediology-body p {
            font-size: 3.65vw;
            line-height: 1.75;
            letter-spacing: 0vw;
            word-spacing: -.1vw;
            padding-top: 2vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .immediology-body p {
            font-size: 3.5vw;
            line-height: 1.75;
            letter-spacing: 0vw;
            word-spacing: -.1vw;
            padding-top: 2vw; } }

/* Now / Clock */
/* The Own Now grid css is on now.css */

.clock-content {
    text-align: center; }

    @media only screen and (min-width: 376px) and (max-width: 599px) { }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .clock-content {
            padding-bottom: 5vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .clock-content {
            padding-bottom: 5vw; } }

.sunshine-body {
    padding-bottom: 5vw; }

    @media only screen and (max-width: 375px) {
        .sunshine-body {
            padding-top: 2vw;
            padding-bottom: 12vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .sunshine-body {
            padding-top: 2vw;
            padding-bottom: 12vw; } }

.sunshine-body p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: center;
    font-size: 2.5vw;
    line-height: 1.5;
    letter-spacing: 0vw;
    word-spacing: -.1vw;
    margin: 0 0 0 0;
    color: rgba(0,0,0,.85);
    padding-top: 1.35vw;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 375px) {
        .sunshine-body p {
            font-size: 4.75vw;
            line-height: 1.9;
            letter-spacing: 0vw;
            word-spacing: -.1vw;
            padding-top: 2vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .sunshine-body p {
            font-size: 4.75vw;
            line-height: 1.9;
            letter-spacing: 0vw;
            word-spacing: -.1vw;
            padding-top: 2vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .sunshine-body p {
            font-size: 3.65vw;
            line-height: 1.75;
            letter-spacing: 0vw;
            word-spacing: -.1vw;
            padding-top: 2vw;
            padding-bottom: 1.5vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .sunshine-body p {
            font-size: 3.5vw;
            line-height: 1.75;
            letter-spacing: 0vw;
            word-spacing: -.1vw;
            padding-top: 2vw;
            padding-bottom: 1.5vw; } }

.sanskrit-image {
    margin: 0 auto;
    width: 86vw; }

    @media only screen and (max-width: 599px) {
        .sanskrit-image {
            width:  90vw;
            margin:  0 auto;
            z-index: 666666; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .sanskrit-image {
            width:  90vw;
            margin:  0 auto;
            z-index: 666666; } }

.darwinian-outer {
    height: auto;
    width: 86vw;
    margin: 0 auto;
    box-shadow: 0 3vw 5vw -1vw rgba(0,0,0,0.44); }

    @media only screen and (max-width: 599px) {
        .darwinian-outer {
            width: 90vw;
            box-shadow: 0 3vw 6vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .darwinian-outer {
            width: 90vw;
            box-shadow: 0 3vw 6vw -1vw rgba(0,0,0,0.34); } }

.story-blocks-wrapper-dark {
    width: 86vw;
    margin: 0 auto;
    background-color: #f4f2ee;
    box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); }

    @media only screen and (max-width: 599px) {
        .story-blocks-wrapper-dark {
            margin: 0 0;
            padding: 0vw 0vw 0vw 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .story-blocks-wrapper-dark {
            margin: 0 0;
            padding: 6vw 0vw 7vw 2vw;
            background-color: transparent; } }

.story-blocks-wrapper-storytelling {
    width: 86vw;
    margin: 0 auto;
    background-color: #f4f2ee;
    box-shadow: 0 3vw 5vw -1vw rgba(0,0,0,0.44); }

    @media only screen and (max-width: 599px) {
        .story-blocks-wrapper-storytelling {
            margin: 0 0;
            width: 100%;
            height: auto;
            padding-top: 5vw;
            padding-bottom: 5vw;
            padding-left: 4vw;
            background-color: #f4f2ee;
            box-shadow: 0 3vw 5vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .story-blocks-wrapper-storytelling {
            margin: 0 0;
            width: 100%;
            height: auto;
            padding-top: 5vw;
            padding-bottom: 5vw;
            padding-left: 4vw;
            background-color: #f4f2ee;
            box-shadow: 0 3vw 5vw -1vw rgba(0,0,0,0.34); } }

.head-column-2 {
    height: 27vw;
    width: 50vw;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 5vw;
    padding-bottom: 1vw; }

    @media only screen and (max-width: 599px) { 
        .head-column-2 {
            height: 27vw;
            width: 50vw;
            padding-left: 6vw;
            padding-right: 5vw;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .head-column-2 {
            height: 27vw;
            width: 50vw;
            padding-left: 7vw;
            padding-right: 5vw;
            padding-bottom: 1vw; } }

.body-column-2 {
    height: 27vw;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 8vw; }

    @media only screen and (max-width: 599px) {
        .body-column-2 {
            padding-right: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .body-column-2 {
            width: 33vw;
            padding-right: 0vw; } }

.story-blocks-wrapper-light {
    margin: 0 7vw 0 7vw; }

    @media only screen and (max-width: 599px) {
        .story-blocks-wrapper-light {
            margin: 0 0;
            padding: 0vw 0vw 0vw 1vw;
            background-color: transparent; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .story-blocks-wrapper-light {
            margin: 0 0;
            padding: 6vw 0vw 7vw 2vw;
            background-color: transparent; } }

.story-blocks-wrapper-shadow {
    position: relative;
    margin: 0 0;
    box-shadow: 0 3vw 5vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .story-blocks-wrapper-shadow {
            margin: 0 0;
            padding: 0vw 5vw 0vw 5vw;
            background-color: transparent;
            box-shadow: 0 3vw 5vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .story-blocks-wrapper-shadow {
            margin: 0 0;
            padding-top: 5vw;
            padding-bottom: 5vw;
            background-color: transparent;
            box-shadow: 0 3vw 5vw -1vw rgba(0,0,0,0.34); } }

.head-column-3 {
    height: 29vw;
    width: 47vw;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 7vw;
    padding-bottom: 1vw; }

    @media only screen and (max-width: 375px) { 
        .head-column-3 {
            padding-right: 5vw;
            padding-left: 2vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .head-column-3 {
            padding-right: 5vw;
            padding-left: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .head-column-3 {
            padding-right: 5vw;
            padding-left: 2vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .head-column-3 {
            padding-right: 5vw;
            padding-left: 2vw; } }

.body-column-3 {
    height: 29vw;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 7vw; }

    @media only screen and (max-width: 375px) { 
        .body-column-3 {
            padding-left: 6vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .body-column-3 {
            padding-left: 6vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .body-column-3 {
            padding-left: 6vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .body-column-3 {
            padding-left: 6vw; } }

.head-column-8 {
    height: 25vw;
    width: 52vw;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 4vw;
    padding-bottom: 1vw; 
    padding-top: 1vw; }

    @media only screen and (max-width: 375px) {
        .head-column-8 {
            padding-left: 6vw;
            padding-right: 2vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .head-column-8 {
            padding-left: 6vw;
            padding-right: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .head-column-8 {
            padding-left: 6vw;
            padding-right: 2vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .head-column-8 {
            padding-left: 6vw;
            padding-right: 2vw; } }

.body-column-8 {
    height: 25vw;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 4vw; }

    @media only screen and (max-width: 375px) { 
        .body-column-8 {
            padding-right: 3vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .body-column-8 {
            padding-right: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .body-column-8 {
            padding-right: 3vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .body-column-8 {
            padding-right: 3vw; } }

.head-column-6 {
    height: 33vw;
    width: 40vw;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10vw;
    padding-bottom: 1vw; }

    @media only screen and (max-width: 599px) {
        .head-column-6 {
            padding-right: 6vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .head-column-6 {
            padding-right: 6vw; } }

.body-column-6 {
    height: 33vw;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 7vw; }

    @media only screen and (max-width: 375px) {
        .body-column-6 {
            padding-left: 5vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .body-column-6 {
            padding-left: 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .body-column-6 {
            padding-left: 5vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .body-column-6 {
            padding-left: 5vw; } }

.knowledge-wrapper {
    margin: 0 0;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5vw 0vw 6.5vw 0vw;
    background-color: transparent;
    z-index: 333333;
    box-shadow: 0 4vw 6vw -.5vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .knowledge-wrapper {
            height: auto;
            padding: 12vw 0vw 12vw 0vw;
            background-color: transparent;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .knowledge-wrapper {
            height: 76vw;
            padding: 7.5vw 0vw 7.5vw 0vw;
            background-color: transparent;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.knowledge-head h3 { 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 13.5vw;
    line-height: 0.81;
    text-align: center;
    margin: 0 0 0 0;
    padding-bottom: 3.0vw;
    letter-spacing: -.4vw;
    word-spacing: -1.5vw;
    color: #000;
    text-transform: none; }

    @media only screen and (max-width: 375px) { 
        .knowledge-head h3 {
            font-size: 16.5vw;
            line-height: 0.83; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .knowledge-head h3 {
            font-size: 16.5vw;
            line-height: 0.9; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .knowledge-head h3 {
            font-size: 15.5vw;
            line-height: 0.89; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .knowledge-head h3 {
            font-size: 15.5vw;
            line-height: 0.89; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .knowledge-head h3 {
            font-size: 12.5vw; } }

.knowledge-body p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: center;
    font-size: 2.3vw;
    line-height: 1.5;
    letter-spacing: 0vw;
    word-spacing: -.1vw;
    margin: 0 0 0 0;
    color: rgba(0,0,0,1.0);
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 375px) {
        .knowledge-body p {
            font-size: 4.75vw;
            line-height: 1.9;
            letter-spacing: 0vw;
            word-spacing: -.1vw;
            padding-top: 1.5vw;
            color: rgba(0,0,0,1.0); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .knowledge-body p {
            font-size: 4.75vw;
            line-height: 1.9;
            letter-spacing: 0vw;
            word-spacing: -.1vw;
            padding-top: 1.5vw;
            color: rgba(0,0,0,1.0); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .knowledge-body p {
            font-size: 3vw;
            line-height: 1.8;
            letter-spacing: 0vw;
            word-spacing: 0vw;
            padding-top: .5vw;
            color: rgba(0,0,0,1.0); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .knowledge-body p {
            font-size: 3vw;
            line-height: 1.8;
            letter-spacing: 0vw;
            word-spacing: 0vw;
            padding-top: .5vw;
            color: rgba(0,0,0,1.0); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .knowledge-body p {
            font-size: 2.44vw;
            line-height: 1.7;
            letter-spacing: 0vw;
            word-spacing: 0vw;
            word-spacing: -.1vw;
            color: rgba(0,0,0,1.0); } }

.HexCE {
    color: #cec8c4; }

.hire-box {
    margin: 0 auto;
    height: auto;
    width: auto;
    background-color: transparent;
    box-shadow: 0 2vw 2.5vw -1vw rgba(0,0,0,0.34); }

    @media only screen and (max-width: 376px) {
        .hire-box {
            margin-bottom: 3vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 377px) and (max-width: 599px) {
        .hire-box {
            margin-bottom: 3vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .hire-box {
            box-shadow: 0 3vw 5vw -1vw rgba(0,0,0,0.34); } }

.temporary-outer {
    margin: 0 0;
    height: calc(100vh - 4.25em);
    margin-top: 4.25em;
    position: relative;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.6);
    z-index: 777777; }

    @media only screen and (max-width: 599px) { 
        .temporary-outer {
            height: auto;
            padding-top: 0w;
            padding-bottom: 12vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .temporary-outers {
            height: auto;
            padding-top: 9vw;
            padding-bottom: 15vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.connect-4-across-outer {
    margin: 0 0;
    height: calc(100vh - 4.25em);
    position: relative;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.6);
    z-index: 777777; }

    @media only screen and (max-width: 599px) { 
        .connect-4-across-outer {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 14vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .connect-4-across-outer {
            height: auto;
            padding-top: 9vw;
            padding-bottom: 15vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.four-robs-logo-animated {
    width: 260px;
    padding-top: 3.6vw;
    padding-left: 0vw;
    padding-bottom: 0vw;
    text-align: center;
    margin: 0 auto;
    transition: 2s ease; }

    @media only screen and (max-width: 375px) { 
        .four-robs-logo-animated {
            text-align: center;
            padding-top: 18vw;
            padding-bottom: 0vw;
            width: 160px; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .four-robs-logo-animated {
            text-align: center;
            padding-top: 18vw;
            padding-bottom: 0vw;
            width: 180px; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .four-robs-logo-animated {
            text-align: center;
            padding-top: 12vw;
            padding-bottom: 0vw;
            width: 220px; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .four-robs-logo-animated {
            text-align: center;
            width: 150px;
            padding-top: 4vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        .four-robs-logo-animated {
            text-align: center;
            width: 170px;
            padding-top: 4vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .four-robs-logo-animated {
            text-align: center;
            width: 200px;
            padding-top: 4vw; } }

.four-robs-logo-animated:hover {
    transform: scale(1.1); 
    transition: 2s ease; }

/* // Immediology / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Storytelling / 2024 */

.simplify-open-outer {
    margin: 0 0;
    margin-top: 4.25em;
    height: calc(100vh - 4.25em);
    background: #f9f8f6;
    z-index: 999999;
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) { 
        .simplify-open-outer {
            height: auto;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.00); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .simplify-open-outer {
            height: auto;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.00); } }

.storytelling-hero-left {
    background: #000;
    position: relative;
    margin: 0 0;
    z-index: 333333;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1vw;
    padding-bottom: 0vw;
    transition: 2s ease;
    box-shadow: 4vw 0 6vw -.75vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 1024px) {
        .storytelling-hero-left {
            height: calc(100svh - 4.25em);
            padding-top: 3.5vw;
            padding-right: .35vw;
            box-shadow: 0 5vw 8vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .storytelling-hero-left {
            padding-top: 1.25vw;
            height: calc(100vh - 4.25em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .storytelling-hero-left {
            padding-top: 1vw;
            height: calc(100vh - 4.25em); } }

.storytelling-one-word-headline {
    margin: 0 auto;
    width: 37vw;
    height: auto;
    padding-top: 0vw;
    padding-bottom: .5vw;
    margin-bottom: 0vw;
    transition: 3s ease; }

    @media only screen and (max-width: 599px) {
        .storytelling-one-word-headline {
            width: 40vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .storytelling-one-word-headline {
            width: 40vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .storytelling-one-word-headline {
            width: 38vw; } }

.overlay-storytelling-one-word-headline {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.storytelling-one-word-headline:hover .overlay-storytelling-one-word-headline {
    opacity: 1.0;
    transition: 3s ease; }

.storytelling-hero-right {
    position: relative;
    background: transparent;
    margin: 0 0;
    height: calc(100vh - 4.25em);
    padding-top: 1vw;
    padding-bottom: 0vw;
    padding-right: 0vw;
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .storytelling-hero-right {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 9vw;
            box-shadow: 0vw 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .storytelling-hero-right {
            height: calc(100svh - 4.25em);
            padding-top: 0vw;
            /*height: auto;
            padding-top: 8vw;
            padding-bottom: 9vw;*/
            box-shadow: 0vw 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .storytelling-hero-right {
            height: calc(100vh - 4.25em);
            padding-top: .5vw;
            padding-right: 0vw;
            padding-left: 0; } }

#storytelling-vertical {
    position: relative;
    background: transparent;
    margin: 0 0;
    height: calc(100vh - 4.25em);
    padding-top: 2vw;
    padding-bottom: 0vw;
    padding-right: 0vw;
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        #storytelling-vertical {
            height: auto;
            padding-top: 12vw;
            padding-bottom: 13vw;
            box-shadow: 0vw 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #storytelling-vertical {
            height: auto;
            padding-top: 12vw;
            padding-bottom: 13vw;
            box-shadow: 0vw 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        #storytelling-vertical {
            height: calc(100vh - 4.25em);
            padding-top: .5vw;
            padding-right: 0vw;
            padding-left: 0; } }

.stoyrtelling-playah-headline {
    margin: 0 auto;
    width: 38vw;
    height: auto;
    padding-left: .5vw;
    padding-bottom: 0vw;
    margin-bottom: 0vw;
    transition: 3s ease; }

    @media only screen and (max-width: 599px) {
        .stoyrtelling-playah-headline {
            width: 87vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .stoyrtelling-playah-headline {
            width: 87vw;
            padding-top: 1vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .stoyrtelling-playah-headline {
            margin: 0 auto;
            padding-left: .5vw;
            width: 39vw; } }

hr.storytelling-line-1 {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 98%;
    margin-top: 1.5vw;
    margin-bottom: .5vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.storytelling-line-1 {
            width: 85%;
            margin-top: 3vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.storytelling-line-1 {
            width: 85%;
            margin-top: 3vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.storytelling-line-1 {
            margin-top: 1.5vw;
            margin-bottom: .5vw; } }

hr.storytelling-balanced-line {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: .75vw;
    margin-bottom: .75vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.storytelling-balanced-line {
            width: 100%;
            margin-top: 3.5vw;
            margin-bottom: 3.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.storytelling-balanced-line {
            width: 100%;
            margin-top: 3.5vw;
            margin-bottom: 3.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.storytelling-balanced-line {
            margin-top: 1.0vw;
            margin-bottom: 1.0vw; } }

hr.storytelling-top-line {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: .5vw;
    margin-bottom: .75vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.storytelling-top-line {
            width: 100%;
            margin-top: 2.5vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.storytelling-top-line {
            width: 100%;
            margin-top: 2.5vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.storytelling-top-line {
            margin-top: 1.0vw;
            margin-bottom: 1.0vw; } }

.rob-logo-circle-wrapper {
    margin: 0 auto;
    width: 13vw;
    height: auto;
    margin-top: 0vw;
    padding-bottom: 0vw;
    opacity: 1.0;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .rob-logo-circle-wrapper {
            width: 44vw;
            height: auto;
            margin-top: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .rob-logo-circle-wrapper {
            width: 34vw;
            height: auto;
            margin-top: -.2vw; } }

.rob-logo-circle-wrapper:hover {
    transition: 2s ease;
    transform: scale(1.2); }

.rob-in-a-circle-logo {
    margin: 0 auto;
    width: 38vw;
    height: auto;
    margin-top: -.25vw;
    padding-bottom: 0vw;
    transition: 2s ease; }

.rob-in-a-circle-logo:hover {
    transition: 2s ease;
    transform: scale(1.2); }

.storytelling-robkell-logo {
    margin: 0 auto;
    width: 9vw;
    height: auto;
    padding-top: 1vw;
    padding-bottom: 0vw;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) {
        .storytelling-robkell-logo {
            width: 25vw;
            padding-top: 1.2vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .storytelling-robkell-logo {
            width: 25vw;
            padding-top: 1.2vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .storytelling-robkell-logo {
            width: 10.5vw;
            padding-top: .75vw;
            padding-bottom: 0vw; } }

.storytelling-robkell-logo:hover {
    transition: 2s ease;
    transform: scale(1.2); }

.systems-logo {
    margin: 0 auto;
    width: 20vw;
    height: auto;
    padding-top: 0vw;
    padding-bottom: 0vw;
    transition: 2s ease; }

.systems-logo:hover {
    transition: 2s ease;
    transform: scale(1.2); }

.three-part-grid-2 {
    width: 48vw;
    height: auto;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 1vw;
    padding-bottom: 0vw; }

    @media only screen and (max-width: 599px) {
        .three-part-grid-2 {
            width: 90vw;
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .three-part-grid-2 {
            width: 90vw;
            height: auto; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .three-part-grid-2 {
            width: 49vw;
            height: auto; } }

.simplify-introduction-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    font-size: 3vw;
    line-height: 1.4;
    letter-spacing: -.01vw;
    word-spacing: -.1vw;
    color: #aea8a4; 
    margin-top: 0;
    margin-bottom: 0vw;
    transition: 2.0s ease; }

    @media only screen and (max-width: 599px) {
        .simplify-introduction-copy p {
            font-size: 6.0vw;
            line-height: 1.15;
            margin-bottom: 0vw;
            color: #000;  } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .simplify-introduction-copy p {
            font-size: 6.0vw;
            line-height: 1.15;
            margin-bottom: 0vw;
            color: #000; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .simplify-introduction-copy p {
            font-size: 2.85vw;
            line-height: 1.15;
            margin-bottom: 0vw;
            color: #000; } }

.simplify-introduction-copy p:hover {
    transition: 2.0s ease; }

.storytelling-hero-masthead-outer {
    position: relative;
    margin: 0 0;
    background: rgba(0,0,0,1.0);
    height: calc(57vh - 2.125em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    box-shadow: 0 3.5vw 5vw -1vw rgba(0,0,0,0.65);
    transition: 4s ease;
    z-index: 999999; }

    @media only screen and (max-width: 599px) {
        .storytelling-hero-masthead-outer {
            height: calc(100svh - 4.25em);
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center; 
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .storytelling-hero-masthead-outer {
            height: calc(100svh - 4.25em);
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center; 
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.masthead-image {
    margin: 0 auto;
    width: 85vw;
    height: auto;
    padding-right: 1vw;
    transition: 3s ease;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        .masthead-image {
            margin: 0 auto;
            width: 89vw;
            height: auto;
            padding-right: .5vw;
            padding-bottom: 1.5vw;
            transition: 3s ease;
            opacity: 1.0; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .masthead-image {
            margin: 0 auto;
            width: 88vw;
            height: auto;
            padding-right: 0vw;
            padding-bottom: 2vw;
            transition: 3s ease;
            opacity: 1.0; } }

.simplify-making-minimal-outer {
    position: relative;
    margin: 0 0;
    background-color: transparent;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    padding-top: 1vw;
    padding-left: 1vw;
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.44);
    z-index: 888888; }

    @media only screen and (max-width: 375px) { 
        .simplify-making-minimal-outer {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.60); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .simplify-making-minimal-outer {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.60); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .simplify-making-minimal-outer {
            height: 123vw;
            padding-top: 0vw;
            padding-bottom: 0vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.60); } }

.blog-hero-right {
    background: transparent;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    z-index: 444444;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 1s ease; }

    @media only screen and (max-width: 375px) { 
        .blog-hero-right {
            height: auto;
            padding-top: 12vw;
            padding-bottom: 12vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .blog-hero-right {
            height: auto;
            padding-top: 12vw;
            padding-bottom: 12vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .blog-hero-right {
            height: auto;
            padding-top: 12vw;
            padding-bottom: 12vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .blog-hero-right {
            height: auto;
            padding-top: 13vw;
            padding-bottom: 12vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

.grail-meyouyourit-holder {
    margin: 0 auto;
    width: 100%;
    height: auto; }

.simplify-making-minimal-meaningful-headline {
    margin: 0 auto;
    width: 76vw;
    height: auto;
    padding-bottom: 1vw; }

    @media only screen and (max-width: 375px) { 
        .simplify-making-minimal-meaningful-headline {
            width: 85vw;
            height: auto;
            padding-right: .5vw;
            padding-bottom: 1vw; } } 

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .simplify-making-minimal-meaningful-headline {
            width: 85vw;
            height: auto;
            padding-right: .5vw;
            padding-bottom: 1vw; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .simplify-making-minimal-meaningful-headline {
            width: 84vw;
            height: auto;
            padding-right: .5vw;
            padding-bottom: 1vw; } } 

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .simplify-making-minimal-meaningful-headline {
            width: 79vw;
            height: auto;
            padding-bottom: 1vw; } } 

@supports (display: grid) {
    .simplify-3c-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0vw; } }

    @media only screen and (max-width: 375px) { 
        @supports (display: grid) {
        .simplify-3c-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px; } } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        @supports (display: grid) {
        .simplify-3c-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px; } } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        @supports (display: grid) {
        .simplify-3c-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 4vw; } } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        @supports (display: grid) {
        .simplify-3c-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.5vw; } } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        @supports (display: grid) {
        .simplify-3c-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.0vw; } } }

.simplify-3c-grid > div {
    flex: 1; }

.simplify-3c-grid section { }

.simplify-making-minimal-body p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: normal;
    text-align: left;
    font-size: 1.85vw;
    line-height: 1.7;
    letter-spacing: 1.0px;
    word-spacing: -.15vw;
    text-indent: 3vw;
    margin: 0 0 0 0;
    color: #000;
    text-rendering: optimizeLegibility; }

.pad-mid {
    padding-right: 1.2vw; }

.simplify-making-minimal-body-no-indent p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: normal;
    text-align: left;
    font-size: 1.85vw;
    line-height: 1.7;
    letter-spacing: 1.0px;
    word-spacing: -.15vw;
    margin: 0 0 0 0;
    color: #444;
    text-rendering: optimizeLegibility; }

@supports (display: grid) {
    .minimal-3c-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0vw; } }

    @media only screen and (max-width: 375px) { 
        @supports (display: grid) {
        .minimal-3c-grid {
        display: grid;
        padding-left: 5vw;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px; } } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        @supports (display: grid) {
        .minimal-3c-grid {
        display: grid;
        padding-left: 5vw;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px; } } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        @supports (display: grid) {
        .minimal-3c-grid {
        display: grid;
        padding-left: 4vw;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2vw; } } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        @supports (display: grid) {
        .minimal-3c-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.5vw; } } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        @supports (display: grid) {
        .minimal-3c-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.0vw; } } }

.minimal-3c-grid > div {
    flex: 1; }

.minimal-3c-grid section { }

.minimal-2c-body p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: normal;
    text-align: left;
    font-size: 1.72vw;
    line-height: 1.93;
    letter-spacing: 1.0px;
    word-spacing: -.15vw;
    text-indent: 3vw;
    margin: 0 0 0 0;
    color: #444;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 375px) {
        .minimal-2c-body p {
            font-size: 5.6vw;
            line-height: 1.7;
            padding-left: 3.2vw;
            color: #000;
            letter-spacing: 0.05vw;
            text-indent: 7vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .minimal-2c-body p {
            font-size: 5.6vw;
            line-height: 1.7;
            padding-left: 3.2vw;
            color: #000;
            letter-spacing: 0.05vw;
            text-indent: 7vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .minimal-2c-body p {
            font-size: 2.75vw;
            line-height: 2.1;
            color: #000; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .minimal-2c-body p {
            font-size: 2.75vw;
            line-height: 2.2;
            color: #000; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .minimal-2c-body p {
            font-size: 1.72vw;
            line-height: 2.1;
            color: #333; } }

.grail-your-it-outer {
    position: relative;
    margin: 0 0;
    background-color: transparent;
    height: auto;
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.44);
    z-index: 888888; }

    @media only screen and (max-width: 375px) {
        .grail-your-it-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.50); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-your-it-outer {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.50); } }

        @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-your-it-outer {
            height: auto;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55);
            padding-top: 5vw;
            padding-bottom: 8vw } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-your-it-outer {
            height: auto;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55);
            padding-top: 5vw;
            padding-bottom: 8vw } }

@supports (display: grid) {
    .clarity-brevity-2c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0vw; } }

    @media only screen and (max-width: 1024px) { 
        @supports (display: grid) {
            .clarity-brevity-2c-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 0vw; } } }

.clarity-brevity-2c-grid > div {
    flex: 1; }

.clarity-brevity-2c-grid section { }

.grail-left-trans {
    position: relative;
    background-color: transparent;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 1s ease;
    box-shadow: 1vw 0 2vw -.75vw rgba(0,0,0,0.65);
    z-index: 222222; }

.grail-your-it-image {
    margin: 0 auto;
    width: 40vw;
    height: auto; }

    @media only screen and (max-width: 375px) {
        .grail-your-it-image {
            width: 80vw;
            padding-bottom: 1.5vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-your-it-image {
            width: 80vw;
            padding-bottom: 1.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .grail-your-it-image {
            width: 67vw;
            padding-bottom: 0vw; } }

.overlay-grail-your-it-image {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 2s ease; }

.grail-your-it-image:hover .overlay-grail-your-it-image {
    opacity: 1.0; }

.grail-right-trans {
    position: relative;
    background-color: transparent;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 1s ease;
    z-index: 111111; }

.grail-your-it-defines-you h3 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 8.1vw;
    line-height: .88;
    text-align: left;
    margin: 0 0 0 0;
    letter-spacing: -.3vw;
    word-spacing: -.4vw;
    color: rgba(0, 0, 0, 1.0);
    text-transform: none; }

    @media only screen and (max-width: 375px) {
        .grail-your-it-defines-you h3 {
            font-size: 16vw;
            line-height: .93;
            text-align: center;
            padding-top: 0vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-your-it-defines-you h3 {
            font-size: 16vw;
            line-height: .98;
            text-align: center;
            padding-top: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .grail-your-it-defines-you h3 {
            font-size: 12.25vw;
            line-height: .93;
            text-align: center;
            padding-top: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .grail-your-it-defines-you h3 {
            font-size: 8.4vw;
            line-height: .96;
            padding-top: .5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .grail-your-it-defines-you h3 {
            font-size: 8.5vw;
            line-height: .96;
            padding-top: .5vw; } }

.grail-wisdom-outer {
    position: relative;
    margin: 0 0;
    background-color: #000;
    height: 32vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.44);
    z-index: 999999; }

    @media only screen and (max-width: 375px) {
        .grail-wisdom-outer {
            height: 75vw;
            padding-bottom: 7vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-wisdom-outer {
            height: 75vw;
            padding-bottom: 7vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .grail-wisdom-outer {
            height: 62vw;
            padding-bottom: 5vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.44); } }

.grail-it-body-black-block-1 p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: normal;
    text-align: center;
    font-size: 2.1vw;
    line-height: 1.8;
    letter-spacing: 1.0px;
    padding-bottom: 1.5vw;
    word-spacing: -.15vw;
    margin: 0 0 0 0;
    color: #fff;
    text-rendering: optimizeLegibility; }

     @media only screen and (max-width: 375px) {
        .grail-it-body-black-block-1 p {
            font-size: 4.5vw;
            line-height: 1.85; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-it-body-black-block-1 p {
            font-size: 4.5vw;
            line-height: 1.85; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .grail-it-body-black-block-1 p {
            font-size: 4vw;
            line-height: 1.75; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .grail-it-body-black-block-1 p {
            font-size: 2.2vw;
            line-height: 1.7; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .grail-it-body-black-block-1 p {
            font-size: 2.2vw;
            line-height: 1.7; } }

.grail-it-logo-bottom {
    margin: 0 auto;
    position: absolute;
    width: 12.5%;
    height: auto;
    bottom: 0; }

    @media only screen and (max-width: 375px) {
        .grail-it-logo-bottom {
            width: 23%; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-it-logo-bottom {
            width: 23%; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .grail-it-logo-bottom {
            width: 18%; } }

.grail-meyouyourit-outer {
    position: relative;
    margin: 0 0;
    background-color: #f8f7f3;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    padding-top: 1vw;
    padding-left: 1vw;
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.44);
    z-index: 888888; }

    @media only screen and (max-width: 375px) {
        .grail-meyouyourit-outer {
            height: auto;
            padding-top: 12vw;
            padding-bottom: 13vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-meyouyourit-outer {
            height: auto;
            padding-top: 12vw;
            padding-bottom: 13vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .grail-meyouyourit-outer {
            height: calc(125vw - 4.25em);
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .grail-meyouyourit-outer {
            height: calc(129vw - 4.25em);
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

.grail-meyouyourit-holder {
    margin: 0 auto;
    width: 100%;
    height: auto; }

.grail-meyouyourit-headline {
    margin: 0 auto;
    width: 80vw;
    height: auto;
    padding-bottom: 1vw; }

    @media only screen and (max-width: 375px) {
        .grail-meyouyourit-headline {
            width: 85vw;
            padding-bottom: 4vw;
            padding-right: 1vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-meyouyourit-headline {
            width: 85vw;
            padding-bottom: 4vw;
            padding-right: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-meyouyourit-headline {
            width: 78vw;
            padding-bottom: 2vw;
            padding-right: 1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-meyouyourit-headline {
            width: 83vw;
            padding-bottom: 2vw;
            padding-right: 1vw; } }

@supports (display: grid) {
    .grail-3c-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0vw; } }

    @media only screen and (max-width: 375px) { 
        @supports (display: grid) {
        .grail-3c-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px; } } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        @supports (display: grid) {
        .grail-3c-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px; } } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        @supports (display: grid) {
        .grail-3c-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 4vw; } } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        @supports (display: grid) {
        .grail-3c-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.5vw; } } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        @supports (display: grid) {
        .grail-3c-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.0vw; } } }

.grail-3c-grid > div {
    flex: 1; }

.grail-3c-grid section { }

.grail-meyouyourit-body p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: normal;
    text-align: left;
    font-size: 1.72vw;
    line-height: 1.93;
    letter-spacing: 1.0px;
    word-spacing: -.15vw;
    text-indent: 3vw;
    margin: 0 0 0 0;
    color: #333;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 375px) {
        .grail-meyouyourit-body p {
            font-size: 5.6vw;
            line-height: 1.7;
            padding-left: 3.2vw;
            color: #000;
            letter-spacing: 0.05vw;
            text-indent: 7vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-meyouyourit-body p {
            font-size: 5.6vw;
            line-height: 1.7;
            padding-left: 3.2vw;
            color: #000;
            letter-spacing: 0.05vw;
            text-indent: 7vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .grail-meyouyourit-body p {
            font-size: 2.55vw;
            line-height: 2.1;
            color: #000; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-meyouyourit-body p {
            font-size: 2.65vw;
            line-height: 2.2;
            color: #000; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .grail-meyouyourit-body p {
            font-size: 1.72vw;
            line-height: 2.1;
            color: #333; } }

.pad-krapow {
    padding-left: 1.2vw; }

.grail-meyouyourit-body-no-indent p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: normal;
    text-align: left;
    font-size: 1.72vw;
    line-height: 1.93;
    letter-spacing: 1.0px;
    word-spacing: -.15vw;
    margin: 0 0 0 0;
    color: #333;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 375px) {
        .grail-meyouyourit-body-no-indent p {
            font-size: 5.6vw;
            line-height: 1.7;
            padding-left: 3.2vw;
            color: #000;
            letter-spacing: 0.05vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-meyouyourit-body-no-indent p {
            font-size: 5.6vw;
            line-height: 1.7;
            padding-left: 3.2vw;
            color: #000;
            letter-spacing: 0.05vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .grail-meyouyourit-body-no-indent p {
            font-size: 2.55vw;
            line-height: 2.1;
            color: #000; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-meyouyourit-body-no-indent p {
            font-size: 2.65vw;
            line-height: 2.2;
            color: #000; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .grail-meyouyourit-body-no-indent p {
            font-size: 1.72vw;
            line-height: 2.1;
            color: #333; } }

.grail-question-marks-outer {
    position: relative;
    margin: 0 0;
    background-color: #e6e2e1;
    height: calc(100vh - 4.25em);
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.44);
    z-index: 777777; }

    @media only screen and (max-width: 375px) {
        .grail-question-marks-outer {
            height: auto;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-question-marks-outer {
            height: auto;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-question-marks-outer {
            height: auto;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-question-marks-outer {
            height: auto;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

.grail-left-de {
    position: relative;
    background-color: #ded8d4;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 1s ease;
    box-shadow: 1vw 0 2vw -.75vw rgba(0,0,0,0.65);
    z-index: 222222; }

    @media only screen and (max-width: 375px) {
        .grail-left-de { 
            height: 86vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5);
            z-index: 111111; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-left-de { 
            height: 86vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5);
            z-index: 111111; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-left-de { 
            height: 80vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5);
            z-index: 111111; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-left-de { 
            height: 70vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5);
            z-index: 111111; } }

.grail-accumulate-headline {
    margin: 0 auto;
    /*width: 36vw;*/
    width: 38vw;
    height: auto; }

    @media only screen and (max-width: 375px) { 
        .grail-accumulate-headline {
            width: 81vw; } }
    
    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .grail-accumulate-headline {
            width: 81vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .grail-accumulate-headline {
            width: 75vw; } }

.grail-right-black-shadow {
    position: relative;
    background-color: #000;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 1s ease;
    box-shadow: -1.5vw 0 2.5vw -.75vw rgba(0,0,0,0.55);
    z-index: 222222; }

    @media only screen and (max-width: 375px) {
        .grail-right-black-shadow {
            height: 103vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-right-black-shadow {
            height: 103vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-right-black-shadow {
            height: 100vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-right-black-shadow {
            height: 100vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

.grail-question-marks-image {
    margin: 0 auto;
    width: 42vw;
    height: auto;
    transition: 3s ease; }

    @media only screen and (max-width: 375px) {
        .grail-question-marks-image { 
            width: 84vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-question-marks-image { 
            width: 84vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-question-marks-image { 
            width: 84vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-question-marks-image { 
            width: 84vw; } }

.overlay-grail-question-marks-image {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.grail-question-marks-image:hover .overlay-grail-question-marks-image {
    opacity: 1.0; }

.grail-matrix-outer {
    position: relative;
    margin: 0 0;
    background-color: transparent;
    height: auto;
    box-shadow: 0 6vw 10vw -1vw rgba(0,0,0,0.9);
    z-index: 222222; }

.grail-matrix-1 {
    margin: 0 0;
    height: auto;
    background-color: transparent;
    z-index: 222222; }

.grail-dark {
    background-color: #000;
    margin:  0 auto;
    height: 32vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 1s ease;
    z-index: 222222; }

    @media only screen and (max-width: 375px) {
        .grail-dark {
            height: 50vw;
            position: relative;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-dark {
            height: 50vw;
            position: relative;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-dark {
            height: 50vw;
            position: relative;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-dark {
            height: 50vw;
            position: relative;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

.grail-matrix-headline {
    margin: 0 auto;
    width: 72%;
    height: auto; }

    @media only screen and (max-width: 375px) {
        .grail-matrix-headline {
            width: 80%; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-matrix-headline {
            width: 80%; } }

.grail-light {
    background-color: #f4f2ee;
    margin:  0 auto;
    height: 32vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 1s ease;
    z-index: 111111; }

    @media only screen and (max-width: 375px) {
        .grail-light {
            height: 60vw;
            padding-bottom: 6vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-light {
            height: 60vw;
            padding-bottom: 6vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-light {
            height: 50vw;
            padding-bottom: 4vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-light {
            height: 50vw;
            padding-bottom: 4vw; } }

.grail-matrix-body-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: normal;
    text-align: center;
    font-size: 1.7vw;
    line-height: 1.93;
    letter-spacing: 1.0px;
    padding-bottom: 1.0vw;
    word-spacing: -.15vw;
    margin: 0 0 0 0;
    color: #222;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 375px) {
        .grail-matrix-body-copy p {
            font-size: 3.5vw;
            line-height: 1.8;
            padding-bottom: 0vw;
            color: #000; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-matrix-body-copy p {
            font-size: 3.5vw;
            line-height: 1.8;
            padding-bottom: 0vw;
            color: #000; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-matrix-body-copy p {
            font-size: 3.25vw;
            line-height: 1.8;
            padding-bottom: 0vw;
            color: #222; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-matrix-body-copy p {
            font-size: 3.25vw;
            line-height: 1.8;
            padding-bottom: 0vw;
            color: #222; } }

.grail-matrix-logo-bottom {
    margin: 0 auto;
    position: absolute;
    width: 16%;
    height: auto;
    bottom: 0; }

    @media only screen and (max-width: 375px) {
        .grail-matrix-logo-bottom {
            width: 20%; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-matrix-logo-bottom {
            width: 20%; } }

.grail-matrix-headline-2 {
    margin: 0 auto;
    width: 60%;
    height: auto; }

    @media only screen and (max-width: 375px) {
        .grail-matrix-headline-2 {
            width: 70%; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-matrix-headline-2 {
            width: 70%; } }

.grail-a-to-z-outer {
    position: relative;
    margin: 0 0;
    background-color: #eee;
    height: auto;
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.44);
    z-index: 111111; }

.grail-atoz-neutral {
    position: relative;
    background-color: #e6e2e1;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 1s ease;
    z-index: 111111; }

    @media only screen and (max-width: 375px) {
        .grail-atoz-neutral { 
            height: auto; 
            padding-top: 8vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-atoz-neutral { 
            height: auto; 
            padding-top: 8vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-atoz-neutral { 
            height: auto; 
            padding-top: 8vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-atoz-neutral { 
            height: auto; 
            padding-top: 8vw;
            padding-bottom: 8vw; } }

.grail-a-to-z-headline {
    margin: 0 auto;
    width: 62vw;
    height: auto; }

    @media only screen and (max-width: 375px) {
        .grail-a-to-z-headline {
            width: 80vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-a-to-z-headline {
            width: 80vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .grail-a-to-z-headline {
            width: 90vw; } }

.grail-right-222 {
    position: relative;
    background-color: #222;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 1s ease;
    box-shadow: -1vw 0 2vw -.75vw rgba(0,0,0,0.65);
    z-index: 222222; }

    @media only screen and (max-width: 375px) {
        .grail-right-222 {
            height: auto;
            padding-top: 6vw;
            padding-bottom: 6vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-right-222 {
            height: auto;
            padding-top: 6vw;
            padding-bottom: 6vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-right-222 {
            height: auto;
            padding-top: 7vw;
            padding-bottom: 7vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-right-222 {
            height: auto;
            padding-top: 6vw;
            padding-bottom: 6vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

.grail-a-to-z-r-image {
    margin: 0 auto;
    width: 42vw;
    height: auto; }

    @media only screen and (max-width: 375px) {
        .grail-a-to-z-r-image {
            width: 80vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-a-to-z-r-image {
            width: 80vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .grail-a-to-z-r-image {
            width: 80vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .grail-a-to-z-r-image {
            width: 40vw; } }

.grail-same-sentence-outer {
    position: relative;
    margin: 0 0;
    background-color: #000;
    height: 25vw;
    padding-bottom: 4vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.65);
    z-index: 999999; }

    @media only screen and (max-width: 599px) {
        .grail-same-sentence-outer { 
            height:  90vw;
            padding-bottom: 5vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .grail-same-sentence-outer { 
            height:  70vw;
            padding-bottom: 5vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .grail-same-sentence-outer { 
            height: 26vw; } }

.grail-from-one-all-outer {
    position: relative;
    margin: 0 0;
    background-color: transparent;
    height: calc(100vh - 4.25em);
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.44);
    z-index: 888888; }

    @media only screen and (max-width: 375px) {
        .grail-from-one-all-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-from-one-all-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-from-one-all-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-from-one-all-outer {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

.grail-left-e6 {
    position: relative;
    background-color: transparent;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 1s ease;
    box-shadow: 1vw 0 2vw -.75vw rgba(0,0,0,0.65);
    z-index: 222222; }

    @media only screen and (max-width: 375px) {
        .grail-left-e6 {
            height: calc(153vw - 4.25em);
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-left-e6 {
            height: calc(176vw - 4.25em);
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .grail-left-e6 {
            height: calc(125vw - 4.25em);
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .grail-left-e6 {
            height: calc(129vw - 4.25em);
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

.from-one-all-image {
    margin: 0 auto;
    width: 40vw;
    height: auto; }

    @media only screen and (max-width: 375px) {
        .from-one-all-image {
            width: 85vw;
            padding-bottom: 5vw;
            padding-right: .5vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .from-one-all-image {
            width: 85vw;
            padding-bottom: 5vw;
            padding-right: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .from-one-all-image {
            width: 85vw;
            padding-bottom: 5vw;
            padding-right: .5vw; } }

.grail-right-trans {
    position: relative;
    background-color: transparent;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 1s ease;
    z-index: 111111; }

.grail-wordbook-logo-image {
    margin: 0 auto;
    width: 27vw;
    height: auto;
    transition: 1s ease;
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 375px) {
        .grail-wordbook-logo-image {
            width: 70vw;
            margin-bottom: 2vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-wordbook-logo-image {
            width: 70vw;
            margin-bottom: 2vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-wordbook-logo-image {
            width: 60vw;
            margin-bottom: 1vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-wordbook-logo-image {
            width: 60vw;
            margin-bottom: 1vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

.overlay-grail-wordbook-logo-image {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 1s ease; }

.grail-wordbook-logo-image:hover .overlay-grail-wordbook-logo-image {
    opacity: 1.0; }

.grail-seed-orchard-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: normal;
    text-align: center;
    font-size: 1.5vw;
    line-height: 1.93;
    letter-spacing: 1.0px;
    word-spacing: -.15vw;
    margin: 0 0 0 0;
    color: #7e7874;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 375px) {
        .grail-seed-orchard-copy p {
            font-size: 4.5vw;
            line-height: 1.5;
            padding-top: 1vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-seed-orchard-copy p {
            font-size: 4.5vw;
            line-height: 1.5;
            padding-top: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-seed-orchard-copy p {
            font-size: 3.5vw;
            line-height: 1.5;
            padding-top: 1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-seed-orchard-copy p {
            font-size: 3.5vw;
            line-height: 1.5;
            padding-top: 1vw; } }

.grail-seed-orchard-down h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3vw;
    line-height: 1.75;
    padding-top: 0vw;
    padding-left: .5vw;
    word-spacing: -.1vw;
    letter-spacing: .03vw;
    text-align: center;
    text-transform: none;
    margin: 0 0 0 0;
    color: #5e5854; }

    @media only screen and (max-width: 375px) {
        .grail-seed-orchard-down h6 {
            font-size: 3vw;
            line-height: 2.5;
            padding-top: 0vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-seed-orchard-down h6 {
            font-size: 3vw;
            line-height: 2.5;
            padding-top: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .grail-seed-orchard-down h6 {
            font-size: 3vw;
            line-height: 2.5;
            padding-top: 0vw; } }

.grail-details-outer {
    position: relative;
    margin: 0 0;
    background-color: #f8f7f3;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 4vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start; 
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.44);
    z-index: 777777; }

    @media only screen and (max-width: 375px) {
        .grail-details-outer {
            position: relative;
            padding-top: 8vw;
            padding-bottom: 1vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-details-outer {
            position: relative;
            padding-top: 8vw;
            padding-bottom: 1vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-details-outer {
            position: relative;
            padding-top: 8vw;
            padding-bottom: 1vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-details-outer {
            position: relative;
            padding-top: 8vw;
            padding-bottom: 1vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

.blog-hero-right-inner-center {
    padding-top: 0vw;
    padding-bottom: 0vw;
    margin: 0 auto; 
    text-align: center;
    height: auto;
    background: transparent; }

.grail-brand-is-in-the-details-headline {
    margin: 0 auto;
    width: 55vw;
    height: auto;
    margin-bottom: 3vw; }

    @media only screen and (max-width: 375px) {
        .grail-brand-is-in-the-details-headline {
            width: 85vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-brand-is-in-the-details-headline {
            width: 85vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-brand-is-in-the-details-headline {
            width: 85vw;
            margin-bottom: 4vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-brand-is-in-the-details-headline {
            width: 85vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .grail-brand-is-in-the-details-headline {
            width: 60vw;
            margin-bottom: 3vw; } }

.wordbook-scroll-outer {
    margin: 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    padding-left: 4vw; }

    @media only screen and (max-width: 375px) {
        .wordbook-scroll-outer {
            padding-left: 4vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .wordbook-scroll-outer {
            padding-left: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .wordbook-scroll-outer {
            padding-left: 1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .wordbook-scroll-outer {
            padding-left: 1vw; } }

.wordbook-scroll-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: 0vw;
    padding-bottom: 0vw; }

    @media only screen and (max-width: 375px) {
        .wordbook-scroll-inner {
            margin: 0 auto; 
            text-align: center;
            height: auto;
            padding-top: 3vw;
            padding-bottom: 5vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .wordbook-scroll-inner {
            margin: 0 auto; 
            text-align: center;
            height: auto;
            padding-top: 3vw;
            padding-bottom: 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .wordbook-scroll-inner {
            padding-top: 1.5vw;
            padding-bottom: 5vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .wordbook-scroll-inner {
            padding-top: 1.5vw;
            padding-bottom: 5vw; } }

.storytelling-wordbook-wrapper {
    margin: 0 0;
    z-index: 777777;
    background: #f6f1e1;
    height: calc(100vh - 4.25em);
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .storytelling-wordbook-wrapper {
            height: auto;
            padding-top:0vw;
            padding-bottom:0vw;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .storytelling-wordbook-wrapper {
            height: auto;
            padding-top:0vw;
            padding-bottom:0vw;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

.storytelling-step-by-step-wrapper {
    margin: 0 0;
    z-index: 333333;
    background: #f6f1e1;
    height: calc(100vh - 4.25em);
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .storytelling-step-by-step-wrapper {
            height: auto;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .storytelling-step-by-step-wrapper {
            height: auto;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

.storytelling-wordbook-inner {
    padding-top: .25vw;
    padding-bottom: 0vw;
    margin: 0 auto; 
    text-align: center;
    height: auto;
    background: transparent; }

.storytelling-wordbook-copy h2 {
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-style: normal;
    font-weight: 200;
    font-size: 3.65vw;
    line-height: 1.2;
    text-align: left;
    letter-spacing: -.03vw;
    word-spacing: -.2vw;
    padding-left: 0vw;
    text-indent: 0vw;
    margin: 0 auto;
    margin-bottom: 0vw;
    color: rgba(0,0,0,1.0); }

    @media only screen and (max-width: 599px) {
        .storytelling-wordbook-copy h2 {
            font-size: 7vw;
            line-height: 1.25; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .storytelling-wordbook-copy h2 {
            font-size: 7vw;
            line-height: 1.25; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .storytelling-wordbook-copy h2 {
            font-size: 3.85vw;
            line-height: 1.21;
            letter-spacing: -.03vw;
            word-spacing: -.2vw;
            padding-left: 1vw; } }

.storytelling-closing-copy h2 {
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-style: normal;
    font-weight: 200;
    font-size: 3.3vw;
    line-height: 1.14;
    text-align: left;
    letter-spacing: -.03vw;
    word-spacing: -.2vw;
    padding-top: 1vw;
    text-indent: 0vw;
    margin: 0 auto;
    margin-bottom: 0vw;
    color: rgba(0,0,0,1.0); }

    @media only screen and (max-width: 599px) {
        .storytelling-closing-copy h2 {
            font-size: 7vw;
            line-height: 1.25;
            padding-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .storytelling-closing-copy h2 {
            font-size: 7vw;
            line-height: 1.25;
            padding-left: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .storytelling-closing-copy h2 {
            font-size: 3.1vw;
            line-height: 1.21;
            letter-spacing: -.03vw;
            word-spacing: -.2vw;
            padding-left: 0vw; } }

.wordbook-scroll-copy h1 {
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-style: normal;
    font-weight: 800;
    font-size: 2.3vw;
    line-height: 1.5;
    text-align: left;
    letter-spacing: -.02vw;
    word-spacing: -.18vw;
    padding-left: 0vw;
    margin: 0 auto;
    margin-bottom: .25vw;
    color: rgba(0,0,0,1.0); }

    @media only screen and (max-width: 375px) {  
        .wordbook-scroll-copy h1 {
            font-size: 4.25vw;
            line-height: 1.6;
            padding-left: 0vw;
            color: rgba(0,0,0,1.0); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .wordbook-scroll-copy h1 {
            font-size: 4.25vw;
            line-height: 1.6;
            padding-left: 0vw;
            color: rgba(0,0,0,1.0); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .wordbook-scroll-copy h1 {
            font-size: 4vw;
            line-height: 1.44;
            padding-left: 1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .wordbook-scroll-copy h1 {
            font-size: 4vw;
            line-height: 1.35;
            padding-left: 1vw; } }
    
    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .wordbook-scroll-copy h1 {
            font-size: 2.5vw;
            line-height: 1.35;
            word-spacing: -.05vw;
            padding-left: 0vw; } }

.wordbook-scroll-copy-space h1 {
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-style: normal;
    font-weight: 800;
    font-size: 2.3vw;
    line-height: 1.35;
    text-align: left;
    letter-spacing: -.02vw;
    word-spacing: -.18vw;
    padding-left: 0vw;
    margin: 0 auto;
    margin-bottom: 2vw;
    color: rgba(0,0,0,1.0); }

.wordbook-scroll-copy h2 {
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-style: normal;
    font-weight: 200;
    font-size: 2.3vw;
    line-height: 1.35;
    text-align: left;
    letter-spacing: -.03vw;
    word-spacing: -.18vw;
    padding-left: 0vw;
    text-indent: 4vw;
    margin: 0 auto;
    margin-bottom: 2.0vw;
    color: rgba(0,0,0,.6); }

    @media only screen and (max-width: 375px) {  
        .wordbook-scroll-copy h2 {
            font-size: 4.25vw;
            line-height: 1.6;
            padding-left: 0vw;
            margin-bottom: 5.0vw;
            text-indent: 6vw;
            color: rgba(0,0,0,.8); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .wordbook-scroll-copy h2 {
            font-size: 4.25vw;
            line-height: 1.6;
            padding-left: 0vw;
            margin-bottom: 5.0vw;
            text-indent: 6vw;
            color: rgba(0,0,0,.8); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .wordbook-scroll-copy h2 {
            font-size: 4vw;
            line-height: 1.44;
            padding-left: 1vw;
            margin-bottom: 3.5vw;
            text-indent: 6vw;
            color: rgba(0,0,0,.8); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .wordbook-scroll-copy h2 {
            font-size: 4vw;
            line-height: 1.35;
            padding-left: 1vw;
            margin-bottom: 2.5vw;
            text-indent: 6vw;
            color: rgba(0,0,0,.8); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .wordbook-scroll-copy h2 {
            font-size: 2.5vw;
            line-height: 1.35;
            padding-left: 0vw; } }

.wordbook-scroll-copy-no-margin h2 {
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-style: normal;
    font-weight: 200;
    font-size: 2.3vw;
    line-height: 1.35;
    text-align: left;
    letter-spacing: -.03vw;
    word-spacing: -.18vw;
    padding-left: 0vw;
    text-indent: 4vw;
    margin: 0 auto;
    margin-bottom: 0vw;
    color: rgba(0,0,0,.6); }

    @media only screen and (max-width: 375px) {  
        .wordbook-scroll-copy-no-margin h2 {
            font-size: 4.25vw;
            line-height: 1.6;
            padding-left: 0vw;
            margin-bottom: 0vw;
            text-indent: 6vw;
            color: rgba(0,0,0,.8); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .wordbook-scroll-copy-no-margin h2 {
            font-size: 4.25vw;
            line-height: 1.6;
            padding-left: 0vw;
            margin-bottom: 0vw;
            text-indent: 6vw;
            color: rgba(0,0,0,.8); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .wordbook-scroll-copy-no-margin h2 {
            font-size: 4vw;
            line-height: 1.44;
            padding-left: 1vw;
            margin-bottom: 0vw;
            text-indent: 6vw;
            color: rgba(0,0,0,.8); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .wordbook-scroll-copy-no-margin h2 {
            font-size: 4vw;
            line-height: 1.35;
            padding-left: 1vw;
            margin-bottom: 0vw;
            text-indent: 6vw;
            color: rgba(0,0,0,.8); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .wordbook-scroll-copy-no-margin h2 {
            font-size: 2.5vw;
            line-height: 1.35;
            padding-left: 0vw; } }

.wordbook-scroll-copy-last h2 {
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-style: normal;
    font-weight: 200;
    font-size: 2.3vw;
    line-height: 1.35;
    text-align: left;
    letter-spacing: -.03vw;
    word-spacing: -.18vw;
    padding-left: 3vw;
    margin: 0 auto;
    color: rgba(0,0,0,.6); }

    @media only screen and (max-width: 375px) {  
        .wordbook-scroll-copy-last h2 {
            font-size: 4.25vw;
            line-height: 1.5;
            padding-left: 3.5vw;
            margin-bottom: 5.0vw;
            color: rgba(0,0,0,1.0); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .wordbook-scroll-copy-last h2 {
            font-size: 4.25vw;
            line-height: 1.5;
            padding-left: 3.5vw;
            margin-bottom: 5.0vw;
            color: rgba(0,0,0,1.0); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .wordbook-scroll-copy-last h2 {
            font-size: 4vw;
            line-height: 1.44;
            padding-left: 3.5vw;
            color: rgba(0,0,0,1.0); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .wordbook-scroll-copy-last h2 {
            font-size: 4vw;
            line-height: 1.35;
            padding-left: 3.5vw;
            color: rgba(0,0,0,.8); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .wordbook-scroll-copy-last h2 {
            font-size: 3.3vw;
            line-height: 1.25;
            padding-left: 3.5vw; } }

.grail-wordbook-full-width-outer {
    background: url("https://www.robkell.com/images/starbucks_grail_bg_2560-01.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 6.0vw;
    height: calc(100vh - 4.25em);
    z-index: 555555;
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.4); }

    @media only screen and (max-width: 375px) {
        .grail-wordbook-full-width-outer {
            background: url("https://www.robkell.com/images/starbucks_bg_crema_full-01.jpg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            padding-top: 13vw;
            padding-bottom: 0vw;
            height: 145vw;
            z-index: 111111;
            box-shadow: 0 3.5vw 5vw -1vw rgba(0,0,0,0.70); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-wordbook-full-width-outer {
            background: url("https://www.robkell.com/images/starbucks_bg_crema_full-01.jpg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            padding-top: 16vw;
            padding-bottom: 0vw;
            height: 145vw;
            z-index: 111111;
            box-shadow: 0 3.5vw 5vw -1vw rgba(0,0,0,0.70); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .grail-wordbook-full-width-outer {
            background: url("https://www.robkell.com/images/starbucks_bg_single_2560-01.jpg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            padding-top: 11vw;
            height: 80vw;
            z-index: 111111;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.70); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .grail-wordbook-full-width-outer {
            background: url("https://www.robkell.com/images/starbucks_bg_single_2560-01.jpg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            padding-top: 9vw;
            height: 80vw;
            z-index: 333333;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.70); } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .grail-wordbook-full-width-outer {
            background: url("https://www.robkell.com/images/starbucks_bg_single_2560-01.jpg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            padding-top: 6vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .grail-wordbook-full-width-outer {
            background: url("https://www.robkell.com/images/starbucks_bg_single_2560-01.jpg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            padding-top: 5.5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .grail-wordbook-full-width-outer {
            background: url("https://www.robkell.com/images/starbucks_bg_single_2560-01.jpg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            padding-top: 5.5vw; } }

.grail-matrix-trademark-image {
    margin: 0 auto;
    width: 34vw;
    padding-left: 1vw;
    height: auto; }

    @media only screen and (max-width: 375px) {
        .grail-matrix-trademark-image {
            width: 75vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-matrix-trademark-image {
            width: 75vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-matrix-trademark-image {
            width: 75vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-matrix-trademark-image {
            width: 75vw; } }

.grail-light-wordbook {
    background: url("https://www.robkell.com/images/grail_wordbook_copy_block_w_bg-01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    height: 32vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 1s ease;
    z-index: 111111; }

    @media only screen and (max-width: 375px) {
        .grail-light-wordbook {
            height: 60vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-light-wordbook {
            height: 60vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-light-wordbook {
            height: 50vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-light-wordbook {
            height: 50vw;
            padding-bottom: 0vw; } }

.grail-matrix-trademark-image-2 {
    margin: 0 auto;
    width: 27vw;
    padding-left: 1vw;
    height: auto; }

    @media only screen and (max-width: 375px) {
        .grail-matrix-trademark-image-2 {
            width: 60vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-matrix-trademark-image-2 {
            width: 60vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-matrix-trademark-image-2 {
            width: 60vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-matrix-trademark-image-2 {
            width: 60vw; } }

.grail-details-outer-2 {
    margin: 0 0;
    background-color: #f6f1e1;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 4vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start; 
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.44);
    z-index: 777777; }

    @media only screen and (max-width: 375px) {
        .grail-details-outer-2 {
            position: relative;
            padding-top: 8vw;
            padding-bottom: 1vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .rail-details-outer-2 {
            position: relative;
            padding-top: 8vw;
            padding-bottom: 1vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .rail-details-outer-2 {
            position: relative;
            padding-top: 8vw;
            padding-bottom: 1vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .rail-details-outer-2 {
            position: relative;
            padding-top: 3vw;
            padding-bottom: 1vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

.wordbook-scroll-inner-lower {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: 0vw;
    padding-bottom: 0vw; }

    @media only screen and (max-width: 375px) {
        .wordbook-scroll-inner-lower {
            margin: 0 auto; 
            text-align: center;
            height: auto;
            padding-top: 3vw;
            padding-bottom: 5vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .wordbook-scroll-inner-lower {
            margin: 0 auto; 
            text-align: center;
            height: auto;
            padding-top: 3vw;
            padding-bottom: 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .wordbook-scroll-inner-lower {
            padding-top: 1.5vw;
            padding-bottom: 2vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .wordbook-scroll-inner-lower {
            padding-top: 1.5vw;
            padding-bottom: 4vw; } }

.wordbook-scroll-copy-no-margin h2 {
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-style: normal;
    font-weight: 200;
    font-size: 2.3vw;
    line-height: 1.35;
    text-align: left;
    letter-spacing: -.03vw;
    word-spacing: -.18vw;
    padding-left: 0vw;
    text-indent: 4vw;
    margin: 0 auto;
    margin-bottom: 0vw;
    color: rgba(0,0,0,.6); }

    @media only screen and (max-width: 375px) {  
        .wordbook-scroll-copy-no-margin h2 {
            font-size: 4.25vw;
            line-height: 1.6;
            padding-left: 0vw;
            margin-bottom: 0vw;
            text-indent: 6vw;
            color: rgba(0,0,0,.8); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .wordbook-scroll-copy-no-margin h2 {
            font-size: 4.25vw;
            line-height: 1.6;
            padding-left: 0vw;
            margin-bottom: 0vw;
            text-indent: 6vw;
            color: rgba(0,0,0,.8); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .wordbook-scroll-copy-no-margin h2 {
            font-size: 4vw;
            line-height: 1.44;
            padding-left: 1vw;
            margin-bottom: 0vw;
            text-indent: 6vw;
            color: rgba(0,0,0,.8); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .wordbook-scroll-copy-no-margin h2 {
            font-size: 4vw;
            line-height: 1.35;
            padding-left: 1vw;
            margin-bottom: 0vw;
            text-indent: 6vw;
            color: rgba(0,0,0,.8); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .wordbook-scroll-copy-no-margin h2 {
            font-size: 2.5vw;
            line-height: 1.35;
            padding-left: 0vw; } }

.wordbook-123-grid-holder {
    margin: 0 0;
    text-align: center;
    z-index: 888888;
    display: flex;
    justify-content: center;
    align-items: center; }

.wordbook-123-grid-holder-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: 2.75vw;
    padding-bottom: 2.75vw; }

    @media only screen and (max-width: 375px) { 
        .wordbook-123-grid-holder-inner {
            padding-top: .75vw;
            padding-bottom: 3vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .wordbook-123-grid-holder-inner {
            padding-top: .75vw;
            padding-bottom: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .wordbook-123-grid-holder-inner {
            padding-top: 2vw;
            padding-bottom: 3vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .wordbook-123-grid-holder-inner {
            padding-top: 0vw;
            padding-bottom: 3vw; } }

@supports (display: grid) {
    .wordbook-123 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .75vw; } }

    @media only screen and (max-width: 599px) {
        .wordbook-123 {
        grid-template-columns: repeat(1, 1fr);        
        grid-gap: 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .wordbook-123 {
        grid-template-columns: repeat(1, 1fr);        
        grid-gap: 6vw; } }

.wordbook-123 > div {
    flex: 1; }

.wordbook-123 section {
    width: 23.5vw;
    height: auto;
    padding: 0 0 0 0;
    transition: 1s ease; }

    @media only screen and (max-width: 375px) {
        .wordbook-123 section {
            width: 70vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .wordbook-123 section {
            width: 70vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .wordbook-123 section {
            width: 60vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .wordbook-123 section {
            width: 60vw; } }

.wordbook-123-block {
    position: relative;
    margin: 0 auto;
    width: 23.5vw;
    height: auto;
    transition: 1s ease;
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 375px) {
        .wordbook-123-block {
            width: 70vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .wordbook-123-block {
            width: 70vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .wordbook-123-block {
            width: 60vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .wordbook-123-block {
            width: 60vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

.wordbook-123-block:hover {
    box-shadow: 0 21px 28px rgba(0, 0, 0, 0.28); }

.overlay-wordbook-123 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 0.85s ease;
    background-color: rgba(244, 242, 238, 1.0); }

.wordbook-123-block:hover .overlay-wordbook-123 {
    opacity: 1.0; }

.overlay-wordbook-123 p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif; 
    font-style: normal;
    font-weight: 300;
    text-align: left;
    font-size: .78vw;
    line-height: 1.75;
    letter-spacing: 0vw;
    word-spacing: -.1vw;
    margin: 0 0 0 0;
    color: #000;
    text-rendering: optimizeLegibility; } 

    @media only screen and (max-width: 375px) { 
        .overlay-wordbook-123 p {
            font-size: 1.4vw;
            line-height: 1.6; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .overlay-wordbook-123 p {
            font-size: 1.4vw;
            line-height: 1.6; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .overlay-wordbook-123 p {
            font-size: 1.4vw;
            line-height: 1.6; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .overlay-wordbook-123 p {
            font-size: 1.4vw;
            line-height: 1.6; } }

.wordbook-logo-centered {
    margin: 0 auto;
    width: 30vw;
    height: auto;
    margin-top: 2.5vw;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 375px) {
        .wordbook-logo-centered {
            width: 70vw;
            margin-top: 0vw;
            margin-bottom: 4vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .wordbook-logo-centered {
            width: 70vw;
            margin-top: 0vw;
            margin-bottom: 4vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .wordbook-logo-centered {
            width: 60vw;
            margin-top: 0vw;
            margin-bottom: 3vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .wordbook-logo-centered {
            width: 60vw;
            margin-top: 0vw;
            margin-bottom: 3vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.5); } }

.grail-wordbook-copy-close h2 {
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-style: italic;
    font-weight: 200;
    font-size: 2.3vw;
    line-height: 1.3;
    text-align: center;
    letter-spacing: -.03vw;
    word-spacing: -.18vw;
    padding-left: .5vw;
    margin: 0 auto;
    margin-top: 2vw;
    margin-bottom: 1.0vw;
    color: rgba(0,0,0,.6); }

    @media only screen and (max-width: 375px) {
        .grail-wordbook-copy-close h2 {
            font-size: 4vw;
            margin-top: 1vw;
            margin-bottom: 2.0vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-wordbook-copy-close h2 {
            font-size: 4vw;
            margin-top: 1vw;
            margin-bottom: 2.0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-wordbook-copy-close h2 {
            font-size: 4vw;
            margin-top: 1vw;
            margin-bottom: 2.0vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-wordbook-copy-close h2 {
            font-size: 4vw;
            margin-top: 1vw;
            margin-bottom: 2.0vw; } }

.grail-robkell-logo-close {
    margin: 0 auto;
    width: 10vw;
    height: auto;
    padding-top: 1vw; }

    @media only screen and (max-width: 375px) {
        .grail-robkell-logo-close {
            width: 20vw;
            padding-top: 2vw;
            padding-bottom: 6vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .grail-robkell-logo-close {
            width: 20vw;
            padding-top: 2vw;
            padding-bottom: 6vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .grail-robkell-logo-close {
            width: 15vw;
            padding-top: 1vw;
            padding-bottom: 6vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .grail-robkell-logo-close {
            width: 15vw;
            padding-top: 1vw;
            padding-bottom: 6vw; } }

.grail-close-outer {
    position: relative;
    margin: 0 0;
    background-color: transparent;
    height: auto;
    padding-top: 0vw;
    padding-bottom: 0vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.44);
    z-index: 555555; }

.wordbook-definitive-copy h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 2.1vw;
    line-height: 1.65;
    word-spacing: -.35vw;
    letter-spacing: -.035vw;
    color: #aea8a4; 
    margin-top: 0; 
    padding-left: 0vw; }

    @media only screen and (max-width: 599px) {
        .wordbook-definitive-copy h2 {
            font-size: 2.2vw;
            line-height: 1.65;
            text-indent: 6vw;
            padding-left: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .wordbook-definitive-copy h2 {
            font-size: 4vw;
            line-height: 1.65;
            text-indent: 6vw;
            padding-left: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .wordbook-definitive-copy h2 {
            font-size: 3.25vw;
            line-height: 1.4;
            word-spacing: -.5vw;
            letter-spacing: -.05vw;
            padding-left: 0vw; } }

/* // Storytelling / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Simplify Subscribe / 2024 */

.simplify-subscribe-outer {
    position: relative;
    z-index: 666666;
    margin: 0 0;
    background-color: #f6f1e1;
    height: calc(100vh - 4.25em);
    margin-top: 4.25em;
    padding-bottom: 1vw;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 375px) { 
        .simplify-subscribe-outer {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .simplify-subscribe-outer {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .simplify-subscribe-outer {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .simplify-subscribe-outer {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .simplify-subscribe-outer {
            height: auto;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

.index-subscribe-outer {
    position: relative;
    z-index: 666666;
    margin: 0 0;
    background-color: #f6f1e1;
    height: calc(100svh - 4.25em);
    padding-bottom: 1vw;
    box-shadow: 0 8vw 13vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 375px) { 
        .index-subscribe-outer {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .index-subscribe-outer {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .index-subscribe-outer {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .index-subscribe-outer {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .index-subscribe-outer {
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.65); } }

.simplify-index-outer-solo {
    position: relative;
    z-index: 444444;
    margin: 0 0;
    background-color: #e6e2e1;
    height: calc(100svh - 4.25em);
    margin-top: 4.25em;
    padding-bottom: 1vw;
    box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 375px) { 
        .simplify-index-outer-solo {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .simplify-index-outer-solo {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .simplify-index-outer-solo {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .simplify-index-outer-solo {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .simplify-index-outer-solo {
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.65); } }

.simplify-index-outer {
    position: relative;
    z-index: 999999;
    margin: 0 0;
    background-color: #f4f2ee;
    height: auto;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 375px) { 
        .simplify-index-outer {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .simplify-index-outer {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .simplify-index-outer {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .simplify-index-outer {
            height: auto;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .simplify-index-outer {
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.65); } }

.simplify-index-left {
    background: transparent;
    position: relative;
    height: calc(100vh - 4.25em);
    box-shadow: 2.0vw 0 3.5vw -.75vw rgba(0,0,0,0.6);
    z-index: 333333; }

    @media only screen and (max-width: 599px) {
        .simplify-index-left {
            margin: 0 auto;
            height: auto;
            padding-top: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .simplify-index-left {
            margin: 0 auto;
            height: auto;
            padding-top: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .simplify-index-left {
            padding-top: 0vw;
            padding-bottom: 0vw;
            padding-left: 0vw;
            padding-right: 0vw; } }

.simplify-index-left-top {
    background: rgba(255,43,0,1.0);
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    margin: 0 0;
    padding-top: .5vw;
    padding-right: .5vw;
    height: calc(34vh - 2.125em);
    z-index: 555555;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.8); }

     @media only screen and (max-width: 599px) {
        .simplify-index-left-top {
            margin: 0 0;
            height: auto; 
            padding-top: 10vw;
            padding-bottom: 10vw;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.8); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .simplify-index-left-top {
            margin: 0 0;
            height: auto; 
            padding-top: 6vw;
            padding-bottom: 6vw;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.8); } }

.simplify-index-left-top-headline {
    width: 44vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .simplify-index-left-top-headline {
            width: 92vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .simplify-index-left-top-headline {
            width: 92vw; } }

.simplify-index-left-top-tagline {
    width: 38vw;
/*    width: 21vw;*/
    height: auto; }

    @media only screen and (max-width: 599px) {
        .simplify-index-left-top-tagline {
            width: 85vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .simplify-index-left-top-tagline {
            width: 75vw; } }

.simplify-index-left-middle {
    margin: 0 0;
    background: url("https://www.robkell.com/images/simplify_sanskrit_1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 42.1vh;
    box-shadow: inset 0px -2vw 6vw -1vw rgba(0,0,0,0.8);
    z-index: 222222; }

    @media only screen and (max-width: 599px) {
        .simplify-index-left-middle {
            height: 23vh;
            box-shadow: inset 0px -5vw 10vw -1vw rgba(0,0,0,0.8); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .simplify-index-left-middle {
            height: 34vh;
            box-shadow: inset 0px -5vw 10vw -1vw rgba(0,0,0,0.8); } }

.simplify-index-left-bottom {
    background: #222;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    margin: 0 0;
    height: calc(24vh - 2.125em);
    z-index: 333333;
    box-shadow: inset 0px -2vw 6vw -1vw rgba(0,0,0,0.8); }

    @media only screen and (max-width: 599px) {
        .simplify-index-left-bottom {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .simplify-index-left-bottom {
            height: auto;
            padding-top: 12vw;
            padding-bottom: 12vw;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); } }

.simplify-index-right {
    background: transparent;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 3.0s ease;
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-right: 0vw;
    z-index: 444444; }

    @media only screen and (max-width: 599px) {
        .simplify-index-right {
            height: auto;
            margin: 0 auto;
            padding-top: 5vw;
            padding-bottom: 11vw;
            padding-left: 0vw; 
            padding-right: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .simplify-index-right {
            height: auto;
            margin: 0 auto;
            padding-top: 5vw;
            padding-bottom: 11vw;
            padding-left: 0vw; 
            padding-right: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .simplify-index-right {
            display: flex;
            justify-content: center;
            align-items: center; 
            padding-top: 0vw;
            padding-bottom: 0vw;
            padding-left: 0vw; 
            padding-right: 0vw; } }

hr.subscriber-divider {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 81%;
    margin-top: 1.5vw;
    margin-bottom: 2vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) { 
        hr.subscriber-divider {
            margin-top: 2.5vw;
            margin-bottom: 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        hr.subscriber-divider {
            margin-top: 3vw;
            margin-bottom: 5.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.subscriber-divider {
            width: 81%;
            margin-top: 1.5vw;
            margin-bottom: 2vw; } }

.airtable-outer {
    display: flex;
    justify-content: center;
    align-items: flex-start; }

.simplify-index-right-body p {
    /*font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 300;
    font-style: normal;*/
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    text-indent: 3vw;
    /*font-size: 2.3vw;
    line-height: 1.52;*/
    font-size: 1.9vw;
    line-height: 1.8;
    /*word-spacing: -.035vw;
    letter-spacing: -.01vw;*/
    letter-spacing: -.04vw;
    word-spacing: -.25vw;
    color: #000; 
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-left: .5vw; }

    @media only screen and (max-width: 599px) { 
        .simplify-index-right-body p {
            text-indent: 7vw;
            font-size: 3.85vw;
            line-height: 2.0;
            padding-left: 0vw;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .simplify-index-right-body p {
            text-indent: 7vw;
            font-size: 3.85vw;
            line-height: 1.8;
            padding-left: 0vw;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .simplify-index-right-body p {
            font-size: 1.9vw;
            line-height: 1.8;
            word-spacing: -.25vw;
            text-indent: 3vw; } }




/* // Simplify Subscribe / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* Immediology / own the now */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.immediology-hero-outer {
    margin: 0 0;
    background: #222;
    position: relative;
    z-index: 666666;
    height: auto;
    padding-top: 5.2vw;
    padding-bottom: 4.0vw;
    padding-left: 1vw;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) {
        .immediology-hero-outer {
            background: #222;
            box-shadow: 0 5vw 18vw -1vw rgba(0,0,0,0.65);
            padding-top: 14vw;
            padding-bottom: 12vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .immediology-hero-outer {
            background: #000;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65);
            padding-top: 8vw;
            padding-bottom: 6vw;
            padding-left: 0vw; } }

.immediology-image {
    width: 89vw;
    height: auto;
    margin: 0 auto;
    padding-left: 0vw;
    bottom: 0;
    transition: 3s ease; }

    @media only screen and (max-width: 599px) { 
        .immediology-image {
            width: 92vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .immediology-image {
            width: 92vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .immediology-image {
            width: 89vw; } }

.overlay-immediology-image {
    background: #222;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.immediology-image:hover .overlay-immediology-image {
    opacity: 1.0;
    transition: 3s ease; }

.agency-size-outer-kablam {
    margin: 0 0;
    z-index: 666666;
    background: #f6f1e1;
    position: relative;
    height: auto;
    padding-top: 6vw;
    padding-bottom: 2.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.8); }

    @media only screen and (max-width: 599px) {
        .agency-size-outer-kablam {
            height: auto;
            padding-top: 11vw;
            padding-bottom: 5vw;
            z-index: 666666;
            background: #f6f1e1;
            position: relative;
            box-shadow: inset 0px -8vw 21vw -1vw rgba(0,0,0,0.44); } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .agency-size-outer-kablam {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 5vw;
            z-index: 666666;
            background: #f6f1e1;
            position: relative;
            box-shadow: inset 0px -8vw 18vw -1vw rgba(0,0,0,0.34); } } 

.agency-size-outer {
    margin: 0 0;
    z-index: 666666;
/*    background-image: url("https://www.robkell.com/images/index_agency_size_yellow_4.svg");*/
/*    background-image: url("https://www.robkell.com/images/index_agency_size_orange_1.svg");*/
    background-image: url("https://www.robkell.com/images/index_agency_size_charcoal_4.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    width: auto;
    height: 48vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
/*    box-shadow: inset 0px -5vw 13vw -1vw rgba(0,0,0,0.5);*/
     box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55) }

    @media only screen and (max-width: 599px) { 
        .agency-size-outer {
            height: 34vh;
            background-image: url("https://www.robkell.com/images/index_agency_size_vertical_4.svg");
/*            background-image: url("https://www.robkell.com/images/index_agency_size_vertical_2.svg");*/
            background-repeat: no-repeat;
            background-position: center top;
            background-size: cover;
            position: relative;
            box-shadow: inset 0px -5vw 18vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .agency-size-outer {
            height: 53vh;
            z-index: 666666;
/*            background-image: url("https://www.robkell.com/images/index_agency_size_yellow_vertical_1.svg");*/
            background-image: url("https://www.robkell.com/images/index_agency_size_vertical_4.svg");
            background-repeat: no-repeat;
            background-position: center top;
            background-size: cover;
            position: relative;
            box-shadow: 0 5vw 18vw -1vw rgba(0,0,0,0.75); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .agency-size-outer {
            height: 45vh;
            box-shadow: inset 0px -5vw 13vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .agency-size-outer {
            height: 45vh;
            box-shadow: inset 0px -5vw 13vw -1vw rgba(0,0,0,0.53); } }

.agency-size-image {
/*    width: 61vw;*/
    width: 46vw;
    height: auto;
    margin: 0 auto;
    padding-left: 0vw;
    padding-right: 0vw;
    padding-bottom: 0vw;
    opacity: .9;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) { 
        .agency-size-image {
            width: 82vw;
            opacity: 1.0; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .agency-size-image {
            width: 87vw;
            opacity: 1.0; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .agency-size-image {
            width: 45vw;
            opacity: .9;
            padding-top: 0vw;
            padding-left: 1.5vw;
            padding-right: 0vw;
            padding-bottom: .3vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .agency-size-image {
            width: 45vw;
            opacity: .9;
            padding-top: 0vw;
            padding-left: 1.5vw;
            padding-right: 0vw;
            padding-bottom: .3vw; } }

.agency-size-body p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    font-size: 2.8vw;
    line-height: 1.15;
    letter-spacing: -.015vw;
    word-spacing: -.4vw;
    color: #000; 
    margin-top: 0vw; }

    @media only screen and (max-width: 599px) {
        .agency-size-body p {
/*            font-size: 4vw;*/
            font-size: 7vw;
            line-height: .93;
            letter-spacing: -.015vw;
            word-spacing: -.4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .agency-size-body p {
            font-size: 7vw;
            line-height: .93;
            letter-spacing: -.015vw;
            word-spacing: -.85vw; } }

.agency-size-body-block {
    margin: 0 0;
    background: #f6f1e1;
    position: relative;
    z-index: 555555;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
/*    box-shadow: 0 5vw 18vw -1vw rgba(0,0,0,0.8);*/
    box-shadow: inset 0px -2vw 4vw -1vw rgba(0,0,0,0.55); } } 

    @media only screen and (max-width: 599px) {
        .agency-size-body-block {
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34);
            height: auto;
            padding-top: 13vw;
            padding-bottom: 13vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .agency-size-body-block {
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34);
            height: auto;
            padding-top: 11vw;
            padding-bottom: 11vw; } }

.agency-size-rob-logo {
    margin: 0 auto;
    width: 18vw;
    height: auto;
    padding-top: .75vw;
    padding-bottom: 0vw;
    transition: 2s ease; }

.fitness-masthead-walka-walka {
    margin: 0 0;
    margin-top: 4.25em;
    z-index: 999999;
    background-image: url("https://www.robkell.com/images/fitness_masthead_background_yellow_2.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    width: auto;
    height: calc(47vh - 2.125em);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.8); }

    @media only screen and (max-width: 599px) {
        .fitness-masthead-walka-walka {
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34);
            height: auto;
            padding-top: 13vw;
            padding-bottom: 13vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .fitness-masthead-walka-walka {
            background-image: url("https://www.robkell.com/images/fitness_masthead_background_yellow_3.svg");
            background-repeat: no-repeat;
            background-position: center top;
            background-size: cover;
            position: relative;
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34);
            height: 20vh; } }

.fitness-death-head-outer {
    margin: 0 0;
    background: #222;
    position: relative;
    z-index: 888888;
    height: calc(53vh - 2.125em);
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 3vw 5vw -1vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 599px) {
        .fitness-death-head-outer {
            background: #222;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-top: 3.5vw;
            padding-bottom: 3.5vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .fitness-death-head-outer {
            background: #222;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-top: 3.5vw;
            padding-bottom: 3.5vw;
            padding-left: 0vw; } }

.fitness-death-image {
    width: 80vw;
    height: auto;
    margin: 0 auto;
    padding-left: 0vw;
    bottom: 0;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) { 
        .fitness-death-image {
            width: 70vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .fitness-death-image {
            width: 70vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .fitness-death-image {
            width: 82vw; } }

.the-finger-hero-outer {
    margin: 0 0;
    background: #222;
    position: relative;
    z-index: 999999;
    height: auto;
    padding-top: 3vw;
    padding-bottom: 3vw;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) {
        .the-finger-hero-outer {
            background: #000;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65);
            padding-top: 8vw;
            padding-bottom: 6vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .the-finger-hero-outer {
            background: #000;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65);
            padding-top: 8vw;
            padding-bottom: 6vw;
            padding-left: 0vw; } }

.the-finger-hero-image {
    width: 86vw;
    height: auto;
    margin: 0 auto;
    padding-right: 1vw;
    bottom: 0;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) { 
        .the-finger-hero-image {
            width: 91vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .the-finger-hero-image {
            width: 91vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .the-finger-hero-image {
            width: 88vw; } }

hr.finger-divider {
    height: 1px;
    background-color: #bbb;
    border: none;
    width: 100%;
    margin-top: 0vw;
    margin-bottom: 3vw;
    opacity: 1.0; }

.trademarkable-hero-outer {
    margin: 0 0;
    background: #222;
    position: relative;
    z-index: 888888;
    height: auto;
    padding-top: 4vw;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) {
        .trademarkable-hero-outer {
            background: #000;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.65);
            padding-top: 10vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .trademarkable-hero-outer {
            background: #000;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.65);
            padding-top: 10vw;
            padding-left: 1vw; } }

.trademarkable-image {
    width: 65vw;
    height: auto;
    margin: 0 auto;
    padding-left: 0vw;
    bottom: 0;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) { 
        .trademarkable-image {
            width: 93vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .trademarkable-image {
            width: 93vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .trademarkable-image {
            width: 65vw; } }

.immediology-own-the-now-outer {
    position: relative;
    z-index: 555555;
    margin: 0 0;
    background-color: #f6f1e1;
    height: 70vh;
    padding-bottom: 3vw;
    padding-left: 3.5vw;
    box-shadow: 0 8vw 18vw -1vw rgba(0,0,0,0.75); }

    @media only screen and (max-width: 599px) { 
        .immediology-own-the-now-outer {
            height: auto;
            padding-top: 5vw;
            padding-bottom: 13vw;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .immediology-own-the-now-outer {
            height: auto;
            padding-top: 5vw;
            padding-bottom: 5vw; 
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.7); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .immediology-own-the-now-outer {
            height: 74vh;
            padding-left: 2vw;
            padding-bottom: 3vw;
            box-shadow: 0 8vw 18vw -1vw rgba(0,0,0,0.75); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .immediology-own-the-now-outer {
            height: 72vh;
            padding-left: 2.5vw;
            padding-bottom: 3vw;
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.75); } }

@supports (display: grid) {
    .immediology-2c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0vw; } }

    @media only screen and (max-width: 1024px) { 
        @supports (display: grid) {
            .immediology-2c-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 0vw; } } }

.immediology-2c-grid > div {
    flex: 1; }

.immediology-2c-grid section { }

.immediology-left {
    display: flex;
    justify-content: right;
    align-items: center;
    padding-left: 2.5vw;
    width: 52vw;
    height: 70vh; }

    /*@media only screen and (max-width: 500px) { 
        .immediology-left {
            height: auto;
            padding-top: 5vw;
            padding-bottom: 5vw;
            display: flex;
            justify-content: center;
            align-items: center; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .immediology-left {
            height: auto;
            padding-top: 5vw;
            padding-bottom: 5vw;
            display: flex;
            justify-content: center;
            align-items: center; } }*/

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .immediology-left {
            height: 72vh;
            padding-left: 2.5vw; } }

.immediology-right {
    display: flex;
    justify-content: left;
    align-items: center;
    padding-top: 0vw;
    width: 43vw;
    height: 70vh; }

    @media only screen and (max-width: 599px) { 
        .immediology-right {
            height: auto;
            padding-top: 3vw;
            padding-bottom: 0vw;
            width: 93vw;
            display: flex;
            justify-content: center;
            align-items: center; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .immediology-right {
            height: auto;
            padding-top: 2vw;
            padding-bottom: 0vw;
            width: 93vw;
            display: flex;
            justify-content: center;
            align-items: center; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .immediology-right {
            height: 72vh;
            padding-top: .5vw; } }

.storytelling-immediology-head h3 { 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 300;
    font-size: 10vw;
    line-height: 0.78;
    text-align: center;
    margin: 0 0 0 0;
    padding-bottom: 2vw;
    letter-spacing: -.25vw;
    word-spacing: -1.5vw;
    color: #000;
    text-transform: none; }

    @media only screen and (max-width: 375px) {
        .storytelling-immediology-head h3 { 
            font-size: 14.5vw;
            padding-top: 2vw;
            padding-bottom: 2.5vw;
            letter-spacing: -.3vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .storytelling-immediology-head h3 { 
            font-size: 14.5vw;
            padding-top: 2vw;
            padding-bottom: 2.5vw;
            letter-spacing: -.3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .storytelling-immediology-head h3 { 
            font-size: 15.5vw;
            padding-bottom: 2vw;
            letter-spacing: -.3vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .storytelling-immediology-head h3 { 
            font-size: 15.5vw;
            padding-bottom: 2vw;
            letter-spacing: -.3vw; } }

.immediology-index-body p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 3.1vw;
    line-height: 1.2;
    word-spacing: -.35vw;
    letter-spacing: -.075vw;
    color: #aea8a4; 
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-right: 2vw; }

    @media only screen and (max-width: 599px) {
        .immediology-index-body p {
            font-size: 6.2vw;
            line-height: 1.3;
            word-spacing: -.45vw;
            letter-spacing: -.075vw;
            padding-left: 2vw;
            padding-right: 0vw;
            padding-bottom: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .immediology-index-body p {
            font-size: 5.8vw;
            line-height: 1.2;
            word-spacing: -.45vw;
            letter-spacing: -.075vw;
            padding-left: 2vw;
            padding-right: 0vw;
            padding-bottom: 2vw; } }


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Pro Bono / 2024 */

.pro-bono-outer-hero {
    margin: 0 0;
    height: calc(100vh - 4.25em);
    margin-top: 4.25em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #f6f1e1;
    padding-top: .5vw;
    z-index: 111111;
    box-shadow: 0 2.5vw 3.5vw -.5vw rgba(0,0,0,0.5); }

/* // Pro Bono / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Hire / 2024 */

.hire-roboto-outer {
    margin: 0 0;
    z-index: 999999;
    background: #f6f1e1;
    height: auto;
    margin-top: 4.25em;
    position: relative;
    box-shadow: 0 4vw 5vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 1024px) {
        .hire-roboto-outer {
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } } 

.image-one-more-thing {
    width: 38vw;
    margin-top: 0vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .image-one-more-thing {
            width: 91vw;
            padding-bottom: 3vw;
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .image-one-more-thing {
            width: 88vw;
            padding-right: 0vw;
            padding-bottom: 0vw;
            height: auto; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .image-one-more-thing {
            width: 40vw;
            margin-top: .0vw;
            height: auto; } }

.hire-one-more-thing-left {
    background: #000;
    position: relative;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 555555;
    box-shadow: 1.5vw 0 2.5vw -.75vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) { 
        .hire-one-more-thing-left {
            padding-top: 3vw;
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 12vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .hire-one-more-thing-left {
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 12vw -1vw rgba(0,0,0,0.55); } }

.hire-brilliant-future-right {
    position: relative;
    background: transparent;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    z-index: 777777;
    padding-right: .5vw;
    padding-bottom: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw; }

    @media only screen and (max-width: 599px) {
        .hire-brilliant-future-right {
            height: auto;
            padding-right: 1vw;
            padding-top: 21vw;
            padding-bottom: 21vw;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .hire-brilliant-future-right {
            height: auto;
            padding-right: 1vw;
            padding-top: 15vw;
            padding-bottom: 17vw;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); } }

.hire-hello-time {
    width: 38vw;
    height: auto;
    position: relative;
    opacity: 1.0;
    transition: 4s ease; }

    @media only screen and (max-width: 599px) {
        .hire-hello-time {
            width: 89vw;
            padding-right: 0vw;
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .hire-hello-time {
            width: 83vw;
            padding-right: 0vw;
            height: auto; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .hire-hello-time {
            width: 38vw;
            padding-right: 0vw;
            height: auto; } }

hr.hire-divisidero-low {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 98%;
    margin-top: 1.8vw;
    margin-bottom: 2.25vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.hire-divisidero-low {
            margin-top: 4vw;
            margin-bottom: 2.0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.hire-divisidero-low {
            width: 96%;
            padding-left: .5vw;
            margin-top: 2.5vw;
            margin-bottom: 4.25vw; } }

hr.hire-divisidero-stripe {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 55%;
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.hire-divisidero-stripe {
            width: 80%;
            margin-top: 5vw;
            margin-bottom: 1.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.hire-divisidero-stripe {
            width: 95%;
            margin-top: 5vw;
            margin-bottom: 4vw; } }

.hire-roboto-thank-you p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    font-size: 1.9vw;
    line-height: 1.5;
    letter-spacing: 0.05vw;
    word-spacing: -.35vw;
    margin-top: 1vw;
    padding-bottom: 0vw;
    color: #aea8a4;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .hire-roboto-thank-you p {
            font-size: 3.5vw;
            line-height: 1.5;
            margin-top: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .hire-roboto-thank-you p {
            font-size: 3.5vw;
            line-height: 1.5;
            margin-top: 2vw; } }

/* // Hire / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Work / 2024 */

.featured-work-outer {
    margin: 0 0;
    z-index: 999999;
    background: #f6f1e1;
    height: calc(100vh - 4.25em);
    margin-top: 4.25em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    padding-bottom: 1vw;
    box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34); } 

    @media only screen and (max-width: 599px) {
        .featured-work-outer {
            background: #000;
            padding-top: 0vw;
            padding-bottom: 0vw;
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 10vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .featured-work-outer {
            background: #000;
            padding-top: 0vw;
            padding-bottom: 0vw;
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 10vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .featured-work-outer {
            padding-bottom: 2vw;
            height: calc(100vh - 4.25em);
            margin-top: 4.25em; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .featured-work-outer {
            padding-bottom: 1.5vw;
            height: calc(100vh - 4.25em);
            margin-top: 4.25em; } }

.featured-books-of-kell {
    width: 89vw;
    margin: 0 auto;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .featured-books-of-kell {
            width: 86vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .featured-books-of-kell {
            width: 86vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .featured-books-of-kell {
            width: 89vw; } }

.overlay-featured-books-of-kell {
    background: #f6f1e1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.featured-books-of-kell:hover .overlay-featured-books-of-kell {
    opacity: 1.0;
    transition: 3s ease; } 

.work-outer-1 {
    margin: 0 0;
    z-index: 888888;
    background: transparent;
    height: calc(100vh - 4.25em);
    position: relative;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) { 
        .work-outer-1 {
            margin: 0 0;
            z-index: 888888;
            background: transparent;
            height: auto;
            position: relative;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.75); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .work-outer-1 {
            margin: 0 0;
            z-index: 888888;
            height: auto;
            position: relative;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.75); } }

.work-outer-2 {
    margin: 0 0;
    height: auto;
    z-index: 777777;
    position: relative;
    background: transparent; }

    @media only screen and (max-width: 599px) {
        .work-outer-2 {
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-outer-2 {
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.work-outer-3 {
    margin: 0 0;
    height: auto;
    z-index: 666666;
    position: relative;
    background: transparent; }

    @media only screen and (max-width: 599px) {
        .work-outer-3 {
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-outer-3 {
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

hr.featured-work-playah-1 {
    height: 1px;
    background-color: #beb8b4;
    border: none;
    width: 100%;
    margin-top: 2.5vw;
    margin-bottom: 1.75vw;
    opacity: 1.0; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.featured-work-playah-1 {
            margin-top: 2.5vw;
            margin-bottom: 1.75vw; } }

hr.work-brevity-line {
    height: 1px;
    background-color: #4e4844;
    border: none;
    width: 95%;
    margin-left: .5vw;
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        hr.work-brevity-line {
            width: 95%;
            margin-top: 3vw;
            margin-bottom: 3vw;
            margin-left: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.work-brevity-line {
            width: 95%;
            margin-top: 3vw;
            margin-bottom: 3vw;
            margin-left: .5vw; } }

.work-left-robisms {
    background: url("https://www.robkell.com/images/the_robisms_hero_2024_4.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 4.25em);
    z-index: 222222;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 3.0s ease;
    box-shadow: 2vw 0 3vw -.75vw rgba(0,0,0,0.7); }

    @media only screen and (max-width: 599px) {
        .work-left-robisms {
            background: url("https://www.robkell.com/images/the_robisms_hero_2024_2_vertical.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .work-left-robisms {
            background: url("https://www.robkell.com/images/the_robisms_hero_2024_2_vertical.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.work-robisms-top-brevity-headline-outer {
    background: #000;
    position: relative;
    margin: 0 0;
    height: auto;
    padding-top: 12vw;
    padding-bottom: 6vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 777777;
    box-shadow: 0 5vw 12vw -1vw rgba(0,0,0,0.75); }

.work-robisms-top-brevity-copy-outer {
    background: #000;
    margin: 0 0;
    height: 25svh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start; 
    padding-top: 2vw; }

.work-right-black { 
    position: relative;
    background-color: #111;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    box-shadow: -2vw 0 4vw -.75vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .work-right-black {
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .work-right-black {
            height: calc(100svh - 4.25em); } }

.work-brevity-head-image {
    width: 42vw;
    padding-left: 1.2vw;
    height: auto;
    margin: 0 auto;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) { 
        .work-brevity-head-image {
            width: 91vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-brevity-head-image {
            width: 91vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .work-brevity-head-image {
            width: 42vw; } }

.work-ten-image {
    width: 34vw;
    padding-left: 0w;
    height: auto;
    margin: 0 auto;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) { 
        .work-ten-image {
            width: 83vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-ten-image {
            width: 83vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .work-ten-image {
            width: 34vw; } }

.work-foam-head-image {
    width: 78vw;
    height: auto;
    margin: 0 auto;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) { 
        .work-foam-head-image {
            width: 88vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-foam-head-image {
            width: 88vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .work-foam-head-image {
            width: 74vw; } }

.art-and-science-subhead-image {
    width: 58vw;
    height: auto;
    margin: 0 auto;
    padding-top: 2vw;
    padding-bottom: 0vw;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) { 
        .art-and-science-subhead-image {
            width: 93vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .art-and-science-subhead-image {
            width: 93vw; } }

    /*@media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .art-and-science-subhead-image {
            padding-left: 1.5vw;
            width: 87vw; } }*/

.belief-image {
    width: 85vw;
    height: auto;
    margin: 0 auto;
    padding-top: 0vw;
    padding-bottom: 0vw;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) { 
        .belief-image {
            width: 94vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .belief-image {
            width: 94vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .belief-image {
            width: 85vw; } }

.systematic-2024-outer {
    margin: 0 0;
    background: #000;
/*    background: rgba(237,110,27,1.0);*/
    position: relative;
    z-index: 777777;
    height: auto;
    padding-top: 3vw;
    padding-bottom: 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) {
        .systematic-2024-outer {
/*            box-shadow: inset 0px -3vw 8vw -1vw rgba(0,0,0,0.55);*/
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65);
/*            background: rgba(237,110,27,1.0);*/
            background: #222;
            padding-top: 12vw;
            padding-bottom: 12vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .systematic-2024-outer {
/*            box-shadow: inset 0px -3vw 8vw -1vw rgba(0,0,0,0.55);*/
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65);
/*            background: rgba(237,110,27,1.0);*/
            background: #222;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .systematic-2024-outer {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65);
            padding-top: 3.5vw;
            padding-bottom: 3.5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .systematic-2024-outer {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65);
            padding-top: 3.25vw;
            padding-bottom: 3.25vw; } }

.systematic-image {
    width: 82vw;
    height: auto;
    margin: 0 auto;
    padding-top: 0vw;
    padding-bottom: 0vw;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) { 
        .systematic-image {
            width: 94vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .systematic-image {
            width: 94vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .systematic-image {
            width: 82vw; } }

.overlay-systematic-image {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 2s ease; }

.systematic-image:hover  .overlay-systematic-image {
    transition: 2s ease;
    opacity: 1.0; }

.work-everyone-head-image {
    width: 69vw;
    height: auto;
    margin: 0 auto;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) { 
        .work-everyone-head-image {
            width: 88vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-everyone-head-image {
            width: 88vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .work-everyone-head-image {
            width: 69vw; } }

.work-infinite-head-image {
    width: 60vw;
    height: auto;
    margin: 0 auto;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) { 
        .work-infinite-head-image {
            width: 88vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-infinite-head-image {
            width: 88vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .work-infinite-head-image {
            width: 60vw; } }

.work-addiction-head-image {
    width: 78vw;
    height: auto;
    margin: 0 auto;
    padding-top: .5vw;
    transition: 2s ease; }

    @media only screen and (max-width: 599px) { 
        .work-addiction-head-image {
            width: 88vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-addiction-head-image {
            width: 88vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .work-addiction-head-image {
            width: 74vw; } }

.bible-copy h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: left;
    font-size: 1.8vw;
    line-height: 1.4;
    letter-spacing: -.035vw;
    word-spacing: -.35vw;
    margin-top: 0vw;
    padding-left: .5vw;
    color: #e6e2e1;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .bible-copy h2 {
            font-size: 4vw;
            line-height: 1.5;
            text-align: left;
            letter-spacing: -.03vw;
            word-spacing: -.85vw;
            padding-left: 9vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .bible-copy h2 {
            font-size: 4vw;
            line-height: 1.5;
            text-align: left;
            letter-spacing: -.03vw;
            word-spacing: -.85vw;
            padding-left: 1vw; } }

.work-head-block-welcome {
    margin: 0 0;
    background: #222;
    position: relative;
    z-index: 999999;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
/*    box-shadow: inset 0px -3vw 5vw -1vw rgba(0,0,0,0.65);*/
    box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) {
        .work-head-block-welcome {
            box-shadow: 0 8vw 13vw -1vw rgba(0,0,0,0.65);
            background: #000;
            padding-top: 13vw;
            padding-bottom: 13vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-head-block-welcome {
            box-shadow: 0 8vw 13vw -1vw rgba(0,0,0,0.65);
            background: #000;
            padding-top: 11vw;
            padding-bottom: 11vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .work-head-block-welcome {
/*            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65);*/
            box-shadow: inset 0px -3vw 5vw -1vw rgba(0,0,0,0.65);
            padding-top: 5vw;
            padding-bottom: 5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .work-head-block-welcome {
/*            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65);*/
box-shadow: inset 0px -3vw 5vw -1vw rgba(0,0,0,0.65);
            padding-top: 3.25vw;
            padding-bottom: 3.25vw; } }

.minimalism-monthly-outer {
    margin: 0 0;
    background: #222;
    position: relative;
    z-index: 111111;
    height: auto;
    padding-top: 3vw;
    padding-bottom: 2.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) {
        .minimalism-monthly-outer {
            z-index: 999999;
            box-shadow: inset 0px -5vw 10vw -1vw rgba(0,0,0,0.55); 
            background: #222;
            padding-top: 13vw;
            padding-bottom: 13vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .minimalism-monthly-outer {
            z-index: 999999;
/*            box-shadow: inset 0px -3vw 8vw -1vw rgba(0,0,0,0.55);*/
            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.65);
            background: #222;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .minimalism-monthly-outer {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65);
            padding-top: 4vw;
            padding-bottom: 3.5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .minimalism-monthly-outer {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65);
            padding-top: 4vw;
            padding-bottom: 3.5vw; } }

.minimalism-monthly-outer-solo {
    margin: 0 0;
    background: #222;
    position: relative;
    z-index: 111111;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 3.5vw;
    margin-top: 4.25em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) {
        .minimalism-monthly-outer-solo {
            z-index: 999999;
            box-shadow: inset 0px -5vw 10vw -1vw rgba(0,0,0,0.55); 
            background: #222;
            padding-top: 13vw;
            padding-bottom: 13vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .minimalism-monthly-outer-solo {
            box-shadow: 0 8vw 13vw -1vw rgba(0,0,0,0.65);
            background: #222;
            padding-top: 11vw;
            padding-bottom: 11vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .minimalism-monthly-outer-solo {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65);
            padding-top: 4vw;
            padding-bottom: 4vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .minimalism-monthly-outer-solo {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.65);
            padding-top: 3.25vw;
            padding-bottom: 3.25vw; } }

.the-voice-of-optimism-outer {
    margin: 0 0;
    background: #222;
    position: relative;
    z-index: 888888;
    height: auto;
    padding-top: 4.25vw;
    padding-bottom: 3.75vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) {
        .the-voice-of-optimism-outer {
            background: rgba(237,110,27,1.0);
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.55); 
            padding-left: 2vw;
            padding-top: 13.5vw;
            padding-bottom: 14vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .the-voice-of-optimism-outer {
            background: rgba(237,110,27,1.0);
            box-shadow: inset 0px -3vw 5vw -1vw rgba(0,0,0,0.55);
            padding-top: 10vw;
            padding-bottom: 11vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .the-voice-of-optimism-outer {
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); 
            padding-top: 4.25vw;
            padding-bottom: 3.75vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .the-voice-of-optimism-outer {
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); 
            padding-top: 4.25vw;
            padding-bottom: 3.75vw; } }

.brevity-almighty-advantage {
    margin: 0 0;
/*    background-image: url("https://www.robkell.com/images/brevity_advantage_blue_1.svg");*/
background-image: url("https://www.robkell.com/images/brevity_advantage_yellow_2.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    z-index: 888888;
    height: 40vh;
    /*height: auto;
    padding-top: 5.5vw;
    padding-bottom: 4vw;
    padding-left: .5vw;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .brevity-almighty-advantage  {
            height: 37vh; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .brevity-almighty-advantage  {
            height: 37vh; } }

.index-art-and-science-outer {
    margin: 0 0;
    background: #1c1c1c;
    position: relative;
    z-index: 888888;
    height: auto;
    /*padding-top: 3.5vw;
    padding-bottom: 4vw;*/
    padding-top: 6.5vw;
    padding-bottom: 5.5vw;
    padding-left: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
/*    box-shadow: inset 0px -5vw 13vw -1vw rgba(0,0,0,0.55);*/
    box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55);
      }

    @media only screen and (max-width: 599px) {
        .index-art-and-science-outer {
            background: rgba(237,110,27,1.0);
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.55); 
            padding-left: 0vw;
            padding-top: 13.5vw;
            padding-bottom: 14vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .index-art-and-science-outer {
/*            background: #222;*/
            background: rgba(237,110,27,1.0);
            height: auto;
            padding-top: 9vw;
            padding-bottom: 8vw;
            /*background-image: url("https://www.robkell.com/images/kell_tablet_bg_1.svg");
            background-repeat: no-repeat;
            background-position: center top;
            background-size: cover;
            height: 53vh;*/
            box-shadow: inset 0px -3vw 8vw -1vw rgba(0,0,0,0.55);
             } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .index-art-and-science-outer {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55);
            /*padding-top: 3.5vw;
            padding-bottom: 4vw;*/
            padding-top: 6.5vw;
            padding-bottom: 5.5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .index-art-and-science-outer {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55);
            /*padding-top: 3.5vw;
            padding-bottom: 4vw;*/
            padding-top: 6.5vw;
            padding-bottom: 5.5vw; } }

.welcome-image {
    width: 91vw;
    opacity: 1.0;
    height: auto;
    margin: 0 auto;
    padding-left: 0vw;
    padding-top: 0vw;
    transition: 4s ease; }

    @media only screen and (max-width: 599px) { 
        .welcome-image {
            padding-left: 0vw;
            padding-top: 0vw;
            width: 88vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .welcome-image {
            padding-top: 0vw;
            padding-left: 0vw;
            padding-bottom: .75vw;
            width: 88vw;
            opacity: 1.0; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .welcome-image {
            padding-top: 0vw;
            padding-left: 0vw;
            opacity: 1.0;
            width: 91vw; } }

.overlay-welcome-image {
    background: #1c1c1c;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 4s ease; }

.welcome-image:hover .overlay-welcome-image {
    opacity: 1.0;
    transition: 4s ease; } 

.the-voice-of-optimism-hero-solo {
    margin: 0 0;
    background: #222;
    position: relative;
    z-index: 888888;
    height: auto;
    padding-top: 4.25vw;
    padding-bottom: 3.75vw;
    margin-top: 4.25em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) {
        .the-voice-of-optimism-hero-solo {
            background: rgba(237,110,27,1.0);
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.55); 
            padding-left: 2vw;
            padding-top: 13.5vw;
            padding-bottom: 14vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .the-voice-of-optimism-hero-solo {
/*            background: #333;*/
            background: rgba(237,110,27,1.0);
            box-shadow: inset 0px -3vw 5vw -1vw rgba(0,0,0,0.55);
            padding-top: 10vw;
            padding-bottom: 11vw;
            /*padding-top: 12vw;
            padding-bottom: 11vw;*/
            padding-left: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .the-voice-of-optimism-hero-solo {
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); 
            /*padding-top: 4.5vw;
            padding-bottom: 4vw;*/
            padding-top: 4.25vw;
            padding-bottom: 3.75vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .the-voice-of-optimism-hero-solo {
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); 
            /*padding-top: 4.5vw;
            padding-bottom: 4vw;*/
            padding-top: 4.25vw;
            padding-bottom: 3.75vw; } }

.welcome-to-the-mind-outer {
    margin: 0 0;
    background: #2d2b29;
    position: relative;
    z-index: 111111;
    height: auto;
    padding-top: 5.25vw;
    padding-bottom: 4.25vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
/*    box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.55);*/
     }

    @media only screen and (max-width: 599px) {
        .welcome-to-the-mind-outer {
            background: rgba(237,110,27,1.0);
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.55); 
            padding-left: 2vw;
            padding-top: 13.5vw;
            padding-bottom: 14vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .welcome-to-the-mind-outer {
/*            background: #333;*/
            background: rgba(237,110,27,1.0);
            box-shadow: inset 0px -3vw 5vw -1vw rgba(0,0,0,0.55);
            padding-top: 10vw;
            padding-bottom: 11vw;
            /*padding-top: 12vw;
            padding-bottom: 11vw;*/
            padding-left: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .welcome-to-the-mind-outer {
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.55); 
            /*padding-top: 4.5vw;
            padding-bottom: 4vw;*/
            padding-top: 5.25vw;
            padding-bottom: 4.75vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .welcome-to-the-mind-outer {
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.55); 
            /*padding-top: 4.5vw;
            padding-bottom: 4vw;*/
            padding-top: 5.25vw;
            padding-bottom: 4.75vw; } }

.work-head-block-0 {
    margin: 0 0;
    background: #222;
    position: relative;
    z-index: 222222;
    height: auto;
    padding-top: 3.25vw;
    padding-bottom: 3.25vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .work-head-block-0 {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); 
            padding-top: 11vw;
            padding-bottom: 11vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-head-block-0 {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); 
            padding-top: 13vw;
            padding-bottom: 13vw; } }

.work-head-block-1 {
    margin: 0 0;
    background: #000;
    position: relative;
    z-index: 222222;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .work-head-block-1 {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); 
            padding-top: 11vw;
            padding-bottom: 11vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-head-block-1 {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); 
            padding-top: 11vw;
            padding-bottom: 11vw; } }

.work-head-block-2 {
    margin: 0 0;
    background: #000;
    position: relative;
    z-index: 222222;
    height: auto;
    padding-top: 3.25vw;
    padding-bottom: 3.25vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .work-head-block-2 {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); 
            padding-top: 11vw;
            padding-bottom: 11vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-head-block-2 {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); 
            padding-top: 13vw;
            padding-bottom: 13vw; } }

.work-head-block-3 {
    margin: 0 0;
    background: #000;
    position: relative;
    z-index: 222222;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .work-head-block-3 {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); 
            padding-top: 11vw;
            padding-bottom: 11vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-head-block-3 {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); 
            padding-top: 13vw;
            padding-bottom: 13vw; } }

.work-body-block-1 {
    margin: 0 0;
    background: #f6f1e1;
    position: relative;
    z-index: 111111;
    height: auto;
    padding-top: 3.5vw;
    padding-bottom: 3.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .work-body-block-1 {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); 
            height: auto;
            padding-top: 13vw;
            padding-bottom: 13vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-body-block-1 {
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); 
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

#brevity-bible a {
    color: rgba(237,110,27,1.0);
    transition: 2s ease; }

#brevity-bible a:hover {
    color: #eee8e4;
    transition: 2s ease; }

.work-starbucks-outer {
    background-color: transparent;
    position: relative;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 4vw;
    z-index: 888888;
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 375px) {
        .work-starbucks-outer {
            background-color: transparent;
            position: relative;
            padding-top: 13vw;
            padding-bottom: 0vw;
            height: 145vw;
            z-index: 111111;
            box-shadow: 0 3.5vw 5vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .work-starbucks-outer {
            background-color: transparent;
            position: relative;
            padding-top: 13vw;
            padding-bottom: 0vw;
            height: 145vw;
            z-index: 111111;
            box-shadow: 0 3.5vw 5vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .work-starbucks-outer {
            background-color: transparent;
            position: relative;
            padding-top: 8vw;
            padding-bottom: 8vw;
            height: auto;
            z-index: 333333;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .work-starbucks-outer {
            background-color: transparent;
            height: auto;
            padding-top: 3.0vw;
            padding-bottom: 4.0vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1940px) { 
        .work-starbucks-outer {
            background-color: transparent;
            height: auto;
            padding-top: 3.0vw;
            padding-bottom: 4.0vw; } }

#work-link-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    /*font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 400;
    font-style: normal;*/
    text-align: center;
    font-size: 2.65vw;
    line-height: 1.28;
    letter-spacing: -.075vw;
    word-spacing: -.45vw;
    color: #000; 
    margin-top: 0vw; }

    @media only screen and (max-width: 599px) {
        #work-link-copy p {
            font-size: 2.65vw;
            line-height: 1.44; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #work-link-copy p {
            font-size: 3.25vw;
            line-height: 1.44; } }

#work-link-copy a {
    color: #aea8a4;
    transition: 3s ease; }

#work-link-copy a:hover {
    color: #000;
    transition: 3s ease; }

#work-link-chronicle p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 3.5vw;
    line-height: 1.15;
    letter-spacing: -.025vw;
    word-spacing: -.25vw;
    color: #000; 
    margin-top: 0vw; }

    @media only screen and (max-width: 599px) {
        #work-link-chronicle p {
            font-size: 2.65vw;
            line-height: 1.44; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #work-link-chronicle p {
            font-size: 4vw;
            line-height: 1.25; } }

#work-link-chronicle a {
    color: #9e9894;
    transition: 3s ease; }

#work-link-chronicle a:hover {
    color: #000;
    transition: 3s ease; }

.work-star-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    font-size: 2.4vw;
    line-height: 1.28;
    letter-spacing: -.075vw;
    word-spacing: -.45vw;
    color: #000; 
    margin-top: 0vw; }

    @media only screen and (max-width: 599px) {
        .work-star-copy p {
            font-size: 3.4vw;
            line-height: 1.28;
            margin-top: 1vw;
            letter-spacing: -.035vw;
            word-spacing: -.35vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .work-star-copy p {
            font-size: 3.4vw;
            line-height: 1.28;
            margin-top: 1vw;
            letter-spacing: -.035vw;
            word-spacing: -.35vw; } }


.starbucks-space {
    padding-top: 1vw;
    padding-bottom: 3vw; }

.featured-work-body-outer {
    margin: 0 auto;
    width: 85vw;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }

.featured-work-intro h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    text-align: left;
    font-size: 2.75vw;
    line-height: 1.34;
    padding-left: .5vw;
    word-spacing: -.45vw;
    letter-spacing: -.045vw;
    margin-top: 0vw;
    margin-bottom: 0vw;
    color: #aea8a4; }

    @media only screen and (max-width: 599px) {
        .featured-work-intro h2 {
            font-size: 3.5vw;
            line-height: 1.76;
            word-spacing: -.45vw;
            letter-spacing: -.045vw;
            padding-bottom: 1vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .featured-work-intro h2 {
            font-size: 3.5vw;
            line-height: 1.76;
            word-spacing: -.45vw;
            letter-spacing: -.045vw;
            padding-bottom: 1vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .featured-work-intro h2 {
            font-size: 3.15vw;
            line-height: 1.4;
            word-spacing: -.45vw;
            letter-spacing: -.045vw;
            margin-top: 0vw;
            padding-left: 2vw; } }

hr.featured-work-playah-2 {
    height: 1px;
    background-color: #beb8b4;
    border: none;
    width: 100%;
    margin-top: 1.75vw;
    margin-bottom: .75vw;
    opacity: 1.0; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.featured-work-playah-2 {
            margin-top: 2.25vw;
            margin-bottom: .25vw; } }

#down_home {
    width: 2.0em;
    height: 2.0em;
    position: absolute;
    bottom: 0vh;
    padding-top: 0vw;
    left: 50%;
    text-align: center;
    cursor: pointer;
    animation: bounce 1.0s infinite, reveal 2s;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    -webkit-transition-duration: 0.8s linear;
    -moz-transition-duration: 0.8s linear;
    -ms-transition-duration: 0.8s linear;
    -o-transition-duration: 0.8s linear;
    transition: 0.8s linear; }

#down_home:hover {
    opacity: .44; }

#down_systems {
    width: 2.0em;
    height: 2.0em;
    position: absolute;
    bottom: 0vh;
    padding-top: 0vw;
    left: 50%;
    text-align: center;
    cursor: pointer;
    animation: bounce 2.0s infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    -webkit-transition-duration: 0.8s linear;
    -moz-transition-duration: 0.8s linear;
    -ms-transition-duration: 0.8s linear;
    -o-transition-duration: 0.8s linear;
    transition: 0.8s linear; }

/*#down_systems:hover {
    color: rgba(237,110,27,1.0);
    transition: 1s ease; }*/

.logo-books-of-kell {
    margin: 0 auto;
    width: 18vw;
    padding-top: 1.25vw;
    opacity: 1.0; }

.featured-mantraman-strengthening-headline-outer {
    margin: 0 0;
    background: rgba(0,0,0,1.0);
    position: relative;
    z-index: 777777;
    height: calc(67vh - 2.125em);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

.featured-work-definitive-vertical-outer {
    margin: 0 0;
    background: #f6f1e1;
    height: auto;
    padding-top: 8vw;
    padding-bottom: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 888888;
    position: relative;
    box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34); } 

    @media only screen and (max-width: 376px) {
        .featured-work-definitive-vertical-outer {
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 377px) and (max-width: 599px) {
        .featured-work-definitive-vertical-outer {
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .featured-work-definitive-vertical-outer {
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34); } }

.featured-work-wrapper {
    margin: 0 0;
    z-index: 888888;
    background: transparent;
    height: auto;
    position: relative; }

    @media only screen and (max-width: 375px) { 
        .featured-work-wrapper {
            margin: 0 0;
            z-index: 111111;
            height: auto;
            position: relative;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.00); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .featured-work-wrapper {
            margin: 0 0;
            z-index: 111111;
            height: auto;
            position: relative;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.00); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .featured-work-wrapper {
            margin: 0 0;
            z-index: 111111;
            height: auto;
            position: relative;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.00); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .featured-work-wrapper {
            margin: 0 0;
            z-index: 111111;
            height: auto;
            position: relative;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.00); } }

@supports (display: grid) {
    .featured-work-2c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0vw; } }

    @media only screen and (max-width: 1024px) { 
        @supports (display: grid) {
            .featured-work-2c-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 0vw; } } }

.featured-work-2c-grid > div {
    flex: 1; }

.featured-work-2c-grid section { }

.featured-work-e6 {
    margin: 0 auto;
    background: #e6e2e1;
    height: calc(100vh - 4.25em);
    padding-top: 1vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .featured-work-e6 {
            height: auto;
            background: transparent;
            padding-top: 12vw;
            padding-bottom: 10vw;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .featured-work-e6 {
            height: auto;
            background: transparent;
            padding-top: 12vw;
            padding-bottom: 10vw;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center; } }

.basic-rob-inner {
    margin: 0 auto; 
    text-align: center; }

.featured-work-image-hero-1 {
    width: 35vw;
    height: auto;
    transition: 2s ease;
    box-shadow: 0 1.5vw 2.5vw -.5vw rgba(0,0,0,0.5);}

    @media only screen and (max-width: 599px) {
        .featured-work-image-hero-1 {
            width: 45vw;
            height: auto;
            transition: 2s ease;
            box-shadow: 0 3vw 4vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .featured-work-image-hero-1 {
            width: 84vw;
            height: auto;
            transition: 2s ease;
            box-shadow: 0 3vw 8vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .featured-work-image-hero-1 {
            width: 37vw; } }

.featured-work-image-hero-1:hover {
    transition: 2s ease;
    transform: scale(1.05); }

#featured-work-subheads p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    font-size: 1.4vw;
    line-height: 1.5;
    padding-top: 2.5vw;
    word-spacing: -.2vw;
    letter-spacing: 0vw;
    color: #aea8a4; }

    @media only screen and (max-width: 599px) {
        #featured-work-subheads p {
            font-size: 3.35vw;
            line-height: 1.5;
            padding-top: 4vw;
            word-spacing: -.2vw;
            letter-spacing: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #featured-work-subheads p {
            font-size: 3.35vw;
            line-height: 1.5;
            padding-top: 4vw;
            word-spacing: -.2vw;
            letter-spacing: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        #featured-work-subheads p {
            font-size: 1.4vw;
            line-height: 1.5;
            word-spacing: -.2vw;
            letter-spacing: 0vw;
            padding-top: 2.5vw; } }

.featured-work-f4 {
    margin: 0 auto;
    background: #f4f2ee;
    height: calc(100vh - 4.25em);
    padding-top: 1vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .featured-work-f4 {
            height: auto;
            background: transparent;
            padding-top: 12vw;
            padding-bottom: 10vw;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .featured-work-f4 {
            height: auto;
            background: transparent;
            padding-top: 12vw;
            padding-bottom: 10vw;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 5vw 8vw -.5vw rgba(0,0,0,0.55); } }

.featured-work-image-hero-2 {
    width: 36.25vw;
    height: auto;
    transition: 2s ease;
    box-shadow: 0 1.5vw 2.5vw -.5vw rgba(0,0,0,0.5);}

    @media only screen and (max-width: 599px) {
        .featured-work-image-hero-2 {
            width: 45vw;
            height: auto;
            transition: 2s ease;
            box-shadow: 0 3vw 4vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .featured-work-image-hero-2 {
            width: 84vw;
            height: auto;
            transition: 2s ease;
            box-shadow: 0 3vw 8vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .featured-work-image-hero-2 {
            width: 38vw; } }

.unfortunately-hero-outer {
    margin: 0 0;
    z-index: 333333;
    background: #f8f7f3;
    height: calc(100vh - 4.25em);
    position: relative;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.55); }

.featured-unfortunately-outer {
    position: relative;
    background: #000;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    padding-top: 3.5vw;
    text-align: center;
    z-index: 555555;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-left: 0vw;
    transition: 3s ease; } 

.throwbacks-image {
    margin: 0 auto;
    width: 40vw;
    padding-top: 0vw;
    opacity: 1.0;
    transition: 3s ease;
    padding-bottom: 0vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .throwbacks-image {
            width: 40vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .throwbacks-image {
            width: 40vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .throwbacks-image {
            width: 40vw; } }

.overlay-throwbacks-image {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.throwbacks-image:hover .overlay-throwbacks-image {
    opacity: 1.0;
    transition: 3s ease; } 

.throwbacks-right-outer {
    position: relative;
    background: transparent;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2vw; }

.throwbacks-coverups-image {
    width: 24vw;
    height: auto;
    margin: 0 auto;
    margin-bottom: -.75vw;
    transition: 2s ease;
    background: transparent;
    box-shadow: 0 3vw 4vw -.5vw rgba(0,0,0,0.55); }

.throwbacks-coverups-image:hover { 
    transition: 2s ease;
    transform: scale(1.1); }

/* // Work / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Robisms / 2024 */

#robisms-open-outer {
    position: relative;
    z-index: 666666;
    margin: 0 0;
    background-color: #f6f1e1;
    height: calc(100vh - 4.25em);
    margin-top: 4.25em;
    box-shadow: 0 3.5vw 5vw -1vw rgba(0,0,0,0.70); }

    @media only screen and (max-width: 375px) { 
        #robisms-open-outer {
            height: auto; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        #robisms-open-outer {
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        #robisms-open-outer {
            height: auto; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        #robisms-open-outer {
            height: auto; } }

.robisms-left-hero-outer {
    background: url("https://www.robkell.com/images/the_robisms_hero_2024_play_2.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 3.0s ease;
    box-shadow: 3vw 0 5vw -.75vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .robisms-left-hero-outer {
/*            background: url("https://www.robkell.com/images/the_robisms_hero_2024_9.svg");*/
            background: url("https://www.robkell.com/images/the_robisms_hero_2024_play_2.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: calc(58svh - 4.25em);
            box-shadow: 0 8vw 13vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robisms-left-hero-outer {
/*            background: url("https://www.robkell.com/images/the_robisms_hero_2024_9.svg");*/
            background: url("https://www.robkell.com/images/the_robisms_hero_2024_play_2_vert.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: calc(73svh - 4.25em);
            box-shadow: 0 8vw 13vw -1vw rgba(0,0,0,0.55); } }

.work-robisms-left-hero-outer {
    background: url("https://www.robkell.com/images/the_robisms_hero_2024_play_3.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 3.0s ease; }

    @media only screen and (max-width: 599px) {
        .work-robisms-left-hero-outer {
            background: url("https://www.robkell.com/images/the_robisms_hero_2024_9.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: calc(53svh - 4.25em);
            box-shadow: 0 8vw 13vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .work-robisms-left-hero-outer {
            background: url("https://www.robkell.com/images/the_robisms_hero_2024_9.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: calc(70svh - 4.25em);
            box-shadow: 0 8vw 13vw -1vw rgba(0,0,0,0.55); } }

.the-robisms-lol-right-outer {
    background: transparent;
    position: relative;
    z-index: 333333;
    height: calc(100vh - 4.25em);
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .the-robisms-lol-right-outer {
            height: auto;
            padding-top: 9.5vw;
            padding-bottom: 9.5vw;
            box-shadow: inset 0px -3vw 8vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .the-robisms-lol-right-outer {
            height: auto;
            padding-top: 7vw;
            padding-bottom: 8vw;
            box-shadow: inset 0px -3vw 8vw -1vw rgba(0,0,0,0.34); } }

.HexLittle {
    font-family: "Chronicle SSm A", "Chronicle SSm B", Georgia, serif;
    font-weight: 300;
    font-style: italic;
    font-size: .8vw;
    word-spacing: 0vw;
    letter-spacing: .02vw;
    color: #444; }

    @media only screen and (max-width: 375px) {
        .HexLittle {
            font-size: 2.2vw; } } 

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .HexLittle {
            font-size: 2.2vw; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .HexLittle {
            font-size: 1.62vw; } }          

.robism-commandments-inner {
    padding-top: 2vw;
    margin: 0 auto; 
    text-align: left;
    height: auto;
    background: transparent; }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .robism-commandments-inner {
            padding-top: 2vw;
            padding-left: 2vw; } }

.grail-image {
    width: 32vw;
    height: auto;
    padding-bottom: .5vw; }

    @media only screen and (max-width: 375px) { 
        .grail-image {
            width: 79vw;
            height: auto;
            padding-bottom: 1.5vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .grail-image {
            width: 79vw;
            height: auto;
            padding-bottom: 1.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .grail-image {
            width: 76vw;
            height: auto;
            padding-bottom: 1.3vw; } }

.overlay-grail-image {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.grail-image:hover .overlay-grail-image {
    opacity: 1.0; }

ul#toc-animated li {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: left;
    font-size: 2.1vw;
    line-height: 1.35;
    padding-left: .5vw;
    letter-spacing: -.01vw;
    word-spacing: -.1vw;
    color: #5e5854; 
    margin-top: 0; }

    @media only screen and (max-width: 375px) {
        ul#toc-animated li {
            font-size: 5.5vw;
            line-height: 1.75; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        ul#toc-animated li {
            font-size: 5.5vw;
            line-height: 1.75; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        ul#toc-animated li {
            font-size: 5.5vw;
            line-height: 1.35; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        ul#toc-animated li {
            font-size: 5.5vw;
            line-height: 1.35; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        ul#toc-animated li {
            line-height: 1.5; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        ul#toc-animated li {
            line-height: 1.5; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        ul#toc-animated li {
            line-height: 1.5; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        ul#toc-animated li {
            font-size: 2.35vw;
            line-height: 1.4; } }

.xtrabold-blog-basic-outer-infrastructure {
    margin: 0 0;
    z-index: 666666;
    background: transparent;
    height: calc(100vh - 4.25em);
    position: relative;
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) { 
        .xtrabold-blog-basic-outer-infrastructure {
            margin: 0 0;
            z-index: 666666;
            background: transparent;
            height: auto;
            position: relative;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.00); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .xtrabold-blog-basic-outer-infrastructure {
            margin: 0 0;
            z-index: 666666;
            background: transparent;
            height: auto;
            position: relative;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.00); } }

.robism-story-trans {
    background: transparent;
    position: relative;
    z-index: 333333;
    height: calc(100vh - 4.25em);
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1vw;
    padding-top: .75vw; }

    @media only screen and (max-width: 599px) {
        .robism-story-trans { 
            height: auto;
            padding-top: 8vw;
            padding-bottom: 10vw;
            padding-left: 3vw;
            box-shadow: inset 0px -3vw 8vw -1vw rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robism-story-trans { 
            height: auto;
            padding-top: 8vw;
            padding-bottom: 10vw;
            padding-left: 3vw;
            box-shadow: inset 0px -3vw 8vw -1vw rgba(0,0,0,0.34); } }

.index-xtrabold-simple-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    background: transparent; }

.robism-body-be p {
    font-family: "Chronicle Display A", "Chronicle Display B"; 
    font-style: normal; 
    font-weight: 800;
    text-align: left;
    font-size: 1.5vw;
    line-height: 1.8;
    letter-spacing: .02vw;
    word-spacing: -.2vw;
    text-indent: 0vw;
    color: #aea8a4; 
    margin-top: 0;
    margin-bottom: .2vw; }

    @media only screen and (max-width: 375px) {
        .robism-body-be p {
            font-size: 5vw;
            line-height: 1.8;
            letter-spacing: .04vw;
            word-spacing: -.2vw;
            margin-bottom: .3vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .robism-body-be p {
            font-size: 5vw;
            line-height: 1.9;
            letter-spacing: .04vw;
            word-spacing: -.2vw;
            margin-bottom: .3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robism-body-be p {
            font-size: 4.0vw;
            line-height: 1.8;
            letter-spacing: .04vw;
            word-spacing: -.2vw;
            margin-bottom: .3vw; } }

.robism-body-1 p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: left;
    font-size: 1.65vw;
    line-height: 1.7;
    letter-spacing: 0vw;
    word-spacing: -.05vw;
    text-indent: 2vw;
    color: rgba(0,0,0,1.0); 
    margin-top: 0; }

    @media only screen and (max-width: 375px) {
        .robism-body-1 p {
            font-size: 5vw;
            line-height: 2;
            letter-spacing: 0vw;
            word-spacing: -.05vw;
            text-indent: 5vw;
            color: rgba(0,0,0,1.0); 
            margin-top: 0; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .robism-body-1 p {
            font-size: 5vw;
            line-height: 1.9;
            letter-spacing: 0vw;
            word-spacing: -.05vw;
            text-indent: 5vw;
            color: rgba(0,0,0,1.0); 
            margin-top: 0; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robism-body-1 p {
            font-size: 4.0vw;
            line-height: 1.7;
            letter-spacing: 0vw;
            word-spacing: -.05vw;
            text-indent: 5vw;
            color: rgba(0,0,0,1.0); 
            margin-top: 0; } }

.medium-icon-outer {
    text-align: left;
    padding-top: 1.0vw;
    padding-bottom: 1.5vw; }

    @media only screen and (max-width: 375px) { 
        .medium-icon-outer {
            padding-top: 2.5vw;
            padding-bottom: 1.5vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .medium-icon-outer {
            padding-top: 2.5vw;
            padding-bottom: 1.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .medium-icon-outer {
            padding-top: 2.5vw;
            padding-bottom: 1.5vw; } }

.robism-icon {
    position: relative;
    width: 50px;
    opacity: 1.0;
    box-shadow: 0 18px 18px -10px rgba(0,0,0,0.5);
    transition: 1s ease; }

    @media only screen and (max-width: 375px) { 
        .robism-icon {
            width: 30px; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .robism-icon {
            width: 30px; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .robism-icon {
            width: 40px; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .robism-icon {
            width: 45px; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .robism-icon {
            width: 30px; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .robism-icon {
            width: 34px; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .robism-icon {
            width: 40px; } }

.robism-icon:hover {
    opacity: .7; }

.robism-right-black {
    /*background-image: url("https://www.robkell.com/images/robism_topper_wide_multi_2-01.svg");
    background-repeat: no-repeat;
    background-position: center top; 
    position: relative;*/
    background-color: #222;
    margin: 0 auto;
/*    height: calc(100vh - 4.25em);*/
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 555555;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    transition: 3s ease;
    box-shadow: -1vw 0 2vw -.75vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) {
        .robism-right-black {
            background-image: none;
            background-color: #222; 
            z-index: 888888;
            height: auto;
            padding-top: 13vw;
            padding-bottom: 13vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robism-right-black {
            background-image: none;
            background-color: #222; 
            z-index: 888888;
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.robism-word-block-vertical-orange {
    margin: 0 0;
    z-index: 999999;
    background-image: url("https://www.robkell.com/images/robism_toppers_vertical_orange.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: auto;
    height: 22vw;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); }

.robism-word-block-vertical-pink {
    margin: 0 0;
    z-index: 999999;
    background-image: url("https://www.robkell.com/images/robism_toppers_vertical_pink.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: auto;
    height: 22vw;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); }

.robism-word-block-vertical-blue {
    margin: 0 0;
    z-index: 999999;
    background-image: url("https://www.robkell.com/images/robism_toppers_vertical_blue.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: auto;
    height: 22vw;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); }

.robism-word-block-vertical-green {
    margin: 0 0;
    z-index: 999999;
    background-image: url("https://www.robkell.com/images/robism_toppers_vertical_green.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: auto;
    height: 22vw;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); }

.robism-word-block-vertical-yellow {
    margin: 0 0;
    z-index: 999999;
    background-image: url("https://www.robkell.com/images/robism_toppers_vertical_yellow.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: auto;
    height: 22vw;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); }

.robism-word-block-horizontal-orange {
    margin: 0 0;
    z-index: 999999;
    background-image: url("https://www.robkell.com/images/robism_toppers_horizontal_orange.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 49.7vw;
    height: calc(19vh - 2.125em);
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.85); }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .robism-word-block-horizontal-orange {
            width: 49.5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .robism-word-block-horizontal-orange {
            width: 49.6vw; } }

.robism-word-block-horizontal-green {
    margin: 0 0;
    z-index: 999999;
    background-image: url("https://www.robkell.com/images/robism_toppers_horizontal_green.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 49.7vw;
    height: calc(19vh - 2.125em);
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.85); }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .robism-word-block-horizontal-green {
            width: 49.5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .robism-word-block-horizontal-green {
            width: 49.6vw; } }

.robism-word-block-horizontal-pink {
    margin: 0 0;
    z-index: 999999;
    background-image: url("https://www.robkell.com/images/robism_toppers_horizontal_pink.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 49.7vw;
    height: calc(19vh - 2.125em);
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.85); }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .robism-word-block-horizontal-pink {
            width: 49.5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .robism-word-block-horizontal-pink {
            width: 49.6vw; } }

.robism-word-block-horizontal-yellow {
    margin: 0 0;
    z-index: 999999;
    background-image: url("https://www.robkell.com/images/robism_toppers_horizontal_yellow.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 49.7vw;
    height: calc(19vh - 2.125em);
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.85); }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .robism-word-block-horizontal-yellow {
            width: 49.5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .robism-word-block-horizontal-yellow {
            width: 49.6vw; } }

.robism-word-block-horizontal-blue {
    margin: 0 0;
    z-index: 999999;
    background-image: url("https://www.robkell.com/images/robism_toppers_horizontal_blue.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 49.7vw;
    height: calc(19vh - 2.125em);
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.85); }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .robism-word-block-horizontal-blue {
            width: 49.5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .robism-word-block-horizontal-blue {
            width: 49.6vw; } }

.robism-headline-outer {
/*    height: calc(91.5vh - 4.25em);*/
height: calc(81vh - 2.125em);
    z-index: 777777;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
/*    padding-top: 4.25vw;*/
    width: 100%; }

    @media only screen and (max-width: 375px) {
        .robism-headline-outer {
            height: auto;
            padding-top: 0vw;
            padding-bottom: 0vw;
            z-index: 777777;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            width: 100%; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .robism-headline-outer {
            height: auto;
            padding-top: 0vw;
            padding-bottom: 0vw;
            z-index: 777777;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            width: 100%; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robism-headline-outer {
            height: auto;
            padding-top: 0vw;
            padding-bottom: 0vw;
            z-index: 777777;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            width: 100%; } }

.brevity-almighty-yellow {
    margin: 0 0;
    z-index: 444444;
    background-image: url("https://www.robkell.com/images/brevity_almighty_phone_hero_kell_orange_7.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    height: 37vh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34); }

.brevity-almighty-phone-image {
    width: 87vw;
    height: auto;
    margin: 0 auto;
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-left: 0vw;
    opacity: 1.0; }

.robisms-index-block-horizontal-orange {
    margin: 0 0;
    z-index: 333333;
/*    background-image: url("https://www.robkell.com/images/robism_toppers_index_green_1.svg");*/
background-image: url("https://www.robkell.com/images/robism_toppers_index_orange_4.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    width: auto;
    height: 41vh;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.7); }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .robisms-index-block-horizontal-orange {
            height: 35vh; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .robisms-index-block-horizontal-orange {
            height: 38vh; } }

.robisms-index-block-vertical-orange {
    margin: 0 0;
    z-index: 333333;
    background-image: url("https://www.robkell.com/images/robism_toppers_index_vertical_orange.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    width: auto;
    height: 57vh;
    box-shadow: 0 8vw 13vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .robisms-index-block-vertical-orange {
            height: 44vh;
            box-shadow: 0 5vw 10vw -1vw rgba(0,0,0,0.55); } }

.robisms-index-body-block {
    margin: 0 0;
    background: #f6f1e1;
    position: relative;
    z-index: 222222;
    height: auto;
    padding-top: 6vw;
    padding-bottom: 7vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
/*    box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55);*/
    box-shadow: inset 0px -3vw 5vw -1vw rgba(0,0,0,0.34);
     }

    @media only screen and (max-width: 599px) {
        .robisms-index-body-block {
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34);
            height: auto;
            padding-top: 13vw;
            padding-bottom: 13vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .robisms-index-body-block {
            height: auto;
            padding-top: 9vw;
            padding-bottom: 9vw;
/*            box-shadow: 0 5vw 13vw -1vw rgba(0,0,0,0.55);*/
            box-shadow: inset 0px -5vw 8vw -1vw rgba(0,0,0,0.34); } }

.robisms-index-body-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 3.75vw;
    line-height: 1.15;
    letter-spacing: -.025vw;
    word-spacing: -.25vw;
    color: #000; 
    margin-top: 0vw; }

    @media only screen and (max-width: 599px) {
        .robisms-index-body-copy p {
            font-size: 5.75vw;
            line-height: 1.25; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .robisms-index-body-copy p {
            font-size: 6vw;
            line-height: 1.2;
            letter-spacing: -.025vw;
            word-spacing: -.3vw; } }

.magnificence-head-image {
    width: 40vw;
    height: auto;
    transition: 2.0s ease; }

    @media only screen and (max-width: 375px) { 
        .magnificence-head-image {
            width: 90vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .magnificence-head-image {
            width: 90vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .magnificence-head-image {
            width: 90vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .magnificence-head-image {
            width: 40vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .magnificence-head-image {
            width: 40vw; } }

.overlay-magnificence-head-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: #000;
    transition: 2.0s ease; }

.magnificence-head-image:hover  .overlay-magnificence-head-image {
    opacity: 1.0; }

.smaller-head-image {
    width: 34vw;
    height: auto;
    transition: 2.0s ease; }

    @media only screen and (max-width: 375px) { 
        .smaller-head-image {
            width: 90vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .smaller-head-image {
            width: 90vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .smaller-head-image {
            width: 90vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .smaller-head-image {
            width: 34vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .smaller-head-image {
            width: 34vw; } }

.medium-head-image {
    width: 37vw;
    height: auto;
    transition: 2.0s ease; }

    @media only screen and (max-width: 375px) { 
        .medium-head-image {
            width: 90vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .medium-head-image {
            width: 90vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .medium-head-image {
            width: 90vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .medium-head-image {
            width: 37vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .medium-head-image {
            width: 37vw; } }

.robism-left-black {
    background-image: url("https://www.robkell.com/images/robism_topper_wide_multi_2-01.svg");
    background-repeat: no-repeat;
    background-position: center top; 
    position: relative;
    background-color: #222;
    position: relative;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 333333;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 3s ease;
    box-shadow: 1vw 0 2vw -.75vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) {
        .robism-left-black {
            background-image: none;
            background-color: #222; 
            z-index: 888888;
            height: auto;
            padding-top: 13vw;
            padding-bottom: 13vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robism-left-black {
            background-image: none;
            background-color: #222; 
            z-index: 888888;
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

.robism-index-block {
    width: 38vw;
    height: auto; }

    @media only screen and (max-width: 375px) { 
        .robism-index-block {
            width: 83vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .robism-index-block {
            width: 83vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .robism-index-block {
            width: 83vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .robism-index-block {
            width: 83vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .robism-index-block {
            width: 40vw; } }

.overlay-robism-index-block {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: #000;
    transition: 4.0s ease; }

.robism-index-block:hover  .overlay-robism-index-block {
    opacity: 1.0; }

.big-head-image-under-topper {
    width: 41vw;
    height: auto;
    transition: 3.0s ease; }

    @media only screen and (max-width: 375px) { 
        .big-head-image-under-topper {
            width: 84vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .big-head-image-under-topper {
            width: 84vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .big-head-image-under-topper {
            width: 84vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .big-head-image-under-topper {
            width: 84vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        .big-head-image-under-topper {
            width: 41vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) {
        .big-head-image-under-topper {
            width: 41vw; } }

.overlay-big-head-image-under-topper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: #000;
    transition: 2.0s ease; }

.big-head-image-under-topper:hover  .overlay-big-head-image-under-topper {
    opacity: 1.0; }

.head-image-under-topper {
    width: 39vw;
    height: auto;
    transition: 3.0s ease; }

    @media only screen and (max-width: 375px) { 
        .head-image-under-topper {
            width: 72vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .head-image-under-topper {
            width: 72vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .head-image-under-topper {
            width: 81vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .head-image-under-topper {
            width: 85vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .head-image-under-topper {
            padding-top: 0vw;
            width: 39vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        .head-image-under-topper {
            padding-top: 0vw;
            width: 40vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        .head-image-under-topper {
            width: 39vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) {
        .head-image-under-topper {
            padding-top: 0vw;
            width: 39vw; } }

.overlay-head-image-under-topper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: #000;
    transition: 2.0s ease; }

.head-image-under-topper:hover  .overlay-head-image-under-topper {
    opacity: 1.0; }

/* // Robisms / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Verbal Rob / 2024 */

.rob-open-outer {
    position: relative;
    margin: 0 0;
    margin-top: 4.25em;
    height: calc(100vh - 4.25em);
    background: rgba(232,230,226,1.0);
    z-index: 666666;
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.50); }

    @media only screen and (max-width: 375px) { 
        .rob-open-outer {
            height: auto;
            box-shadow: 0 0 0 0 rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .rob-open-outer {
            height: auto;
            box-shadow: 0 0 0 0 rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .rob-open-outer {
            height: auto;
            box-shadow: 0 0 0 0 rgba(0,0,0,0.0); } } 

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .rob-open-outer {
            height: auto;
            box-shadow: 0 0 0 0 rgba(0,0,0,0.0); } } 

.robkell-open-grid-left {
    background: url("https://www.robkell.com/images/a_license_to_rob_black_tablet_000bg_2c-01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 666666; }

    @media only screen and (max-width: 375px) { 
        .robkell-open-grid-left {
            background: url("https://www.robkell.com/images/a_license_to_rob_black_tablet_000bg_2c-01.svg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .robkell-open-grid-left {
            background: url("https://www.robkell.com/images/rob_license_to_rob_large_phone-01.svg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robkell-open-grid-left {
            background: url("https://www.robkell.com/images/a_license_to_rob_black_tablet_000bg_2c-01.svg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .robkell-open-grid-left {
            background: url("https://www.robkell.com/images/a_license_to_rob_black_tablet_000bg_2c-01.svg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: calc(100vh - 4.25em); } }

.robkell-open-grid-right {
    background: url("https://www.robkell.com/images/the_book_of_kell_65-01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 666666;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1vw;
    padding-top: .75vw;
    box-shadow: -2.5vw 0 3.5vw -1vw rgba(0,0,0,0.6); }

    @media only screen and (max-width: 375px) { 
        .robkell-open-grid-right {
            background: url("https://www.robkell.com/images/rob_book_of_kell_large_phone-01.svg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            z-index: 111111;
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .robkell-open-grid-right {
            background: url("https://www.robkell.com/images/rob_book_of_kell_large_phone-01.svg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            z-index: 111111;
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robkell-open-grid-right {
            background: url("https://www.robkell.com/images/the_book_of_kell_65-01.svg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            z-index: 111111;
            height: calc(100svh - 4.25em);
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .robkell-open-grid-right {
            background: url("https://www.robkell.com/images/the_book_of_kell_65-01.svg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: calc(100vh - 4.25em); } }

.mark-180 {
    width: 9.5vw;
    height: auto;
    margin: 0 auto;
    margin-bottom: 1.5vw;
    border: 13px solid #fff;
    box-shadow: 0 2vw 3vw -1vw rgba(0,0,0,0.55);
    transition: 1s ease; }

    @media only screen and (max-width: 599px) {
        .mark-180 {
            width: 25vw;
            margin-bottom: 5vw;
            border: 0px;
            opacity: .8;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mark-180 {
            width: 25vw;
            margin-bottom: 5vw;
            border: 0px;
            opacity: .8;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

.robkell-links-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: 1.8vw;
    line-height: 1.28;
    letter-spacing: -.035vw;
    word-spacing: -.2vw;
    color: #000; 
    margin-top: .8vw; }

    @media only screen and (max-width: 599px) {
        .robkell-links-copy p {
            font-size: 4vw;
            line-height: 1.28;
            margin-top: .8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .robkell-links-copy p {
            font-size: 4vw;
            line-height: 1.28;
            margin-top: .8vw; } }

.robkell-open-copy h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: 2.85vw;
    line-height: 1.3;
    letter-spacing: -.065vw;
    word-spacing: -.4vw;
    color: rgba(0,0,0,1.0); 
    margin-top: 0;
    margin-bottom: 1.2vw;
    padding-left: 0vw; }

    @media only screen and (max-width: 375px) { 
        .robkell-open-copy h2 {
            font-size: 6.5vw;
            line-height: 1.65;
            letter-spacing: -.065vw;
            word-spacing: -.4vw;
            color: rgba(0,0,0,1.0); 
            padding-top: 2.0vw;
            margin-bottom: 2.5vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .robkell-open-copy h2 {
            font-size: 6.5vw;
            line-height: 1.65;
            letter-spacing: -.065vw;
            word-spacing: -.4vw;
            color: rgba(0,0,0,1.0); 
            padding-top: 2.0vw;
            margin-bottom: 2.5vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .robkell-open-copy h2 {
            font-size: 5.5vw;
            line-height: 1.34;
            letter-spacing: -.065vw;
            word-spacing: -.4vw;
            color: rgba(0,0,0,0.75); 
            padding-top: 2.0vw;
            margin-bottom: 1.0vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .robkell-open-copy h2 {
            font-size: 6vw;
            line-height: 1.34;
            letter-spacing: -.065vw;
            word-spacing: -.4vw;
            color: rgba(0,0,0,0.75); 
            padding-top: 2.0vw;
            margin-bottom: 1.0vw;
            padding-left: 1vw; } }

.robkell-ten-outer {
    margin: 0 0;
    background: #000;
    height: calc(100vh - 4.25em);
    padding-top: 0vw;
    padding-right: 0vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    transition: 1s ease;
    cursor: pointer;
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 375px) { 
        .robkell-ten-outer {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw;
            padding-left: 1vw;
            position: relative;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .robkell-ten-outer {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw;
            padding-left: 1vw;
            position: relative;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robkell-ten-outer {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw;
            padding-left: 1vw;
            position: relative;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.44); } }

.robkell-ten-headline-image {
    margin: 0 auto;
    width: 75vw;
    height: auto; }

    @media only screen and (max-width: 375px) { 
        .robkell-ten-headline-image {
            width: 90vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .robkell-ten-headline-image {
            width: 90vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robkell-ten-headline-image {
            width: 90vw; } } 

.robkell-autodidact-outer {
    margin: 0 0;
    background: #f4f2ee;
    height: 16vw;
    z-index: 777777;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.44); }

    @media only screen and (max-width: 375px) { 
        .robkell-autodidact-outer {
            height: 40vw;
            padding-bottom: 4vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.44); } }
    
    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .robkell-autodidact-outer {
            height: 40vw;
            padding-bottom: 4vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robkell-autodidact-outer {
            height: 32vw;
            padding-bottom: 0vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .robkell-autodidact-outer {
            height: 18vw; } }

.robkell-autodidact-body p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    font-size: 2.5vw;
    line-height: 1.5;
    letter-spacing: -.02vw;
    word-spacing: -.25vw;
    color: rgba(0,0,0,1.0);
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 375px) { 
        .robkell-autodidact-body p {
            font-size: 5vw;
            line-height: 1.25; } }
    
    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .robkell-autodidact-body p {
            font-size: 5vw;
            line-height: 1.25; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .robkell-autodidact-body p {
            font-size: 3.0vw;
            line-height: 1.8;
            color: #4e4844; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .robkell-autodidact-body p {
            font-size: 2.25vw;
            line-height: 1.54;
            color: #4e4844; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .robkell-autodidact-body p {
            font-size: 2.15vw;
            line-height: 1.54;
            color: #4e4844; } }

.robkell-10000-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: center;
    font-size: 2.75vw;
    line-height: 1.25;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    color: rgba(0,0,0,.75); 
    margin-top: 0;
    margin-bottom: 1.0vw;
    padding-left: 1vw; }

    @media only screen and (max-width: 375px) { 
        .robkell-10000-copy p {
            font-size: 9.0vw;
            line-height: 1.0;
            letter-spacing: -.05vw;
            word-spacing: -.35vw;
            color: rgba(0,0,0,1.0); 
            padding-top: 2.0vw;
            margin-bottom: 2.5vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .robkell-10000-copy p {
            font-size: 7.5vw;
            line-height: 1.6;
            letter-spacing: -.05vw;
            word-spacing: -.35vw;
            color: rgba(0,0,0,1.0); 
            padding-top: 2.0vw;
            margin-bottom: 2.5vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .robkell-10000-copy p {
            font-size: 5.5vw;
            line-height: 1.34;
            letter-spacing: 0vw;
            word-spacing: -.2vw;
            color: rgba(0,0,0,0.75); 
            padding-top: 2.0vw;
            margin-bottom: 1.0vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .robkell-10000-copy p {
            font-size: 5.5vw;
            line-height: 1.34;
            letter-spacing: 0vw;
            word-spacing: -.2vw;
            color: rgba(0,0,0,0.75); 
            padding-top: 2.0vw;
            margin-bottom: 1.0vw;
            padding-left: 1vw; } }

.robkell-nav p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    /*font-size: .65vw;
    line-height: 4.0;
    text-align: center;
    text-transform: uppercase;*/
    font-size: 1vw;
    line-height: 2.0;
    text-align: center;
    text-transform: none;
    padding-top: 0vw;
    padding-left: .1vw;
    margin: 0 0 0 0;
    /*letter-spacing: 6px;
    word-spacing: -3px;*/
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    color: #9e9894; }

    @media only screen and (max-width: 375px) { 
        .robkell-nav p {
            font-size: 10px;
            line-height: 4.5; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .robkell-nav p {
            font-size: 8px;
            line-height: 4.0; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .robkell-nav p {
         line-height: 4.0; } }

#home-one {
    background: transparent;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center; 
    box-shadow: inset 0px -55px 55px -44px rgba(0,0,0,0.44); }

.home-one-inner {
    margin: 0 auto;  
    text-align: center;
    height: auto;
    overflow: visible;
    padding-top: 5vw;
    padding-bottom: 7vw; }

    @media only screen and (max-width: 375px) { 
            .home-one-inner {
                padding-top: 10vw;
                padding-bottom: 12vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
            .home-one-inner {
                padding-top: 10vw;
                padding-bottom: 12vw; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .home-one-inner {
                padding-top: 10vw;
                padding-bottom: 7vw; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .home-one-inner {
                padding-top: 10vw;
                padding-bottom: 7vw; } }

.home-open-effect {
    animation-duration: 4s;
    animation-delay: 1s; }

.headlines-responsive h3 { 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 8.1vw;
    line-height: 0.88;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: -.2vw;
    word-spacing: -.85vw;
    color: rgba(0, 0, 0, 1.0);
    text-transform: none; }

    @media only screen and (max-width: 375px) {  
            .headlines-responsive h3 { 
                font-size: 9vw; 
                line-height: 1.0; 
                letter-spacing: -.05vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
            .headlines-responsive h3 { 
                font-size: 9vw; 
                line-height: 1.0; 
                letter-spacing: -.05vw; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .headlines-responsive h3 { 
                font-size: 9vw; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .headlines-responsive h3 { 
                font-size: 9vw; } }

        @media only screen and (min-width: 1025px) and (max-width: 1440px) {
            .headlines-responsive h3 {  
                font-size: 9vw; } }

        @media only screen and (min-width: 1441px) and (max-width: 1680px) {
            .headlines-responsive h3 {  
                font-size: 9vw;
                word-spacing: -1vw;
                letter-spacing: -.25vw;
                line-height: 0.90; } }

        @media only screen and (min-width: 1681px) and (max-width: 1940px) {
            .headlines-responsive h3 { 
                font-size: 9vw;
                word-spacing: -1vw;
                letter-spacing: -.25vw;
                line-height: 0.90; } }

.bighead-mobile h3 { 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 11vw;
    line-height: 0.88;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: -.2vw;
    word-spacing: -.85vw;
    color: rgba(0, 0, 0, 1.0);
    text-transform: none; }

    @media only screen and (max-width: 375px) {  
            .bighead-mobile h3 { 
                font-size: 12vw; 
                line-height: .93; 
                word-spacing: -1.0vw;
                letter-spacing: -.3vw;
                padding-top: 3vw;
                padding-bottom: 1vw; } } 

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
            .bighead-mobile h3 { 
                font-size: 12vw; 
                line-height: .93; 
                word-spacing: -1.0vw;
                letter-spacing: -.3vw;
                padding-top: 3vw;
                padding-bottom: 1vw; } } 

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .bighead-mobile h3 { 
                font-size: 11vw; 
                line-height: .93; 
                word-spacing: -1.0vw;
                letter-spacing: -.3vw; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .bighead-mobile h3 { 
                font-size: 11vw; 
                line-height: .93; 
                word-spacing: -1.0vw;
                letter-spacing: -.3vw; } }

.headlines-credit {
    padding-top: 2vw; }
    
.headlines-credit h6 { 
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 4.0;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 0 0;
    letter-spacing: 7px;
    word-spacing: -4px;
    color: #7e7874; }

    @media only screen and (max-width: 375px) { 
            .headlines-credit h6 { 
                font-size: 7.5px;
                letter-spacing: 5px;
                line-height: 4; } } 

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
            .headlines-credit h6 { 
                font-size: 7.5px;
                letter-spacing: 5px;
                line-height: 4; } } 

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .headlines-credit h6 { 
                font-size: 12px;
                line-height: 4; } } 

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .headlines-credit h6 { 
                font-size: 13px;
                line-height: 4; } } 

.headlines-block {
    padding-top: 5vw; }

    @media only screen and (max-width: 375px) { 
        .headlines-block { 
                padding-top: 9vw; } } 

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .headlines-block { 
                padding-top: 9vw; } } 

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .headlines-block { 
                padding-top: 8vw; } }

.Detail {
    font-family: "Chronicle SSm A", "Chronicle SSm B";
    font-weight: 300;
    font-style: italic;
    text-align: center;
    font-size: 15px;
    line-height: 3;
    color: #7e7874;
    text-transform: none;
    letter-spacing: .8px;
    word-spacing: -.5px; }

        @media only screen and (max-width: 375px) { 
            .Detail { 
                font-size: 11px;
                line-height: 2;
                color: #7e7874; } }

        @media only screen and (min-width: 376px) and (max-width: 599px) { 
            .Detail { 
                font-size: 11px;
                line-height: 2;
                color: #7e7874; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .Detail { 
                font-size: 15px;
                line-height: 2;
                color: #7e7874; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .Detail { 
                font-size: 16px;
                line-height: 2;
                color: #7e7874; } }

.trademark-block {
    position: relative;
    margin: 0 auto;
    margin-top: 4.5vw;
    margin-bottom: 2.5vw;
    width: 40vw;
    height: 40vw;
    transition: 2.0s ease;
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.50); }

    @media only screen and (max-width: 375px) { 
        .trademark-block {
            margin-top: 4.5vw;
            margin-bottom: 3vw;
            width: 65vw;
            height: 65vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .trademark-block {
            margin-top: 4.5vw;
            margin-bottom: 3vw;
            width: 65vw;
            height: 65vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .trademark-block {
            margin-top: 4.5vw;
            margin-bottom: 3vw;
            width: 65vw;
            height: 65vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.44); } }

.overlay-trademark-block {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 2.0s ease;
    background-color: rgba(0, 0, 0, 1.0); }

.trademark-block:hover  .overlay-trademark-block {
    opacity: 1.0; } 

.roblines-outer {
    position: relative;
    background-color: #111;
    box-shadow: 0 55px 55px -34px rgba(0,0,0,0.7);
    text-align: center;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center; } 

.roblines-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    overflow: visible;
    padding-top: 3.0vw;
    padding-bottom: 5.0vw; }

    @media only screen and (max-width: 375px) {  
            .roblines-inner {
                padding-top: 9vw;
                padding-bottom: 12vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
            .roblines-inner {
                padding-top: 9vw;
                padding-bottom: 12vw; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .roblines-inner {
                padding-top: 10vw;
                padding-bottom: 12vw; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .roblines-inner {
                padding-top: 10vw;
                padding-bottom: 12vw; } }

.roblines-outer h3 {
    color: #fff;
    line-height: .96; }

    @media only screen and (max-width: 375px) { 
            .roblines-outer h3 {
                letter-spacing: .08vw;
                line-height: 1; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
            .roblines-outer h3 {
                letter-spacing: .08vw;
                line-height: 1; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .roblines-outer h3 {
                letter-spacing: 0vw;
                line-height: .87; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .roblines-outer h3 {
                letter-spacing: 0vw;
                line-height: .87; } }

.archive-details h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 4.0;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 0 0;
    letter-spacing: .3vw;
    word-spacing: -.15vw;
    color: #fff;
    filter: drop-shadow(2px 3px 3px rgba(0,0,0,0.65)); }

    @media only screen and (max-width: 375px) { 
            .archive-details h6 {
                font-size: 11.5px;
                letter-spacing: .65vw;
                padding-bottom: 1vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
            .archive-details h6 {
                font-size: 11.5px;
                letter-spacing: .65vw;
                padding-bottom: 1vw; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .archive-details h6 {
                font-size: 12px;
                letter-spacing: .65vw; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) { 
            .archive-details h6 {
                font-size: 12px;
                letter-spacing: .65vw; } }

        @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
            .archive-details h6 {
                font-size: 14px;
                letter-spacing: .5vw; } }

        @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
            .archive-details h6 {
                font-size: 14.5px; } }

        @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
            .archive-details h6 {
                font-size: 15px; } }

        @media only screen and (min-width: 1681px) and (max-width: 1940px) { }

.view h5 {
    margin: 3em 0 1em 0; }

.view h6 {
    margin: 3em 0 1em 0; }

.headlines-peace-container {
    background: transparent;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0px -55px 55px -44px rgba(0,0,0,0.44); }

    @media only screen and (max-width: 1024px) {
        .headlines-peace-container {
            background: #fff; } }

.headlines-inner-container {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    overflow: visible;
    padding-top: 5vw;
    padding-bottom: 7vw;
    -webkit-animation-duration: 4s; 
    -moz-animation-duration: 4s;
    -ms-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s; }

    @media only screen and (max-width: 375px) { 
            .headlines-inner-container  {
                padding-top: 8vw;
                padding-bottom: 10vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
            .headlines-inner-container  {
                padding-top: 8vw;
                padding-bottom: 10vw; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .headlines-inner-container {
                padding-top: 7vw; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .headlines-inner-container {
                padding-top: 7vw; } }

.headlines-kindly-container {
    background: transparent;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0px -55px 55px -44px rgba(0,0,0,0.44); }

.archive-view {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0;
    padding-top: 2vw;
    padding-right: .3vw; }

button {
    padding: 0;
    position: relative;
    width: 110px;
    height: 50px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5em;
    background: none;
    border: none;
    outline: none;
    webkit-tap-highlight-color: transparent;
    color: #cec8c4;
    overflow: hidden;
    cursor: pointer;
    align-self: center;
    text-align: center;
    -webkit-transition: all .5s linear; 
    -moz-transition: all .5s linear; 
    -ms-transition: all .5s linear; 
    -o-transition: all .5s linear; 
    transition: all .5s linear; }

    @media only screen and (max-width: 375px) {
            button {
                width: 90px;
                height: 42px;
                font-size: 11px;
                margin-top: 2.5vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
            button {
                width: 90px;
                height: 42px;
                font-size: 11px;
                margin-top: 2.5vw; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            button {
                width: 90px;
                height: 42px;
                font-size: 11px;
                margin-top: 1.5vw; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            button {
                width: 90px;
                height: 42px;
                font-size: 11px; } }

button:hover {
    color: #2d2b29;
    box-shadow: 0 8px 13px rgba(0, 0, 0, 0.15); }

.button__layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 50px;
    border: 6px solid #cec8c4;
    transition: 0.75s; }

    @media only screen and (max-width: 375px) { 
            .button__layer {
                width: 90px;
                height: 42px;
                font-size: 11px;
                border: 5px solid #cec8c4; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
            .button__layer {
                width: 90px;
                height: 42px;
                font-size: 11px;
                border: 5px solid #cec8c4; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .button__layer {
                width: 90px;
                height: 42px;
                font-size: 11px;
                border: 5px solid #cec8c4; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .button__layer {
                width: 90px;
                height: 42px;
                font-size: 11px;
                border: 5px solid #cec8c4; } }

        @media only screen and (max-width: 375px) {
            .button__layer:hover {
                border: 5px solid #2d2b29; } }

        @media only screen and (min-width: 376px) and (max-width: 599px) { 
            .button__layer:hover {
                border: 5px solid #2d2b29; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .button__layer:hover {
                border: 5px solid #2d2b29; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .button__layer:hover {
                border: 5px solid #2d2b29; } }

.button__mask {
    border: none;
    overflow: hidden;
    transform: translated(-100%, 0, 0); }

.headlines-articulate-container {
    background: transparent;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0px -55px 55px -44px rgba(0,0,0,0.44); }

.headlines-responsive-tight h3 { 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 8.1vw;
    line-height: 0.85;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: -.2vw;
    word-spacing: -1.0vw;
    color: rgba(0, 0, 0, 1.0);
    text-transform: none; }

        @media only screen and (max-width: 375px) {  
            .headlines-responsive-tight h3 { 
                font-size: 9vw; 
                line-height: .90; 
                letter-spacing: -.05vw; } }

        @media only screen and (min-width: 376px) and (max-width: 599px) {  
            .headlines-responsive-tight h3 { 
                font-size: 9vw; 
                line-height: .90; 
                letter-spacing: -.05vw; } }

        @media only screen and (min-width: 600px) and (max-width: 1280px) {
            .headlines-responsive-tight h3 { 
                font-size: 9vw;
                line-height: .90;  } }

        @media only screen and (min-width: 1281px) and (max-width: 1440px) {
            .headlines-responsive-tight h3 {  
                font-size: 9vw; } }

        @media only screen and (min-width: 1441px) and (max-width: 1680px) {
            .headlines-responsive-tight h3 {  
                font-size: 9vw; } }

        @media only screen and (min-width: 1681px) and (max-width: 1940px) {
            .headlines-responsive-tight h3 { 
                font-size: 9vw;
                line-height: 0.84; } }

#robkell-outer-lower {
    margin: 0 0;
    height: calc(100vh - 4.25em);
    background: #000;
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.50); }

        @media only screen and (max-width: 375px) {  
            #robkell-outer-lower {
                height: auto;
                box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

        @media only screen and (min-width: 376px) and (max-width: 599px) {  
            #robkell-outer-lower {
                height: auto;
                box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

        @media only screen and (min-width: 600px) and (max-width: 768px) {
            #robkell-outer-lower {
                height: auto;
                box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            #robkell-outer-lower {
                height: auto;
                box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

.robkell-open-grid-left-lower {
    background: url("https://www.robkell.com/images/ten_thousand_black_2560_head_match-01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    position: relative;
    z-index: 333333;
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.50); }

        @media only screen and (max-width: 375px) {  
            .robkell-open-grid-left-lower {
                height: 130vw;
                background: url("https://www.robkell.com/images/rob_10000_small_phone-01.svg");
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                margin: 0 auto;
                box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.50); } }

        @media only screen and (min-width: 376px) and (max-width: 599px) {  
            .robkell-open-grid-left-lower {
                height: 160vw;
                background: url("https://www.robkell.com/images/rob_10000_large_phone-01.svg");
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                margin: 0 auto;
                box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.50); } }

        @media only screen and (min-width: 600px) and (max-width: 768px) {
            .robkell-open-grid-left-lower {
                height: 120vw;
                background: url("https://www.robkell.com/images/ten_thousand_black_tablets_head_match-01.svg");
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                margin: 0 auto;
                box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.50); } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .robkell-open-grid-left-lower {
                height: calc(130vw - 4.25em);
                background: url("https://www.robkell.com/images/ten_thousand_black_tablets_head_match-01.svg");
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                margin: 0 auto;
                box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.50); } }

        @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
            .robkell-open-grid-left-lower {
                height: calc(100vh - 4.25em);
                background: url("https://www.robkell.com/images/ten_thousand_black_1025_1940_new_head_match-01.svg");
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                margin: 0 auto;
                box-shadow: 0 44px 44px -34px rgba(0,0,0,0.34); } }

.robkell-open-grid-right-lower {
    background-color: #f4f2ee;
    position: relative;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1vw;
    padding-top: .75vw; }

    @media only screen and (max-width: 375px) {  
        .robkell-open-grid-right-lower {
            height: 44vh;
            background-color: #f4f2ee;
            padding-top: .5vw;
            padding-bottom: 3vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.50); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .robkell-open-grid-right-lower {
            height: 44vh;
            background-color: #f4f2ee;
            padding-top: .5vw;
            padding-bottom: 3vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.50); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .robkell-open-grid-right-lower {
            height: 44vh;
            background-color: #f4f2ee;
            padding-top: .5vw;
            padding-bottom: 3vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.50); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .robkell-open-grid-right-lower {
            height: auto;
            background-color: #f4f2ee;
            padding-top: 10vw;
            padding-bottom: 10vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.50); } }

.robkell-linkedin-icon {
    width: 32px;
    height: 32px;
    padding-top: .75vw;
    padding-left: .2vw;
    margin: 0 auto;
    opacity: 1.0; }

    @media only screen and (max-width: 375px) { 
        .robkell-linkedin-icon {
            width: 24px;
            height: 24px;
            padding-top: 3vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .robkell-linkedin-icon {
            width: 24px;
            height: 24px;
            padding-top: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .robkell-linkedin-icon {
            width: 32px;
            height: 32px;
            padding-top: 1.5vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .robkell-linkedin-icon {
            width: 32px;
            height: 32px;
            padding-top: 1.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .robkell-linkedin-icon {
            width: 32px;
            height: 32px;
            padding-top: 1vw;
            padding-left: .2vw;
            margin: 0 auto;
            opacity: 1.0; } }

.robkell-linkedin-icon:hover {
    opacity: .5; 
    -webkit-transition:all .5s ease-in-out; 
    -moz-transition:all .5s ease-in-out; 
    -ms-transition:all .5s ease-in-out; 
    -o-transition:all .5s ease-in-out; 
    transition:all .5s ease-in-out; }

.headlines-ayfkm-container {
    background: transparent;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0px -55px 55px -44px rgba(0,0,0,0.44); }

.icon-enlarge {
    width: 28px;
    margin: 0 auto; 
    -webkit-transition-duration: 0.3s linear;
    -moz-transition-duration: 0.3s linear;
    -ms-transition-duration: 0.3s linear;
    -o-transition-duration: 0.3s linear;
    transition: 0.3s linear;
    padding-top: .5vw; }

    @media only screen and (max-width: 375px) {  
        .icon-enlarge {
            width: 21px;
            padding-top: 1.5vw;
            padding-bottom: 3.5vw;
            opacity: 0.75; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .icon-enlarge {
            width: 21px;
            padding-top: 1.5vw;
            padding-bottom: 3.5vw;
            opacity: 0.75; } }

.icon-enlarge:hover {
    opacity: .65; 
    -webkit-transition-duration: 0.3s linear;
    -moz-transition-duration: 0.3s linear;
    -ms-transition-duration: 0.3s linear;
    -o-transition-duration: 0.3s linear;
    transition: 0.3s linear; }

.archive-details {
    background-color: #282828;
    box-shadow: 0 28px 34px rgba(0, 0, 0, 0.34);
    margin: 0 0;
    padding-top: 3vw;
    padding-bottom: 6vw;
    justify-content: center;
    align-items: center;
    -webkit-animation-duration: 2s; 
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s; }

        @media only screen and (max-width: 375px) {   
            .archive-details {
                padding-top: 3vw;
                padding-bottom: 12vw; } }

        @media only screen and (min-width: 376px) and (max-width: 599px) {   
            .archive-details {
                padding-top: 3vw;
                padding-bottom: 12vw; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .archive-details {
                padding-top: 3vw;
                padding-bottom: 10vw; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .archive-details {
                padding-top: 3vw;
                padding-bottom: 10vw; } }

        @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
            .archive-details {
                padding-top: 5vw;
                padding-bottom: 8vw; } }

.inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    overflow: visible;
    padding-top: 5vh;
    -webkit-animation-duration: 4s; 
    -moz-animation-duration: 4s;
    -ms-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s; }

.headlines-espresso-container {
    background: transparent;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0px -55px 55px -44px rgba(0,0,0,0.44); }

.headlines-hobie-container {
    background: transparent;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0px -55px 55px -44px rgba(0,0,0,0.44); }

.headlines-vega-container {
    background: transparent;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0px -55px 55px -44px rgba(0,0,0,0.44); }

.headlines-outer-container {
    background: transparent;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0px -55px 55px -44px rgba(0,0,0,0.44); }

.verbal-rob-outer {
    margin: 0 0;
/*    background: rgba(109,143,162,1.0);*/
background: rgba(237,110,27,1.0);
    position: relative;
    box-shadow: 0 2.5vw 4.0vw -1vw rgba(0,0,0,0.5);
    z-index: 111111;
    height: auto;
    padding-top: 3.5vw;
    padding-bottom: 3.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }

    @media only screen and (max-width: 375px) {
        .verbal-rob-outer {
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-top: 16vw;
            padding-bottom: 16vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .verbal-rob-outer {
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-top: 16vw;
            padding-bottom: 16vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .verbal-rob-outer {
            position: relative;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-left: 0vw;
            padding-top: 7vw;
            padding-bottom: 7vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .verbal-rob-outer {
            position: relative;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55);
            height: auto;
            padding-left: 0vw;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

.throwbacks-image-masthead-blue {
    padding-top: 0vw;
    width: 73vw;
    height: auto;
    z-index: 999999; }

/*.overlay-throwbacks-image-masthead-blue {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: rgba(109,143,162,1.0);
    transition: 1.0s ease; }

.throwbacks-image-masthead-blue:hover  .overlay-throwbacks-image-masthead-blue {
    opacity: 1.0; }*/

/* // Verbal Rob / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */




/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Local Work / 2024 */

.mlf-open-grid-left {
    background: #000;
    position: relative;
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    z-index: 333333;
    box-shadow: 1vw 0 2vw -.75vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 375px) {  
        .mlf-open-grid-left { 
            height: auto; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .mlf-open-grid-left { 
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-open-grid-left { 
            height: auto; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .mlf-open-grid-left { 
            height: auto; } }

.mlf-index-hero-image {
    width: 45vw;
    height: auto;
    margin: 0 auto;
    position: relative;
    transition: 1s ease; }

.goodness-image-outer-tablet {
    margin: 0 0;
    background: #000;
    height: auto;
    box-shadow: 0 3vw 3.5vw -1vw rgba(0,0,0,0.80);
    z-index: 888888; }

    @media only screen and (max-width: 375px) {  
        .goodness-image-outer-tablet {
            height: auto;
            padding-top: 11vw;
            padding-bottom: 11vw;
            margin-bottom: 12vw;
            background: #000;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .goodness-image-outer-tablet {
            height: auto;
            padding-top: 11vw;
            padding-bottom: 11vw;
            margin-bottom: 12vw;
            background: #000;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .goodness-image-outer-tablet {
            height: auto;
            padding-top: 7vw;
            padding-bottom: 7vw;
            margin-bottom: 5vw;
            background: #000;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .goodness-image-outer-tablet {
            height: auto;
            padding-top: 7vw;
            padding-bottom: 7vw;
            margin-bottom: 5vw;
            background: #000;
            z-index: 888888;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.65); } }

.exponential-image-tablet {
    margin: 0 auto;
    width: 89vw;
    height: auto; }

    @media only screen and (max-width: 375px) {
        .exponential-image-tablet {
            margin: 0 auto;
            width: 82vw;
            height: auto; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .exponential-image-tablet {
            margin: 0 auto;
            width: 82vw;
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .exponential-image-tablet {
            margin: 0 auto;
            width: 71vw;
            height: auto; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .exponential-image-tablet {
            margin: 0 auto;
            width: 71vw;
            height: auto; } } 

.mlf-open-grid-right {
    margin: 0 auto;
    height: calc(100vh - 4.25em);
    text-align: center;
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: .5vw;
    background: transparent; }

    @media only screen and (max-width: 375px) { 
        .mlf-open-grid-right {
            height: auto;
            padding-bottom: 6vw;
            background: transparent;
            z-index: 111111; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mlf-open-grid-right {
            height: auto;
            padding-bottom: 6vw;
            background: transparent;
            z-index: 111111; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-open-grid-right {
            height: auto;
            padding-bottom: 7vw;
            padding-left: 0vw;
            background: transparent;
            z-index: 111111; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .mlf-open-grid-right {
            height: auto;
            padding-bottom: 7vw;
            padding-left: 0vw;
            background: transparent;
            z-index: 111111; } }

#slideshow { 
    margin: 0 auto; 
    position: relative; 
    width: 711px; 
    height: 400px; 
    margin-bottom: 1.5vw;
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.6);
    transition: 1s ease; }

    @media only screen and (max-width: 375px) { 
        #slideshow { 
            width: 85vw; 
            height: 47.8vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        #slideshow { 
            width: 85vw; 
            height: 47.8vw;
            margin-bottom: .2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        #slideshow { 
            width: 520px; 
            height: 292px;
            margin-bottom: 0vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {  
        #slideshow { 
            width: 600px; 
            height: 336px;
            margin-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        #slideshow { 
            width: 450px; 
            height: 252px; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        #slideshow { 
            width: 540px; 
            height: 303px;
            margin-top: .5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        #slideshow { 
            width: 600px; 
            height: 337px; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        #slideshow { 
            width: 640px; 
            height: 360px; } }

#slideshow > div { 
    position: absolute; }

#slideshow:hover {
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.8); } 

#indexshow { 
    margin: 0 auto; 
    position: relative; 
    width: 800px; 
    height: 450px; 
    margin-top: .8vw;
    box-shadow: 0 1.5vw 3vw -.5vw rgba(0,0,0,0.55);
    transition: 1s ease; }

    @media only screen and (max-width: 599px) { 
        #indexshow { 
            width: 85vw; 
            height: 47.8vw;
            margin-bottom: .2vw;
            box-shadow: 0 2.5vw 5vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        #indexshow { 
            width: 600px; 
            height: 336px;
            margin-bottom: 0vw;
            box-shadow: 0 2.5vw 5vw -.5vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        #indexshow { 
            width: 450px; 
            height: 252px; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        #indexshow { 
            width: 540px; 
            height: 303px;
            margin-top: 1vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        #indexshow { 
            width: 600px; 
            height: 337px; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        #indexshow { 
            width: 640px; 
            height: 360px; } }

#indexshow > div { 
    position: absolute; }

#indexshow:hover {
    box-shadow: 0 1vw 2vw -.5vw rgba(0,0,0,0.7); } 

.vehicle-details {
    margin: 0 auto;
    text-align: center;
    height: auto;
    padding-top: 0vw;
    padding-bottom: 0vw; }

    @media only screen and (max-width: 375px) {
        .vehicle-details {
            margin: 0 auto;
            text-align: center;
            height: auto;
            padding-top: 4vw;
            padding-bottom: 4vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .vehicle-details {
            margin: 0 auto;
            text-align: center;
            height: auto;
            padding-top: 4vw;
            padding-bottom: 4vw; } }

.vehicle-details p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: center;
    font-size: 2.1vw;
    line-height: 1.44;
    letter-spacing: 0vw;
    word-spacing: -.15vw;
    padding-top: .75vw;
    margin: 0 0 0 0;
    color: rgba(0, 0, 0,.75); }

    @media only screen and (max-width: 375px) {
        .vehicle-details p {
            font-size: 4.5vw;
            line-height: 1.8;
            padding-top: 2.5vw;
            color: rgba(0, 0, 0, 1.0); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .vehicle-details p {
            font-size: 4.5vw;
            line-height: 1.8;
            padding-top: 2vw;
            color: rgba(0, 0, 0, 1.0); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .vehicle-details p {
            font-size: 4.25vw;
            line-height: 1.6;
            padding-top: 4vw;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .vehicle-details p {
            font-size: 4.25vw;
            line-height: 1.6;
            padding-top: 4vw;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .vehicle-details p {
            font-size: 2.1vw;
            line-height: 1.44;
            word-spacing: -.1vw; } }

.mlf-logo-image {
    margin: 0 auto;
    text-align: center;
    width: 5vw;
    padding-top: 1vw;
    height: auto; }

    @media only screen and (max-width: 375px) { 
        .mlf-logo-image {
            width: 15vw;
            padding-top: 1vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mlf-logo-image {
            width: 15vw;
            padding-top: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-logo-image {
            width: 12vw;
            padding-top: 1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mlf-logo-image {
            width: 12vw;
            padding-top: 1vw; } }

.delivering-horizontal-outer {
    margin: 0 0;
    background: #2d2b29; 
    z-index: 555555;
    padding: 4.5vw 13vw;
    box-shadow: 0 2.0vw 2.5vw -1vw rgba(0,0,0,0.75); }

    @media only screen and (max-width: 375px) { 
        .delivering-horizontal-outer {
            background: #2d2b29; 
            height: auto;
            padding: 10vw 6vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.6); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .delivering-horizontal-outer {
            background: #2d2b29; 
            height: auto;
            padding: 10vw 6vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.6); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .delivering-horizontal-outer {
            background: #2d2b29; 
            height: auto;
            padding: 10vw 6vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.6); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .delivering-horizontal-outer {
            background: #2d2b29; 
            height: auto;
            padding: 8vw 6vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.6); } }

.delivering-horizontal-image {
    width: 100%;
    height: auto; }

.mlf-wrapper-upper-outer-white {
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.5);
    background: transparent;
    z-index: 111111;
    border-right-style: solid;
    border-left-style: solid; }

    @media only screen and (max-width: 375px) {
        .mlf-wrapper-upper-outer-white {
            box-shadow: 0 44px 44px -34px rgba(0,0,0,0.34);
            border-width: 0vw;
            background: transparent;
            border-right-style: solid;
            border-left-style: solid; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .mlf-wrapper-upper-outer-white {
            box-shadow: 0 44px 44px -34px rgba(0,0,0,0.34);
            border-width: 0vw;
            background: transparent;
            border-right-style: solid;
            border-left-style: solid; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-wrapper-upper-outer-white {
            box-shadow: 0 44px 44px -34px rgba(0,0,0,0.34);
            border-width: 0vw;
            background: transparent;
            border-right-style: solid;
            border-left-style: solid; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mlf-wrapper-upper-outer-white {
            box-shadow: 0 44px 44px -34px rgba(0,0,0,0.34);
            border-width: 0vw;
            background: transparent;
            border-right-style: solid;
            border-left-style: solid; } }

.mlf-wrapper-inner-white {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    overflow: visible;
    z-index: 111111;
    padding-top: 0vw;
    padding-bottom: 5.0vw; }

    @media only screen and (max-width: 375px) { 
        .mlf-wrapper-inner-white {
            padding-top: 5vw;
            padding-bottom: 8.0vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mlf-wrapper-inner-white {
            padding-top: 10vw;
            padding-bottom: 10.0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-wrapper-inner-white {
            padding-top: 3vw;
            padding-bottom: 8.0vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mlf-wrapper-inner-white {
            padding-top: 3vw;
            padding-bottom: 8.0vw; } }

.mlf-story-head {
    padding-top: 3.5vw;
    padding-bottom: 2.0vw; }

.mlf-story-head h6 {
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 6.5vw;
    line-height: .75;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 0 0;
    letter-spacing: -.2vw;
    word-spacing: -.4vw;
    color: rgba(0, 0, 0, 1.0); }

    @media only screen and (max-width: 375px) { 
        .mlf-story-head h6 {
            font-size: 10.5vw;
            line-height: .79;
            letter-spacing: -.25vw;
            word-spacing: -1vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mlf-story-head h6 {
            font-size: 10.5vw;
            line-height: .79;
            letter-spacing: -.25vw;
            word-spacing: -1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-story-head h6 {
            font-size: 10vw;
            letter-spacing: -.2vw;
            word-spacing: -.5vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .mlf-story-head h6 {
            font-size: 10vw;
            letter-spacing: -.2vw;
            word-spacing: -.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .mlf-story-head h6 {
            font-size: 8vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .mlf-story-head h6 {
            font-size: 8vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .mlf-story-head h6 {
            font-size: 7.25vw; } }

.mlf-bigger-longform p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: center;
    font-size: 2.5vw;
    line-height: 1.5;
    letter-spacing: -.032vw;
    word-spacing: -.05vw;
    color: rgba(0, 0, 0, 0.65); 
    margin-top: 0;
    margin-bottom: 0; }

    @media only screen and (max-width: 375px) {
        .mlf-bigger-longform p {
            font-size: 4.25vw; 
            line-height: 2;
            letter-spacing: 0vw;
            color: rgba(0, 0, 0, 1.0);
            margin-top: 1vw;
            padding-bottom: 2vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .mlf-bigger-longform p {
            font-size: 4.25vw; 
            line-height: 2;
            letter-spacing: 0vw;
            color: rgba(0, 0, 0, 1.0);
            margin-top: 1vw;
            padding-bottom: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .mlf-bigger-longform p {
            font-size: 4.0vw; 
            line-height: 1.7;
            margin-top: 1vw;
            letter-spacing: 0vw;
            color: rgba(0, 0, 0, 0.7); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mlf-bigger-longform p {
            font-size: 4.0vw; 
            line-height: 1.6;
            letter-spacing: 0vw; 
            margin-top: 1vw;
            margin-bottom: 2vw;
            color: rgba(0, 0, 0, 0.7);  } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .mlf-bigger-longform p {
            font-size: 2.35vw;
            line-height: 1.62; } }

.goodness-margin {
    width: 38vw; 
    height: 100%;
    margin: 0 auto;
    margin-top: 1.0vw;
    margin-bottom: 2vw;
    text-align: center;
    box-shadow: 0 2.0vw 3.5vw -1vw rgba(0,0,0,0.70); }

    @media only screen and (max-width: 375px) { 
        .goodness-margin {
            width: 70vw;
            margin-bottom: 4vw; } } 

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .goodness-margin {
            width: 70vw;
            margin-bottom: 4vw; } } 

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .goodness-margin {
            width: 59vw;
            margin-top: 3.5vw;
            margin-bottom: 3.0vw;
            box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.70); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .goodness-margin {
            width: 59vw;
            margin-top: 3.5vw;
            margin-bottom: 3.0vw;
            box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,0.70); } }

.mlf-details p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: italic;
    text-align: center;
    font-size: 1.5vw;
    line-height: 1.62;
    letter-spacing: .5px;
    word-spacing: 0;
    margin: 0 0 0 0;
    margin-top: .5vw;
    color: rgba(0, 0, 0, 0.8); }

    @media only screen and (max-width: 375px) {
        .mlf-details p {
            font-size: 4vw;
            line-height: 2.3;
            letter-spacing: .2px;
            color: rgba(0, 0, 0, 1.0); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .mlf-details p {
            font-size: 4vw;
            line-height: 2.3;
            letter-spacing: .2px;
            color: rgba(0, 0, 0, 1.0); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-details p {
            font-size: 3vw;
            line-height: 1.65;
            color: rgba(0, 0, 0, .8); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mlf-details p {
            font-size: 3vw;
            line-height: 1.65;
            color: rgba(0, 0, 0, .8); } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .mlf-details p {
            font-size: 1.8vw;
            line-height: 2; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .mlf-details p {
            font-size: 1.4vw;
            line-height: 1.75; } }

.mlf-wrapper-outer-white {
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.34); }

.mlf-wrapper-inner-white-ampersand {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    overflow: visible;
    padding-top: 0vw;
    padding-bottom: 5.0vw; }

    @media only screen and (max-width: 375px) { 
        .mlf-wrapper-inner-white-ampersand {
            padding-top: 6vw;
            padding-bottom: 10vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mlf-wrapper-inner-white-ampersand {
            padding-top: 10vw;
            padding-bottom: 10vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-wrapper-inner-white-ampersand {
            padding-top: 3vw;
            padding-bottom: 8.0vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mlf-wrapper-inner-white-ampersand {
            padding-top: 3vw;
            padding-bottom: 8.0vw; } }

.mlf-2spot-grid-holder {
    margin: 0 0;
    text-align: center;
    z-index: 888;
    display: flex;
    justify-content: center;
    align-items: center; }

.mlf-2spot-grid-holder-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: 1vw;
    padding-bottom: 1vw; }

    @media only screen and (max-width: 375px) { 
        .mlf-2spot-grid-holder-inner {
            padding-top: 5vw;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mlf-2spot-grid-holder-inner {
            padding-top: 5vw;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-2spot-grid-holder-inner {
            padding-top: 2vw;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .mlf-2spot-grid-holder-inner {
            padding-top: 2vw;
            padding-bottom: 1vw; } }
 
@supports (display: grid) {
    .mlf-2spot {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2vw; } }

    @media only screen and (max-width: 375px) { 
        @supports (display: grid) {
            .mlf-2spot {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 3vw; } } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        @supports (display: grid) {
            .mlf-2spot {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 3vw; } } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        @supports (display: grid) {
            .mlf-2spot {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 3vw; } } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        @supports (display: grid) {
            .mlf-2spot {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 3vw; } } }

.mlf-2spot > div {
    flex: 1; }

.mlf-2spot section {
    width: 26vw;
    height: auto;
    padding: 0 0 0 0;
    transition: 1s ease; }

    @media only screen and (max-width: 375px) { 
        .mlf-2spot section { 
            width: 75vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mlf-2spot section { 
            width: 75vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-2spot section { 
            width: 37vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .mlf-2spot section { 
            width: 37vw; } }

.mlf-2spot-block {
    position: relative;
    margin: 0 auto;
    width: 26w;
    height: auto;
    padding-top: 3vw;
    padding-bottom: 3vw;
    background-color: #f4f2ee;
    border: 1px solid #e1e1e1;
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.5);
    margin-bottom: 2vw;
    transition: 1s ease; }

    @media only screen and (max-width: 375px) { 
        .mlf-2spot-block { 
            width: 75vw;
            padding-top: 5vw;
            padding-bottom: 5vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mlf-2spot-block { 
            width: 75vw;
            padding-top: 5vw;
            padding-bottom: 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-2spot-block { 
            width: 37vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .mlf-2spot-block { 
            width: 37vw; } }

.mlf-2spot-block:hover {
     box-shadow: 0 34px 38px rgba(0, 0, 0, 0.40);
     border: 1px solid #d3d3d3;
     background-color: #ffff; }

.headlines-mlf h3 { 
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 3.5vw;
    line-height: 0.88;
    text-align: center;
    margin: 0 0;
    margin-top: 1vw;
    margin-bottom: 1vw;
    letter-spacing: -.2vw;
    word-spacing: -.5vw;
    color: rgba(0, 0, 0, 1.0);
    text-transform: none; }

        @media only screen and (max-width: 375px) { 
            .headlines-mlf h3 { 
                font-size: 9vw;
                margin-top: 2vw;
                margin-bottom: 3vw; } }

        @media only screen and (min-width: 376px) and (max-width: 599px) { 
            .headlines-mlf h3 { 
                font-size: 9vw;
                margin-top: 2vw;
                margin-bottom: 3vw; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            .headlines-mlf h3 { 
                font-size: 4.5vw;
                margin-top: 2vw;
                margin-bottom: 2vw; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) { 
            .headlines-mlf h3 { 
                font-size: 4.5vw;
                margin-top: 2vw;
                margin-bottom: 2vw; } }

        @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            .headlines-mlf h3 { 
                font-size: 3.3vw; } }

        @media only screen and (min-width: 1281px) and (max-width: 1440px) {
            .headlines-mlf h3 {  
                font-size: 3.3vw; } }

        @media only screen and (min-width: 1441px) and (max-width: 1680px) {
            .headlines-mlf h3 {  
                font-size: 3.5vw; } }

.mlf-captions p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: italic;
    text-align: center;
    font-size: 1.5vw;
    line-height: 1.62;
    letter-spacing: .5px;
    word-spacing: 0;
    margin: 0 0 0 0;
    margin-top: .5vw;
    color: rgba(0, 0, 0, 0.8); }

    @media only screen and (max-width: 375px) {
        .mlf-captions p {
            font-size: 4vw;
            line-height: 1.5;
            letter-spacing: .2px;
            padding-top: .5vw;
            padding-bottom: 2vw;
            color: rgba(0, 0, 0, 1.0); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .mlf-captions p {
            font-size: 4vw;
            line-height: 1.5;
            letter-spacing: .2px;
            padding-top: .5vw;
            padding-bottom: 2vw;
            color: rgba(0, 0, 0, 1.0); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-captions p {
            font-size: 2.25vw;
            line-height: 1.6;
            padding-top: .75vw;
            color: rgba(0, 0, 0, 1.0); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mlf-captions p {
            font-size: 2.25vw;
            line-height: 1.6;
            padding-top: .75vw;
            color: rgba(0, 0, 0, 1.0); } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .mlf-captions p {
            font-size: 1.4vw;
            line-height: 2; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .mlf-captions p {
            font-size: 1.4vw;
            line-height: 1.75; } }

.mlf-wrapper-outer-fffcf5 {
    margin: 0 0;
    background: #f4f2ee;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.34); }

#signshow { 
    margin: 0 auto; 
    position: relative; 
    width: 800px; 
    height: 450px; 
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); }

    @media only screen and (max-width: 375px) {
        #signshow { 
            margin-top: 3vw;
            margin-bottom: 3.5vw;
            width: 350px; 
            height: 196.875px; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        #signshow { 
            margin-top: 4vw;
            margin-bottom: 4.5vw;
            width: 400px; 
            height: 225px; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        #signshow { 
            width: 500px; 
            height: 282px;
            margin-top: 2vw;
            margin-bottom: 2vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {  
        #signshow { 
            width: 700px; 
            height: 394px;
            margin-top: 2vw;
            margin-bottom: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        #signshow { 
            width: 600px; 
            height: 337px; } }

#signshow > div { 
    position: absolute; }

.mlf-story-under h6 {
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 7vw;
    line-height: .75;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 0 0;
    letter-spacing: -.2vw;
    word-spacing: -.4vw;
    color: rgba(0, 0, 0, 1.0); }

    @media only screen and (max-width: 375px) { 
        .mlf-story-under h6 {
            font-size: 10.5vw;
            line-height: .84;
            letter-spacing: -.25vw;
            word-spacing: -1vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mlf-story-under h6 {
            font-size: 10.5vw;
            line-height: .84;
            letter-spacing: -.25vw;
            word-spacing: -1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-story-under h6 {
            font-size: 10vw;
            letter-spacing: -.2vw;
            word-spacing: -.5vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .mlf-story-under h6 {
            font-size: 10vw;
            letter-spacing: -.2vw;
            word-spacing: -.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .mlf-story-under h6 {
            font-size: 8vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .mlf-story-under h6 {
            font-size: 8vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .mlf-story-under h6{
            font-size: 7.25vw; } }

.mlf-story-under {
    padding-top: 2.5vw;
    padding-bottom: 1vw; }

hr.little-equal {
    width: 106px;
    text-align: center; 
    margin: 0 auto;
    margin-top: 1.625vw;
    margin-bottom: 1.625vw;
    height: 4px;
    background: url("https://www.robkell.com/images/diagonal_4_be_wider.png") repeat-x 0 0;
    border: 0; }

    @media only screen and (max-width: 375px) {
        hr.little-equal {
            width: 52px;
            margin-top: 5.25vw;
            margin-bottom: 4.25vw;
            opacity: .55; } } 

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        hr.little-equal {
            width: 52px;
            margin-top: 5.25vw;
            margin-bottom: 4.25vw;
            opacity: .55; } } 

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        hr.little-equal {
            margin-top: 3vw;
            margin-bottom: 2.5vw; } } 

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        hr.little-equal {
            margin-top: 3vw;
            margin-bottom: 2.5vw; } } 

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.little-equal {
            margin-top: 2.0vw; } }

.basic-grid-holder {
    margin: 0 0;
    text-align: center;
    z-index: 888;
    display: flex;
    justify-content: center;
    align-items: center; }

.basic-grid-holder-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: 0vw;
    padding-bottom: 0vw; }

.mlf-block { }

    @media only screen and (max-width: 375px) {
        .mlf-block {
            width: 73vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .mlf-block {
            width: 73vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-block {
            width: 73vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mlf-block {
            width: 73vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .mlf-block {
            width: 36vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1940px) { 
        .mlf-block {
            width: 33vw; } }

.mlf-shadow {
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); }

@supports (display: grid) {
    .mlf {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 3vw;
    padding: 2vw 2vw;
    grid-gap: 5.0vw; } }

    @media only screen and (max-width: 375px) {
        .mlf {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            padding: 3vw 3vw;
            grid-gap: 8.0vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .mlf {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            padding: 3vw 3vw;
            grid-gap: 8.0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .mlf {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            padding: 3vw 3vw;
            grid-gap: 8.0vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mlf {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            padding: 3vw 3vw;
            grid-gap: 8.0vw; } }

.mlf > div {
    flex: 1; }

.catering-margin {
    width: 45vw; 
    height: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 2vw;
    margin-bottom: 4vw;
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); }

    @media only screen and (max-width: 375px) { 
        .catering-margin {
            margin-top: 5vw;
            width: 73vw; } } 

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .catering-margin {
            margin-top: 5vw;
            width: 73vw; } } 

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .catering-margin {
            margin-top: 5vw;
            width: 55vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .catering-margin {
            margin-top: 5vw;
            width: 73vw; } }

.grille-margin {
    width: auto; 
    height: 100%;
    text-align: center;
    margin: 3vw 21vw 0 21vw;
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); }

    @media only screen and (max-width: 375px) { 
        .grille-margin {
            margin: 8vw 12.5vw 0 12.5vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .grille-margin {
            margin: 8vw 12.5vw 0 12.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .grille-margin {
            margin: 8vw 15vw 0 15vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .grille-margin {
            margin: 8vw 12.5vw 0 12.5vw; } }

hr.itty-bitty-under-subhead {
    width: 149px;
    text-align: center; 
    margin: 0 auto;
    margin-top: 2.75vw;
    margin-bottom: 2.75vw;
    height: 4px;
    background: url("/images/diagonal_4_be_wider.png") repeat-x 0 0;
    border: 0; }

    @media only screen and (max-width: 375px) { 
        hr.itty-bitty-under-subhead {
            margin-top: 7vw;
            margin-bottom: 7vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        hr.itty-bitty-under-subhead {
            margin-top: 3vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        hr.itty-bitty-under-subhead {
            margin-top: 5vw;
            margin-bottom: 5vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        hr.itty-bitty-under-subhead {
            margin-top: 5vw;
            margin-bottom: 5vw; } }

.mlf-group {
    height: auto;
    width: 800px;
    margin: 0 auto;
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); }

    @media only screen and (max-width: 375px) { 
        .mlf-group {
            width: 73vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mlf-group {
            width: 73vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-group {
            width: 73vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mlf-group {
            width: 73vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .mlf-group {
            width: 600px; } }

.mlf-portfolio-image {
    margin: 0 auto;
    margin-left: 25vw;
    margin-right: 25vw;
    box-shadow: 0 21px 28px rgba(0, 0, 0, 0.21); }

    @media only screen and (max-width: 375px) {
        .mlf-portfolio-image {
            margin: 0 auto;
            margin-left: 12vw;
            margin-right: 12vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mlf-portfolio-image {
            margin: 0 auto;
            margin-left: 12vw;
            margin-right: 12vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mlf-portfolio-image {
            margin: 0 auto;
            margin-left: 15vw;
            margin-right: 15vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mlf-portfolio-image {
            margin: 0 auto;
            margin-left: 15vw;
            margin-right: 15vw; } }

hr.divisadero {
    align-self: center;
    margin: auto;
    max-width: 40vw;  
    margin-top: 5vw;
    margin-bottom: 5vw;
    height: 4px;
    background: url("/images/diagonal_4_be_wider.png") repeat-x 0 0;
    border: 0;
    opacity: .85; }

    @media only screen and (max-width: 375px) { 
        hr.divisadero {
            width: 90vw;
            margin-top: 11vw;
            margin-bottom: 13vw;
            opacity: 1.0; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        hr.divisadero {
            width: 90vw;
            margin-top: 7vw;
            margin-bottom: 7vw;
            opacity: 1.0; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        hr.divisadero {
            max-width: 50vw;
            margin-top: 8vw;
            margin-bottom: 8vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        hr.divisadero {
            max-width: 50vw;
            margin-top: 8vw;
            margin-bottom: 8vw; } }

.window-margin {
    width: 45vw; 
    height: 100%;
    margin: 0 auto;
    margin-bottom: 2vw;
    text-align: center;
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.5); }

    @media only screen and (max-width: 375px) { 
        .window-margin {
            margin-bottom: 3vw;
            width: 80vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .window-margin {
            margin-bottom: 5vw;
            width: 80vw; } } 

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .window-margin {
            margin-bottom: 3vw;
            width: 75vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .window-margin {
            margin-bottom: 3vw;
            width: 75vw; } }

/* // Local Work / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Analog Rob / 2024 */

.analogrob-hero-image {
    position: absolute;
    width: 45vw;
    z-index: 999999;
    height: auto;
    padding-top: 0vw;
    padding-bottom: 1vw;
    transition: 5s ease;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) {
        .analogrob-hero-image {
            width: 93vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .analogrob-hero-image {
            width: 93vw;
            padding-bottom: 0vw; } }

#index-robai-hero-right {
    position: relative;
    background: transparent;
    margin: 0 0;
    height: calc(100vh - 4.25em);
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-right: 0vw;
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        #index-robai-hero-right {
            height: calc(100svh - 4.25em);
            /*height: auto;
            padding-top: 9vw;
            padding-bottom: 9vw;*/ } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #index-robai-hero-right {
            height: calc(100svh - 4.25em);
            /*height: auto;
            padding-top: 9vw;
            padding-bottom: 9vw;*/ } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        #index-robai-hero-right {
            height: calc(100vh - 4.25em);
            padding-top: .5vw;
            padding-right: 0vw;
            padding-left: 0; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        #index-robai-hero-right {
            height: calc(100vh - 4.25em); } }

#analog-rob-right-outer {
    position: relative;
    background: transparent;
    margin: 0 0;
    height: calc(100vh - 4.25em);
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-right: 0vw;
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        #analog-rob-right-outer {
            height: auto;
            padding-top: 9vw;
            padding-bottom: 9vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #analog-rob-right-outer {
            height: auto;
            padding-top: 9vw;
            padding-bottom: 9vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        #analog-rob-right-outer {
            height: calc(100vh - 4.25em);
            padding-top: .5vw;
            padding-right: 0vw;
            padding-left: 0; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        #analog-rob-right-outer {
            height: calc(100vh - 4.25em); } }

.analogrob-hero-definitive p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    margin: 0 auto;
    text-align: left;
    text-transform: uppercase;
    font-size: 4.25vw;
    line-height: 1.3;
    word-spacing: -1.25vw;
    letter-spacing: 0vw;
    padding-left: .5vw;
    margin-top: 0vw;
    transition: 2s ease;
    color: #000; }

    @media only screen and (max-width: 599px) {
        .analogrob-hero-definitive p {
            font-size: 9vw;
            line-height: 1.3;
            word-spacing: -1.25vw;
            letter-spacing: 0vw;
            padding-left: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .analogrob-hero-definitive p {
            font-size: 9vw;
            line-height: 1.3;
            word-spacing: -1.25vw;
            letter-spacing: 0vw;
            padding-left: .5vw; } }


.analogrob-hero-body p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    font-size: 3.4vw;
    line-height: 1.4;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    padding-top: 0vw;
    padding-left: .5vw;
    color: #000;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .analogrob-hero-body p {
            font-size: 7vw;
            line-height: 1.4;
            letter-spacing: 0vw;
            word-spacing: -.35vw;
            padding-top: 0vw;
            padding-left: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .analogrob-hero-body p {
            font-size: 7vw;
            line-height: 1.4;
            letter-spacing: 0vw;
            word-spacing: -.35vw;
            padding-top: 0vw;
            padding-left: .5vw; } }

.throwbacks-monsters-image {
    width: 38vw;
    height: auto;
    margin: 0 auto;
    margin-bottom: -.75vw;
    transition: 2s ease;
    background: #000;
    box-shadow: 0 3vw 4vw -.5vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .throwbacks-monsters-image {
            width: 80vw;
            margin-bottom: -.75vw;
            box-shadow: 0 4vw 6vw -.5vw rgba(0,0,0,0.4); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .throwbacks-monsters-image {
            width: 80vw;
            margin-bottom: -.75vw;
            box-shadow: 0 4vw 6vw -.5vw rgba(0,0,0,0.4); } }


.throwbacks-monsters-image:hover { 
    transition: 2s ease;
    transform: scale(1.1); }

.throwbacks-more-vertical-image {
    width: 26vw;
    height: auto;
    margin: 0 auto;
    margin-bottom: -.75vw;
    transition: 2s ease;
    background: #000;
    box-shadow: 0 3vw 4vw -.5vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) {
        .throwbacks-more-vertical-image {
            width: 80vw;
            margin-bottom: -.75vw;
            box-shadow: 0 4vw 6vw -.5vw rgba(0,0,0,0.4); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .throwbacks-more-vertical-image {
            width: 80vw;
            margin-bottom: -.75vw;
            box-shadow: 0 4vw 6vw -.5vw rgba(0,0,0,0.4); } }

.throwbacks-more-vertical-image:hover { 
    transition: 2s ease;
    transform: scale(1.1); } 

.analogrob-grateful-dead-outer {
    margin: 0 0;
    background: #5e5854;
    position: relative;
    z-index: 555555;
    height: auto;
    padding-top: 10vw;
    padding-bottom: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease; }

.throwbacks-grateful-image {
    width: 81vw;
    height: auto;
    margin: 0 auto;
    margin-bottom: -.75vw;
    transition: 2s ease;
    background: #000;
    box-shadow: 0 3vw 4vw -.5vw rgba(0,0,0,0.55); }

.throwbacks-grateful-image:hover { 
    transition: 2s ease;
    transform: scale(1.1); }

.throwbacks-most-vertical-image {
    width: 28vw;
    height: auto;
    margin: 0 auto;
    margin-bottom: -.75vw;
    transition: 2s ease;
    background: #000;
    box-shadow: 0 3vw 4vw -.5vw rgba(0,0,0,0.55); }

.throwbacks-most-vertical-image:hover { 
    transition: 2s ease;
    transform: scale(1.1); } 

.throwbacks-crayons-image {
    width: 40vw;
    height: auto;
    margin: 0 auto;
    margin-bottom: -.75vw;
    transition: 2s ease;
    background: #000;
    box-shadow: 0 3vw 4vw -.5vw rgba(0,0,0,0.55); }

.throwbacks-crayons-image:hover { 
    transition: 2s ease;
    transform: scale(1.1); }


/* // Analog Rob / 2024 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */