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 {
    font-size: 100%; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
    color: #111;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
        box-sizing: border-box; }

body {
    font-size: 1.0em;
    line-height: 1.0; }

.site {
    width: 100%;
    height: 100%; }

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; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Responsive Grail  */

@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: 1025px) { 
    .no-view-tablet {
        display: none; } }

@media only screen and (min-width: 1024px) { 
    .just-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: 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: 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 (max-width: 769px) {
    .transformative { 
        display: none; } }


/*hihi left*/

.mrskell-hero-grid-left {
   
    /* Background Colors */


    /* mrskell little bluey.1 */
    /*background: rgba(76, 165, 255, 1.0);*/

    /* mrskell little bluey.2 */
    /*background: rgba(110, 167, 223, 1.0);*/

    /* mrskell little bluey.3 */
    /*background: #8593a2; */

    /* mrskell chewyspot.1 */
    /*background: rgba(153, 134, 117, 1.0);*/

    /* mrskell chewyspot.2 */
    /*background: #968c7b;*/

    /* mrskell yellow */
    /*background: rgba(255, 191, 0, 1.0); */



    /* mrskell sw fall redend point */
    /*background: rgba(174, 142, 126, 1.0);*/

    /* mrskell sw fall foothills */
    /*background: rgba(130, 116, 102, 1.0);*/

    /* mrskell sw fall cool beige */
    /*background: rgba(198, 181, 167, 1.0);*/

    /* mrskell sw fall carnelian */
    /*background: rgba(87, 62, 62, 1.0);*/

    /* mrskell sw fall hushed auburn */
    /*background: rgba(168, 133, 122, 1.0);*/

    /* mrskell sw fall malted milk */
    /*background: rgba(222, 202, 189, 1.0);*/

    /* mrskell sw fall pure white */
    /*background: rgba(237, 236, 230, 1.0);*/

    /* mrskell sw fall urbane bronze */
    background: rgba(84, 80, 74, 1.0);

    /* mrskell sw fall toile red */
/*    background: rgba(139, 83, 78, 1.0);*/

    /* mrskell fall light rust */
/*    background: rgba(205, 114, 82, 1.0);*/

    /* mrskell fall aegean teal */
/*    background: rgba(112, 138, 140, 1.0);*/



    /* mrske!! new green */
    /*background: rgba(99, 184, 193, 1.0); */

    /* mrskell green */
    /*background: rgba(133, 178, 0, 1.0);*/

    /* mrskell lime.1 */
    /*background: rgba(64, 214, 26, 1.0);*/

    /* mrskell pinkest */
    /*background: rgba(236, 0, 140, 1.0);*/

    /* mrskell light pink */
    /*background: rgba(238, 130, 238, 1.0);*/

    /* mrskell purple.1 */
    /*background: #9999ff;*/


    margin: 0 auto;
    height: calc(100vh - 5.0em);
    z-index: 333333;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1.0s ease; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Definitives  */

#header { 
    position: fixed;
    height: 5.0em; 
    top: 0; 
    left: 0; 
    width: 100%;
    /*display: flex;
    justify-content: left;
    align-items: center;*/
    z-index: 999999; 
    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);
/*    box-shadow: 0px 2px 40px 0px rgba(0,0,0,0.15);*/
   /* box-shadow: 0px 1vw 3vw 0px rgba(0,0,0,0.34);
    background-color: rgba(255,255,255,1.0);*/ }

    @media only screen and (max-width: 1024px) { 
        #header { 
            position: fixed;
            background-color: rgba(255,255,255,.75); } }

.header_inner {
    margin: 0 auto;
    height: 5.0em; 
    padding: 0 3.125em 0 0;
    /*padding: 1em 3.125em 0 0;*/
    z-index: 999999; }

        @media only screen and (max-width: 599px) { 
            .header_inner {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0 .75em 0 0;
                height: 5em; } } 

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

.logo { 
    float: left;
    margin: 0 0; 
    height: 5em;
    /*width: 12.5em;*/
    width: 13.125em;
    z-index: 999999;
    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: 599px) { 
            .logo { 
                height: auto;
                margin: 0 0 0 0; } }

.logo_icon { 
    float: left;
    position: absolute; 
    width: 19vw;
    height: auto;
    /*height: 5em;
    width: 15em;*/
    z-index: 999999;
    line-height: 0; 
    cursor: pointer;
    transition: 1s ease; }

    @media only screen and (max-width: 599px) { 
        .logo_icon { 
            float: left;
            position: relative; 
            width: 85vw;
            z-index: 999999;
            line-height: 0; 
            cursor: pointer;
            transition: 1s ease; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .logo_icon { 
            float: left;
            position: relative; 
            width: 60vw;
            z-index: 999999;
            line-height: 0; 
            cursor: pointer;
            transition: 2s ease; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .logo_icon { 
            float: left;
            position: absolute;  
            width: 35vw;
            z-index: 999999;
            line-height: 0; 
            cursor: pointer;
            transition: 2s ease; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .logo_icon { 
            float: left;
            position: absolute; 
            width: 30vw;
            z-index: 999999;
            line-height: 0; 
            cursor: pointer;
            transition: 2s ease; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .logo_icon { 
            float: left;
            position: absolute; 
            width: 26vw;
            z-index: 999999;
            line-height: 0; 
            cursor: pointer;
            transition: 2s ease; } }

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

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

        @media only screen and (max-width: 599px) { 
            .logo_space { 
                float: left;
                margin: 0 0; 
                padding-left: 0em;
                z-index: 888888;
                line-height: 0; } }

        @media only screen and (min-width: 600px) and (max-width: 1024px) { 
            .logo_space { 
                padding-left: 1em; } }

        @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
            .logo_space { 
                padding-left: 2.0em; } }

        @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
            .logo_space { 
                padding-left: 2.0em; } }

.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; }

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

.show_mobile_navigation {
    float: right; 
    margin: 0 0 0 0;
    color: #000;
    line-height: 0; 
    z-index: 999999;
    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%;
    z-index: 999; }

.nav-inner-centering {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding-top: 2.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }

    @media only screen and (max-width: 599px) { 
        .nav-inner-centering { 
            padding-top: 10vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .nav-inner-centering { 
            padding-top: 5vw; } }

ul#mobile_navigation {
    position: fixed;
    display: none;
    top: 0px;
    right: 0px;
    background-color: rgba(255, 255, 255, 1.0); 
    box-shadow: -1vw 0 2vw -.75vw rgba(0,0,0,0.44);
    height: 100vh;
    width: 100vw;
    margin-right: -100vw;
    padding-top: 1.8em;   
    -webkit-transition: all .5s linear; 
    -moz-transition: all .5s linear; 
    -ms-transition: all .5s linear; 
    -o-transition: all .5s linear; 
    transition: all .5s linear;
    /*color: #fff !important;*/
    color: #000 !important;
    z-index: 999999; }

    @media only screen and (max-width: 599px) { 
        ul#mobile_navigation {
            padding-top: 1.55em;
            /*padding-left: 5vw;*/ } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        ul#mobile_navigation { 
            padding-left: 0vw; } }

ul#mobile_navigation img {
    cursor: pointer; }

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

.active {
    /*color: #fff !important; }*/
    color: #000 !important; }

ul#mobile_navigation li {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400;
    text-align: center;
    margin: 0px 0 0px 0;
    margin-right: 0em;
    margin-bottom: 12px;
    padding: 0 0 0 0;
    font-size: 89px;
    line-height: 1.2;
    letter-spacing: -.025vw;
    word-spacing: -.75vw;
    color: #f14e23;
    text-rendering: optimizeLegibility;
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    z-index: 999999; }

    @media only screen and (max-width: 375px) {
        ul#mobile_navigation li {
            font-size: 42px;
            line-height: 1.38;
            letter-spacing: -.05vw;
            word-spacing: -1.3vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        ul#mobile_navigation li {
            font-size: 48px;
            line-height: 1.38;
            letter-spacing: -.05vw;
            word-spacing: -1.3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        ul#mobile_navigation li {
            font-size: 70px;
            line-height: 1.1;
            letter-spacing: -.4vw;
            word-spacing: -1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        ul#mobile_navigation li {
            font-size: 80px;
            line-height: 1.1;
            letter-spacing: -.4vw;
            word-spacing: -1vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
        ul#mobile_navigation li {
            font-size: 48px;
            line-height: 1.34; } }*/
    
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        ul#mobile_navigation li {
            font-size: 57px;
            line-height: 1.0 } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        ul#mobile_navigation li {
            font-size: 70px; 
            line-height: 1.0; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        ul#mobile_navigation li {
            font-size: 76px;
            line-height: 1.1; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) {
        ul#mobile_navigation li {
            font-size: 84px;
            line-height: 1.1; } } 

/*.anchorLink {
      margin-top: -5.0em; }*/
.anchor-space {
    display: block;
    position: relative;
    top: -5em;
    visibility: hidden; }

ul#mobile_navigation li:first-child {
    text-transform: none; 
    margin-top: 13px; }

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

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

    @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: #fffcf5;*/
    color: #000;
    border-bottom: 1px dotted transparent;
    -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;   
    padding-bottom: 18px;
    z-index: 999999; }

ul#mobile_navigation li a:hover {
    /*border-bottom: 1px dotted;
    padding-bottom: 5px;*/
    /*color: #ded8d4;*/ 
    color: #ff2b00; }

.logo-nav {
    width: 20vw;
    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; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .logo-nav {
            width: 25vw; } }

.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: 5.0em; }

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

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

        @media only screen and (max-width: 599px) { 
            .close_mobile_navigation { 
                top: .25em;
                width: 21px; 
                height: 21px; 
                float: right; 
                margin-right: 2.25em; } }

        @media only screen and (min-width: 600px) and (max-width: 1024px) { 
            .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: 50px;
    height: 50px;
    padding-top: .75vw;
    /*display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;*/
    /*opacity: .44;*/
    margin: 0 auto;
    transition: 1s ease;  }

    @media only screen and (max-width: 599px) { 
        .nav-logo-animated {
            padding-top: 3vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .nav-logo-animated {
            padding-top: 2vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .nav-logo-animated {
            padding-top: 2vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        .nav-logo-animated {
            width: 40px;
            height: 40px;
            padding-top: 2vw; } }

.nav-logo-animated:hover {
    opacity: .34; }

.nav-insta-logo {
    width: 80px;
    height: 80px;
    padding-top: .2vw;
    padding-bottom: 2vw;
    margin: 0 auto;
    transition: 1s ease; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .nav-insta-logo {
            padding-top: .5vw;
            padding-bottom: 5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .nav-insta-logo {
            width: 50px;
            height: 50px;
            padding-top: .2vw;
            padding-bottom: 2.8vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        .nav-insta-logo {
            width: 60px;
            height: 60px;
            padding-top: .2vw;
            padding-bottom: 2.8vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        .nav-insta-logo {
            width: 70px;
            height: 70px;
            padding-top: .2vw;
            padding-bottom: 2vw; } }

.nav-insta-logo:hover {
    opacity: .5; }

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

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

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

.nav-credit h6 {
    font-family: "Chronicle SSm A", "Chronicle SSm B", Georgia, serif;
    font-weight: 300;
    font-style: italic;
    text-align: center;
    text-transform: none;
    font-size: 12px;
    line-height: 3.75;
    color: #777;
    word-spacing: 0px;
    letter-spacing: 1px; }

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

.nav-grid-holder {
    margin: 0 auto;
    text-align: center;
    z-index: 888;
    display: flex;
    /* 4col */
    /*width: 232px;*/
    /* 3col */
    /*width: 360px;*/ /*Note: this resizes icons for responsiveness*/
    /* 2col */
    /*width: 116px;*/
    /* 1col */
    width: 50px;
    margin-top: .5vw;
    margin-bottom: .25vw;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .nav-grid-holder {
            width: 140px;
            margin-top: 1vw;
            margin-bottom: 2.25vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .nav-grid-holder {
            margin-top: .5vw;
            margin-bottom: 1.25vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .nav-grid-holder {
            margin-top: .5vw;
            margin-bottom: 1.25vw; } }

.iconic-image-nav {
    opacity: .3;
    -webkit-transition:all .3s ease-in-out; 
    -moz-transition:all .3s ease-in-out; 
    -ms-transition:all .3s ease-in-out; 
    -o-transition:all .3s ease-in-out; 
    transition:all .3s ease-in-out; }

.iconic-image-nav:hover {
    opacity: .8; 
    -webkit-transition:all .3s ease-in-out; 
    -moz-transition:all .3s ease-in-out; 
    -ms-transition:all .3s ease-in-out; 
    -o-transition:all .3s ease-in-out; 
    transition:all .3s ease-in-out; }

.iconic-grid-holder {
    margin: 0 auto;
    text-align: center;
    z-index: 888;
    display: flex;
    /* 4col */
    width: 300px;
    /* 3col */
    /*width: 150px;*/ /*Note: this resizes icons for responsiveness*/
    /* 2col */
    /*width: 116px;*/
    margin-top: 0;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) { 
        .iconic-grid-holder {
            margin-top: 2vw;
            margin-bottom: 1vw;
            width: 140px; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .iconic-grid-holder {
            margin-top: 2vw;
            margin-bottom: 1vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .iconic-grid-holder {
            margin-top: 2vw;
            margin-bottom: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .iconic-grid-holder {
            width: 170px; } } 

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .iconic-grid-holder {
            width: 150px; } } 

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .iconic-grid-holder {
            width: 160px; } } 

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .iconic-grid-holder {
            width: 270px; } } 

.iconic-grid-holder-last {
    margin: 0 auto;
    text-align: center;
    z-index: 888;
    display: flex;
    /* 4col */
    width: 300px;
    /* 3col */
    /*width: 150px;*/ /*Note: this resizes icons for responsiveness*/
    /* 2col */
    /*width: 116px;*/
    margin-top: 2vw;
    justify-content: center;
    align-items: center; }

.iconic-grid-holder-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-bottom: 0vw;
    -webkit-animation-duration: 4s; 
    -moz-animation-duration: 4s;
    -ms-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s; }

@supports (display: grid) {
    .iconic {
    display: grid;
    /*grid-template-columns: repeat(4, 1fr);*/
    grid-template-columns: repeat(6, 1fr);
    /*grid-template-columns: repeat(2, 1fr);*/
    grid-gap: 30px; } }

    @media screen and (max-width: 599px) {
        @supports (display: grid) {
            .iconic {
                grid-gap: 27px; } } }

    @media only screen and (min-width: 1337px) and (max-width: 1440px) { 
        @supports (display: grid) {
            .iconic {
                grid-gap: 34px; } } }

.iconic > div {
    flex: 1; }

.iconic section {
    width: 30px;
    height: 30px;
    padding: 0 0 0 0;
    -webkit-transition:all .3s ease-in-out; 
    -moz-transition:all .3s ease-in-out; 
    -ms-transition:all .3s ease-in-out; 
    -o-transition:all .3s ease-in-out; 
    transition:all .3s ease-in-out; }

    @media only screen and (min-width: 1337px) and (max-width: 1440px) { 
        .iconic section {
        width: 20px;
        height: 20px; } }

.iconic-image {
    opacity: .8; 
    -webkit-transition:all .3s ease-in-out; 
    -moz-transition:all .3s ease-in-out; 
    -ms-transition:all .3s ease-in-out; 
    -o-transition:all .3s ease-in-out; 
    transition:all .3s ease-in-out; }

.iconic-image:hover {
    opacity: .5; 
    -webkit-transition:all .3s ease-in-out; 
    -moz-transition:all .3s ease-in-out; 
    -ms-transition:all .3s ease-in-out; 
    -o-transition:all .3s ease-in-out; 
    transition:all .3s ease-in-out; }

#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; } }

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

        @media only screen and (min-width: 1337px) 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; } }
        
.app-image {
    display: inline-block;
    height: 31px;
    overflow: hidden;
    vertical-align: top;
    width: 31px; 
    margin-left: 120px;
    margin-top: 100px; }

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

        /*@media only screen and (max-width: 599px) {
            .menu-toggle {
                margin: -2em 0 0 0; } }*/

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

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

    /*@media only screen and (max-width: 599px) { 
        .hamburger span {
            width: 32px;
            height: 3px;
            margin-bottom: 6px; } }*/

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

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .hamburger span {
            width: 32px;
            height: 2px;
            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%); }

.home-floats {
    width: 100%;
    height: 100%;
    height: auto;
    position: relative;
    background: rgba(255, 255, 255, 1.00);
    z-index: 777;
    margin-bottom: calc(100vh - 5.0em);
    box-shadow: 0 28px 44px rgba(0, 0, 0, .21); }

.connect-floats {
    width: 100%;
    height: 100%;
    height: auto;
    position: relative;
    background: rgba(255, 255, 255, 1.00);
    z-index: 777;
    margin-bottom: calc(100vh - 5.0em);
    box-shadow: 0 28px 44px rgba(0, 0, 0, .34); }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Type / Link / Selection  */

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: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 500; 
    font-size: 2.3vw;
    line-height: 1.25;
    text-align: left;
    margin: 0 0 0 0;
    letter-spacing: -.05vw;
    word-spacing: -.3vw;
    color: #000;
    text-transform: none; }

.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: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 2.25vw;
    line-height: 1.25;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    color: #999;
    text-transform: none; }

.camp-hero-outer-steam h2 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 2.4vw;
    line-height: 1.45;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    color: #666;
    text-transform: none; }

    @media only screen and (max-width: 599px) { 
        .camp-hero-outer-steam h2 {
            font-size: 2.8vw;
            line-height: 2; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .camp-hero-outer-steam h2 {
            font-size: 3vw;
            line-height: 1.75; } }

.popup-copy h2 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 2.4vw;
    line-height: 1.45;
    text-align: center;
    margin: 0 0 0 0;
    padding-bottom: 2vw;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    color: #666;
    text-transform: none; }

    @media only screen and (max-width: 599px) { 
        .popup-copy h2 {
            font-size: 3.9vw;
            line-height: 2.16;
            text-align: center;
            margin: 0 0 0 0;
            padding-top: 1.5vw;
            padding-bottom: 3vw;
            letter-spacing: 0vw;
            word-spacing: -.2vw;
            color: #444; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .popup-copy h2 {
            font-size: 3.75vw;
            line-height: 1.75;
            text-align: center;
            margin: 0 0 0 0;
            padding-top: 2vw;
            padding-bottom: 0vw;
            letter-spacing: 0vw;
            word-spacing: -.2vw;
            color: #666; } }

.popup-copy-last h2 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 2.25vw;
    line-height: 1.25;
    text-align: center;
    margin: 0 0 0 0;
    padding-bottom: 0vw;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    color: #999;
    text-transform: none; }

    @media only screen and (max-width: 599px) { 
        .popup-copy-last h2 {
            font-size: 3.8vw;
            line-height: 2.5;
            text-align: center;
            margin: 0 0 0 0;
            padding-top: 1.5vw;
            padding-bottom: 0vw;
            letter-spacing: 0vw;
            word-spacing: -.2vw;
            color: #666; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .popup-copy-last h2 {
            font-size: 2.75vw;
            line-height: 1.85;
            text-align: center;
            margin: 0 0 0 0;
            padding-top: 1.5vw;
            padding-bottom: 0vw;
            letter-spacing: 0vw;
            word-spacing: -.2vw;
            color: #888; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .popup-copy-last h2 {
            font-size: 2.55vw;
            line-height: 1.34;
            text-align: center;
            margin: 0 0 0 0;
            padding-bottom: 0vw;
            letter-spacing: 0vw;
            word-spacing: -.2vw;
            color: #777; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .popup-copy-last h2 {
            font-size: 2.4vw;
            line-height: 1.45;
            text-align: center;
            margin: 0 0 0 0;
            padding-bottom: 0vw;
            letter-spacing: 0vw;
            word-spacing: -.2vw;
            color: #666; } }

.popup-copy-index h2 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 2.5vw;
    line-height: 1.4;
    text-align: center;
    margin: 0 0 0 0;
    margin-bottom: 1vw;
    letter-spacing: 0vw;
    word-spacing: -.35vw;
    color: #000;
    text-transform: none; }

    @media only screen and (max-width: 599px) { 
        .popup-copy-index h2 {
            font-size: 5.5vw;
            line-height: 1.85;
            word-spacing: -.55vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .popup-copy-index h2 {
            font-size: 5.5vw;
            line-height: 1.4;
            word-spacing: -.55vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .popup-copy-index h2 {
            font-size: 2.8vw;
            line-height: 1.35; } }

.mrs-kell-definitive {
    padding-top: 1vw; }

h3 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 2.25vw;
    line-height: 1.25;
    text-align: left;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    color: #999;
    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: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: left;
    font-size: 32px;
    line-height: 1.61;
    letter-spacing: 0.03vw;
    word-spacing: -.1vw;
    margin-bottom: .75vw;
    color: #444; }

h5 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-transform: none;
    font-size: .75vw;
    line-height: 1.75;
    text-align: left;
    text-transform: none;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: #000; }

h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 2.26;
    text-align: left;
    text-transform: none;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: #aaa; }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        h6 {
            font-size: 16px;
            line-height: 2.26;
            text-align: left;
            text-transform: none;
            margin: 0 0 0 0;
            letter-spacing: 0vw;
            word-spacing: 0vw;
            color: #aaa; } }

.introductions-block-content h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    /*font-size: .80vw;
    line-height: 3;*/
    font-size: .90vw;
    line-height: 2.8;
    margin-top: 0vw;
    text-align: left;
    text-transform: none;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: #888; }

    @media only screen and (max-width: 599px) { 
        .introductions-block-content h6 {
            font-size: 3.1vw;
            letter-spacing: 0.065vw;
            line-height: 2.8;
            margin-top: 2vw;
            color: #888; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .introductions-block-content h6 {
            font-size: 1.7vw;
            letter-spacing: 0.065vw;
            line-height: 3.2;
            color: #888; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .introductions-block-content h6 {
            font-size: 2.4vw;
            letter-spacing: 0.065vw;
            line-height: 3.0;
            color: #888; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .introductions-block-content h6 {
            font-size: .91vw;
            line-height: 3.1;
            color: #888; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .introductions-block-content h6 {
            font-size: .92vw;
            line-height: 3.3;
            color: #888; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .introductions-block-content h6 {
            font-size: .9vw;
            line-height: 3;
            margin-top: .85vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .introductions-block-content h6 {
            font-size: .9vw;
            line-height: 3;
            margin-top: .85vw; } }

p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: normal;
    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: #000;
    text-decoration: none;
    cursor: pointer;
    transition: .75s ease;  }*/

/*a:hover {
    color: #beb8b4; }*/

a { 
/*    color: rgba(139, 83, 78, 1.0);*/
/*    color: rgba(57, 115, 181, 1.0);*/
    color: #6bbfb9;
/*color: rgba(0,148,255,1.0);*/
/*    color: rgba(238,63,62,1.0);*/
    text-decoration: none;
    cursor: pointer;
    transition: .75s ease;  }

a:hover {
    color: #aaa; }

::selection {
    background: #e0f2fa;
    color: #000; }

::-moz-selection {
    background: #e0f2fa;
    color: #000; }




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Home  */ 

.mrskell-hero-outer {
    margin: 0 0;
    margin-top: 5.0em;
    height: auto;
    z-index: 888888;
    position: relative;
    background: #f9f8f3;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) { 
        .mrskell-hero-outer {
            height: auto;
            margin-top: 5.0em;
            z-index: 888888;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-hero-outer {
            height: auto;
            margin-top: 5.0em;
            z-index: 888888;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); 
        } }

.mrskell-hero-vertical-outer {
    margin: 0 0;
    height: calc(100vh - 5.0em);
    text-align: center;
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5vw;
    padding-left: 1vw;
    padding-bottom: 5vw; }

    @media only screen and (max-width: 768px) { 
        .mrskell-hero-vertical-outer {
            margin: 0 0;
            height: auto;
            text-align: center;
            z-index: 111111;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 11vw;
            padding-left: 1vw;
            padding-bottom: 5vw; } }

.mrskell-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto; }

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

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

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

.mrskell-hero-grid > div {
    flex: 1; }

.mrskell-hero-grid section { }

.mrskell-hihi-hero-image {
    margin: 0 auto;
    width: 34vw;
    height: auto;
    text-align: center; }

    @media only screen and (max-width: 599px) { 
        .mrskell-hihi-hero-image {
            width: 82vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrskell-hihi-hero-image {
            width: 86vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrskell-hihi-hero-image {
            width: 82vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mrskell-hihi-hero-image {
            width: 84.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .mrskell-hihi-hero-image {
            width: 36vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .mrskell-hihi-hero-image {
            width: 36vw; } }

    @media only screen and (max-width: 375px) { 
        .mrskell-hero-grid-left {
            height: auto;
            margin-top: 5.0em;
            padding-top: 10.5vw;
            padding-bottom: 10.5vw;
            z-index: 666666;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.50); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrskell-hero-grid-left {
            height: auto;
            margin-top: 5.0em;
            /*padding-top: 8vw;
            padding-bottom: 8vw;*/
            padding-top: 23vw;
            padding-bottom: 25vw;
            z-index: 666666;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.50); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-hero-grid-left {
            height: auto;
            margin-top: 5.0em;
            padding-top: 5vw;
            padding-bottom: 5vw;
            z-index: 666666;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.50); } }

/*.mrskell-hero-grid-left:hover {
    box-shadow: .75vw 0 2vw -.75vw rgba(0,0,0,0.55); }*/

    /*background: url("https://www.robkell.com/images/mrskell_index_brain_bg_1-01.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;*/

    /*@media only screen and (min-width: 769px) and (max-width: 1024px) {
        .mrskell-hero-grid-left {
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
        .mrskell-hero-grid-left {
            margin-top: 11.5em; } }*/

.mrskell-hero-grid-left-upper-definitive {
    height: calc(50vh - 2.5em);
    background: #fff;
    z-index: 666666;
    display: flex;
    justify-content: center;
    align-items: center;
    /*box-shadow: 0 3vw 6vw -1vw rgba(0,0,0,0.5);*/
    transition: 2s ease; }

   @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .mrskell-hero-grid-left-upper-definitive {
            /*height: calc(53.8vh - 2.5em);*/ 
            height: calc(50vh - 2.5em); } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        .mrskell-hero-grid-left-upper-definitive {
            /*height: 57.9vh;*/ } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .mrskell-hero-grid-left-upper-definitive {
            /*height: 57vh;*/ } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-hero-grid-left-upper-definitive {
            /*height: auto;*/
            height: calc(49vh - 2.5em);
            padding-bottom: .5vw;
            /*padding: 0 10vw;*/
            margin: 0 0; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrskell-hero-grid-left-upper-definitive { } }*/

    @media only screen and (max-width: 599px) { 
        .mrskell-hero-grid-left-upper-definitive {
            height: calc(55vh - 2.5em);
            box-shadow: 0 2vw 5vw -1vw rgba(0,0,0,0.5);
            padding-left: 2vw; } }

.mrskell-hero-grid-left-upper-definitive:hover {
    background: #f1f1f1; }


.mrskell-hero-grid-left-lower-image {
    /*height: calc(50vh - 2.5em);*/
    /*height: calc(50.35vh - 2.5em);*/
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    background: transparent; }

    @media only screen and (max-width: 599px) { 
        .mrskell-hero-grid-left-lower-image {
           height: calc(40vh - 2.5em); } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .mrskell-hero-grid-left-lower-image {
            height: calc(50vh - 2.5em); } }

.growth-spurt-outer {
    width: 365px;
    height: auto;
    float: right;
    padding-right: 4vw;
    padding-top: 12vw; }

.my-idea {
    width: 380px;
    height: auto;
    float: right;
    padding-right: 2vw;
    padding-top: 12vw; }

.mrskell-hero-grid-left-upper {
    background: url("https://www.mrskell.com/images/image_hero_brain.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 59.3vh;
    cursor: pointer;
    transition: 1s ease; }

   @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .mrskell-hero-grid-left-upper {
            height: 59.1vh; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        .mrskell-hero-grid-left-upper {
            height: 57.9vh; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .mrskell-hero-grid-left-upper {
            height: 57vh; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-hero-grid-left-upper {
            background: url("https://www.mrskell.com/images/incredible_brain_1024x810.jpg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            z-index: 333333;
            box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7);
            height: 78vw;
            width: 100%; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrskell-hero-grid-left-upper {
            background: url("https://www.mrskell.com/images/incredible_brain_1024x810.jpg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            z-index: 333333;
            box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7);
            height: 74.5vw;
            width: 100%; } }*/

    @media only screen and (max-width: 599px) { 
        .mrskell-hero-grid-left-upper {
            background: url("https://www.mrskell.com/images/incredible_brain_phone.jpg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            z-index: 333333;
            box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7);
            height: 60vh;
            width: 100%; } }

/*.mrskell-hero-grid-left-upper:hover {
    opacity: .8; }*/

    /*@media only screen and (min-width: 769px) and (max-width: 1024px) {
        .mrskell-hero-grid-left-upper:hover {
            opacity: 1.0; } }*/

.mrskell-hero-grid-left-lower {
    height: 35vh;
    background: #000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1s ease;
    cursor: pointer; }

    /*@media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .mrskell-hero-grid-left-lower {
            height: 34vh;
            padding: 2.5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        .mrskell-hero-grid-left-lower {
            height: 34vh;
            padding-bottom: 1.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .mrskell-hero-grid-left-lower {
            height: 34vh;
            padding-bottom: 2.5vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .mrskell-hero-grid-left-lower {
            height: 34vh;
            box-shadow: 0 44px 44px -34px rgba(0,0,0,0.85);
            z-index: 444444; } }*/

    /*@media only screen and (min-width: 769px) and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {{
            height: 34vh;
            margin-top: 200em;
            box-shadow: 0 44px 44px -34px rgba(0,0,0,0.85);
            z-index: 444444; } }*/

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrskell-hero-grid-left-lower {
            height: 34vh;
            box-shadow: 0 44px 44px -34px rgba(0,0,0,0.85);
            z-index: 444444; } }*/

    /*@media only screen and (max-width: 599px) { 
        .mrskell-hero-grid-left-lower {
            height: 32vh;
            box-shadow: 0 44px 44px -34px rgba(0,0,0,0.85);
            z-index: 444444; } }*/

/*.mrskell-hero-grid-left-lower:hover {
    background: #2d2b29; }*/

    /*@media only screen and (max-width: 1024px) {
        .mrskell-hero-grid-left-lower:hover {
            background: #000; } }*/

.mrskell-hero-headline h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: center;
    font-size: 4vw;
    line-height: 1.0;
    letter-spacing: -.01vw;
    word-spacing: -.2vw;
    color: #f4f2ee; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrskell-hero-headline h1 {
            font-size: 4.25vw;
            line-height: 1.0; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-hero-headline h1 {
            font-size: 9.5vw;
            line-height: 1.0; } }

.shirt-intro-image {
    margin: 0 auto;
    width: 21.0vw;
    height: auto;
    text-align: center;
    transition: 1.0s ease;
    box-shadow: 0 2.0vw 2.5vw -1vw rgba(0,0,0,0.5); }

.shirt-intro-image:hover {
    transition: 1.0s ease;
    box-shadow: 0 2vw 2.5vw -1vw rgba(0,0,0,0.8); }

.shirt-hero-text {
    margin: 0 auto;
    padding-top: .75vw;
    text-align: center; }

.shirt-hero-text h6 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 1.75vw;
    line-height: 1.30;
    text-align: center;
    text-transform: none;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    transition: 1s ease;
    color: #222; }

    @media only screen and (max-width: 599px) {
        .shirt-hero-text h6 {
            font-size: 3.8vw;
            line-height: 1.5; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .shirt-hero-text h6 {
            font-size: 3.5vw;
            line-height: 1.30; } }

.shirt-hero-head h6 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 4vw;
    line-height: 1.0;
    text-align: center;
    text-transform: none;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    transition: 1s ease;
    color: #e6e2e1; }

.shirts-index-details {
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-bottom: 1vw;
    height: 9.0vw;
    background: transparent;
    z-index: 111111; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .shirts-index-details {
            height: 25.0vw; } }

.summer-camp-details {
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-bottom: 1vw;
    height: 11.0vw;
    background: transparent;
    z-index: 111111; }

    @media only screen and (max-width: 599px) {
        .summer-camp-details {
            height: 30.0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .summer-camp-details {
            height: 25.0vw; } }

.shirt-link-outer {
    margin: 0 0;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-bottom: 1vw;
    height: 11vw;
    z-index: 111111; }

.shirt-triblend-bit {
    margin: 0 0;
    /*background: #444;*/
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 4.5vw;
    padding-bottom: 5.2vw;
    height: auto;
    box-shadow: 0 2.5vw 3.0vw -1vw rgba(0,0,0,0.55);
    z-index: 888888; }

hr.next-breaker {
    border-top: 1px solid #d3d3d3;
    width: 36vw;
    margin-top: 1.62vw;
    margin-bottom: .5vw; }

    @media only screen and (max-width: 599px) {
        hr.next-breaker {
            width: 80vw;
            margin-top: 6.5vw;
            margin-bottom: 6vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        hr.next-breaker {
            width: 80vw;
            margin-top: 5.5vw;
            margin-bottom: 4.5vw; } }

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        hr.next-breaker {
            width: 80vw;
            margin-top: 4vw;
            margin-bottom: 3vw; } }

hr.hero-breaker {
    border-top: 1px solid #d3d3d3;
    width: 36vw;
    margin-top: 1.5vw;
    margin-bottom: 1.5vw; }

hr.body-breaker {
    border-top: 1px solid #d3d3d3;
    width: 30vw;
    margin-top: 1.0vw;
    margin-bottom: 1.0vw; }

hr.nav-breaker {
    border-top: 1px solid #d3d3d3;
    width: 40vw;
    margin-top: 1.0vw;
    margin-bottom: 1.0vw; }

    @media only screen and (max-width: 599px) {
        hr.nav-breaker {
            width: 62w;
            margin-top: 2vw;
            margin-bottom: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.nav-breaker {
            width: 44vw;
            margin-top: 2vw;
            margin-bottom: 4vw; } }

.upcoming-camps-outer {
    width: 36vw;
    height: 10vw;
    margin: 0 0;
    margin-top: 0vw;
    margin-bottom: 0vw;
    margin: 0 auto; 
    padding-top: 0vw;
    padding-left: 2.5vw;
    padding-right: 0vw;
    background: transparent; }

    @media only screen and (max-width: 599px) { 
        .upcoming-camps-outer {
            width: 76vw;
            height: 12vw;
            padding-left: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .upcoming-camps-outer {
            width: 88vw;
            height: 10vw;
            padding-left: 4vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .upcoming-camps-outer {
            width: 44vw;
            height: 10vw;
            padding-left: 3.5vw; } }

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

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

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

.upcoming-camps-grid > div {
    flex: 1; }

.upcoming-camps-grid section { }

.upcoming-camps-holder {
    width: 18vw;
    height: 4vw;
    text-align: left; }

    @media only screen and (max-width: 599px) { 
        .upcoming-camps-holder {
            width: 76vw;
            height: 12vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .upcoming-camps-holder {
            width: 44vw;
            height: 10vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .upcoming-camps-holder {
            width: 20vw;
            height: 10vw; } }

.mrskell-camp-icon {
    width: 4vw;
    height: 4vw;
    float: left;
    margin-top: 5px;
    margin-bottom: 1.5vw;
    transition: 1.0s ease;
    box-shadow: 0 1.0vw 1.0vw -.5vw rgba(0,0,0,0.4); }

    @media only screen and (max-width: 599px) { 
        .mrskell-camp-icon {
            width: 22vw;
            height: 22vw;
            float: left;
            margin-top: 6px;
            margin-bottom: 7.5vw;
            transition: 1.0s ease;
            box-shadow: 0 1.0vw 1.0vw -.5vw rgba(0,0,0,0.4); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-camp-icon {
            width: 12vw;
            height: 12vw;
            float: left;
            margin-top: 6px;
            margin-bottom: 5.5vw;
            transition: 1.0s ease;
            box-shadow: 0 1.0vw 1.0vw -.5vw rgba(0,0,0,0.4); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .mrskell-camp-icon {
            width: 4.2vw;
            height: 4.2vw;
            float: left;
            margin-top: 2px;
            margin-bottom: 2.0vw;
            transition: 1.0s ease;
            box-shadow: 0 1.0vw 1.0vw -.5vw rgba(0,0,0,0.4); } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .mrskell-camp-icon {
            width: 4.2vw;
            height: 4.2vw;
            float: left;
            margin-top: 4px;
            margin-bottom: 2.0vw;
            transition: 1.0s ease;
            box-shadow: 0 1.0vw 1.0vw -.5vw rgba(0,0,0,0.4); } }

.upcoming-camps-copy {
    float: left;
    padding-left: 1vw;
    text-align: left;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .upcoming-camps-copy {
            padding-left: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .upcoming-camps-copy {
            padding-left: 2vw; } }

.upcoming-camps-copy h5 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-transform: none;
    font-size: .83vw;
    line-height: 1.36;
    text-align: left;
    text-transform: none;
    letter-spacing: 0vw;
    word-spacing: -.13vw;
    color: #999; }

    @media only screen and (max-width: 599px) {
        .upcoming-camps-copy h5 {
            font-size: 4vw;
            line-height: 1.6; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .upcoming-camps-copy h5 {
            font-size: 2.1vw;
            line-height: 1.6; } } 

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .upcoming-camps-copy h5 {
            font-size: .87vw;
            line-height: 1.36; } }

.mrskell-camp-icon:hover {
    /*opacity: 1.0;*/
    transition: 1.0s ease;
    box-shadow: 0 1.2vw 1.2vw -.5vw rgba(0,0,0,0.6); }

.mrskell-hero-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: 2vw;
    padding-left: 0vw;
    padding-right: 0vw; }

.mrskell-hero-grid-right {
    background-color: #f4f2ee;
    margin: 0 auto;
    height: calc(100vh - 5.0em);
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    padding-left: 0vw;
    padding-top: .5vw;
    padding-bottom: 0vw;
    box-shadow: -1.5vw 0 2.5vw -.75vw rgba(0,0,0,0.50); }

    @media only screen and (max-width: 599px) { 
        .mrskell-hero-grid-right {
             height: auto;
             padding-top: 15vw;
             padding-bottom: 15vw;
             z-index: 333333;
             background-color: transparent; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-hero-grid-right {
             height: auto;
             padding-top: 10vw;
             padding-bottom: 10vw;
             z-index: 333333;
             background-color: transparent; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrskell-hero-grid-right {
            padding-top: 0vw; } }

.mrskell-hero-grid-right-upper {
   /* height: 30vh;*/ }

.mrskell-hero-grid-right-lower {
    height: 33vh; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrskell-hero-grid-right-lower {
            height: 34vh; } }

    @media only screen and (max-width: 1024px) {
        .mrskell-hero-grid-right-lower {
            height: auto; } }

.mrskell-masthead {
    margin: 0 auto;
    width: 39vw;
    height: 100%;
    padding-top: 0vw;
    padding-bottom: 0vw; }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .mrskell-masthead {
            width: 41vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1940px) { 
        .mrskell-masthead {
            width: 42vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-masthead {
            width: 79vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrskell-masthead {
            width: 81vw; } }*/

    @media only screen and (max-width: 599px) { 
        .mrskell-masthead {
            width: 81vw; } }

.mrskell-payment-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: left;
    font-size: 1.68vw;
    line-height: 1.38;
    letter-spacing: 0vw;
    word-spacing: -.05vw;
    color: #555; 
    padding-left: .85vw;
    padding-top: 2vw; }

.hero-body-inner {
    text-align: left;
    height: auto;
    padding-left: 0vw; }

.definitive-inner {
    margin: 0 auto; 
    height: auto;
    /*padding-top: 5.10vw;*/
    padding-left: 0vw;
    /*padding-right: 1vw;*/ }

    @media only screen and (max-width: 599px) { 
        .definitive-inner {
            margin: 0 auto; 
            text-align: left;
            height: auto;
            /*padding-top: 7vw;*/
            padding-left: 0vw;
            padding-right: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .definitive-inner {
            margin: 0 auto; 
            text-align: left;
            height: auto;
            padding-top: 0vw;
            padding-left: 0vw;
            padding-right: 0vw; } }

.definitive-copy h1 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 500; 
    font-size: 2.80vw;
    line-height: 1.44;
    /*font-size: 2.50vw;
    line-height: 1.5;*/
    /*font-size: 2.2vw;
    line-height: 1.4;*/
    text-align: left;
    margin: 0 0 0 0;
    letter-spacing: -.05vw;
    word-spacing: -.4vw;
    color: #000;
    padding-left: 1vw;
    text-transform: none; }

    @media only screen and (max-width: 599px) { 
        .definitive-copy h1 {
            font-size: 5.8vw;
            line-height: 2.3;
            word-spacing: -.6vw; } }

   /* @media only screen and (min-width: 600px) and (max-width: 768px) {
        .definitive-copy h1 {
            font-size: 5.5vw;
            line-height: 1.77;
            word-spacing: -.6vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .definitive-copy h1 {
            font-size: 5.8vw;
            line-height: 1.7;
            padding-left: 3vw;
            word-spacing: -.6vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .definitive-copy h1 {
            font-size: 2.6vw;
            line-height: 1.62; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .definitive-copy h1 {
            /*font-size: 2.4vw;
            line-height: 1.3;*/
            font-size: 2.65vw;
            line-height: 1.58; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .definitive-copy h1 {
            font-size: 2.6vw;
            line-height: 1.65; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .definitive-copy h1 {
            font-size: 2.6vw;
            /*line-height: 1.62;*/
            line-height: 1.65;
            /*padding-left: .6vw;*/ } }

.definitive-copy h3 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 2.80vw;
    line-height: 1.44;
    /*font-size: 2.50vw;
    line-height: 1.5;*/
    /*font-size: 2.2vw;
    line-height: 1.4;*/
    text-align: left;
    margin: 0 0 0 0;
    letter-spacing: .03vw;
    word-spacing: -.3vw;
    color: #777;
    text-transform: none;
    padding-left: 1vw;
    margin-bottom: .75vw; }

    @media only screen and (max-width: 599px) { 
        .definitive-copy h3 {
            font-size: 5.8vw;
            line-height: 2.3;
            word-spacing: -.6vw;
            margin-bottom: 4vw;
            color: #888; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) {
        .definitive-copy h3 {
            font-size: 5.6vw;
            line-height: 1.77;
            letter-spacing: .01vw;
            word-spacing: -.9vw;
            color: #888; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .definitive-copy h3 {
            font-size: 5.8vw;
            line-height: 1.7;
            padding-left: 3vw;
            word-spacing: -.9vw;
            margin-bottom: 2.5vw;
            color: #888; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .definitive-copy h3 {
            font-size: 2.6vw;
            line-height: 1.62; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .definitive-copy h3 {
            /*font-size: 2.3vw;
            line-height: 1.3;*/
            font-size: 2.65vw;
            line-height: 1.58; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .definitive-copy h3 {
            font-size: 2.7vw;
            line-height: 1.62; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .definitive-copy h3 {
            /*font-size: 2.7vw;
            line-height: 1.7;*/
            font-size: 2.7vw;
            /*line-height: 1.62;*/
            /*line-height: 1.50;*/
            line-height: 1.62;
            /*padding-left: .6vw;*/ } }

.definitive-copy p {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    font-size: .70vw;
    line-height: 1.25;
    text-align: left;
    margin: 0 0 0 0;
    letter-spacing: .35vw;
    word-spacing: -.25vw;
    /*padding-left: .6vw;*/
    margin-top: 4.5vw;
    color: #000;
    text-transform: uppercase; }

.mrskell-definitive-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: center;
    font-size: 1.68vw;
    line-height: 1.38;
    letter-spacing: 0vw;
    word-spacing: -.05vw;
    color: #555; 
    padding-top: .8vw; }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .mrskell-definitive-copy p {
            font-size: 1.72vw;
            padding-top: 1.65vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1940px) { 
        .mrskell-definitive-copy p {
            font-size: 1.85vw;
            padding-top: 1.65vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-definitive-copy p {
            font-size: 5.2vw;
            line-height: 1.25;
            letter-spacing: -.02vw;
            word-spacing: -.075vw;
            padding-top: 3.25vw;
            padding-bottom: 0vw;
            color: #666; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrskell-definitive-copy p {
            font-size: 5.4vw;
            line-height: 1.32;
            padding-top: 1.65vw; } }*/

    @media only screen and (max-width: 599px) { 
        .mrskell-definitive-copy p {
            font-size: 5.35vw;
            line-height: 1.44;
            padding-top: 4vw;
            padding-bottom: 2vw; } }

.camps-masthead-outer {
    margin: 0 0;
    background: #f8f8f8;
    margin-top: 5.0em;
    height: auto;
    padding: 4vw 6vw 2.0vw 6vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .camps-masthead-outer {
            padding: 10vw 7vw 3.0vw 7vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camps-masthead-outer {
            padding: 8vw 9vw 2.0vw 9vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .camps-masthead-outer {
            padding: 5vw 10vw 2.0vw 10vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .camps-masthead-outer {
            padding: 5vw 10vw 2.0vw 10vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .camps-masthead-outer {
            padding: 5vw 8vw 2.0vw 8vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .camps-masthead-outer {
            padding: 5vw 13vw 2.0vw 13vw; } }

.camps-masthead-outer-steam {
    margin: 0 0;
    background: #f4f2ee;
    margin-top: 5.0em;
    height: auto;
    padding: 4vw 6vw 2.0vw 6vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .camps-masthead-outer-steam {
            padding: 9vw 6vw 4vw 6vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camps-masthead-outer-steam {
            padding: 6vw 6vw 1.5vw 6vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .camps-masthead-outer-steam {
            padding: 5vw 10vw 2.0vw 10vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .camps-masthead-outer-steam {
            padding: 5vw 10vw 2.0vw 10vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .camps-masthead-outer-steam {
            padding: 5vw 8vw 2.0vw 8vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .camps-masthead-outer-steam {
            padding: 5vw 8vw 2.0vw 8vw; } }

.purposeful-outer {
    margin: 0 0;
    /*background: #e6e2e1;*/
    background: #111;
    height: auto;
    padding: 8vw 6vw 0.0vw 6vw;
    z-index: 666666;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 -44px 25px -34px rgba(0,0,0,0.5); }

    @media only screen and (max-width: 599px) {
        .purposeful-outer {
            padding: 11vw 8vw 0.0vw 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .purposeful-outer {
            padding: 10vw 8vw 0.0vw 8vw; } }

.purposeful-logo-outer {
    margin: 0 0;
    /*background: #e6e2e1;*/
    background: #111;
    height: auto;
    padding: .5vw 6vw 7.0vw 6vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

.summergarten-masthead-outer {
    margin: 0 0;
    background: #f4f2ee;
    margin-top: 5.0em;
    height: auto;
    padding: 4.5vw 9vw 2vw 9vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .summergarten-masthead-outer {
            padding: 10vw 7vw 3.0vw 7vw; } }

        @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .summergarten-masthead-outer {
            margin: 0 0;
            background: #f4f2ee;
            margin-top: 5.0em;
            height: auto;
            padding: 8vw 8vw 4vw 8vw;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .summergarten-masthead-outer {
            padding: 3.5vw 18vw 1.0vw 18vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .summergarten-masthead-outer {
            padding: 3.5vw 13vw 1.5vw 13vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .summergarten-masthead-outer {
            padding: 3.5vw 11vw 1.5vw 11vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .summergarten-masthead-outer {
            padding: 4.5vw 9vw 2vw 9vw; } }

.zoomcamps-masthead-outer {
    margin: 0 0;
    background: #f4f2ee;
    margin-top: 5.0em;
    height: auto;
    padding: 4.5vw 9vw 2vw 9vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .zoomcamps-masthead-outer {
            padding: 10vw 7vw 3.0vw 7vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .zoomcamps-masthead-outer {
            margin: 0 0;
            margin-top: 5.0em;
            background: #f4f2ee;
            height: auto;
            padding: 8vw 8vw 4vw 8vw;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .zoomcamps-masthead-outer {
            padding: 4.0vw 17vw 1.0vw 17vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .zoomcamps-masthead-outer {
            padding: 4.5vw 12vw 1.5vw 12vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .zoomcamps-masthead-outer {
            padding: 4.5vw 11vw 1.5vw 11vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .zoomcamps-masthead-outer {
            padding: 4.5vw 9vw 2vw 9vw; } }

.camps-masthead-intro-breaker {
    margin: 0 0;
    background: #f4f2ee;
    height: 5vw;
    padding-top: 1vw;
    /*padding: 4vw 6vw 2.0vw 6vw;*/
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

.camp-hero-outer-steam {
    margin: 0 0;
    background: #f4f2ee;
    height: auto;
    text-align: center;
    padding-top: 0vw;
    padding-bottom: 2.75vw; }

    @media only screen and (max-width: 599px) {
        .camp-hero-outer-steam {
            padding-top: .5vw;
            padding-bottom: 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camp-hero-outer-steam {
            padding-top: 0vw;
            padding-bottom: 3.5vw; } }

/*.camp-hero-outer-popup {
    margin: 0 0;
    background: #f9f8f3;
    height: auto;
    text-align: center;
    padding-top: 0vw;
    padding-bottom: 0vw; }*/

.camp-hero-outer-summer {
    margin: 0 0;
    background: #f4f2ee;
    height: auto;
    text-align: center;
    z-index: 666666;
    padding-top: 0vw;
    padding-bottom: 0vw; }

    @media only screen and (max-width: 599px) {
        .camp-hero-outer-summer {
            margin: 0 0;
            background: #f4f2ee;
            height: auto;
            text-align: center;
            z-index: 666666;
            padding-top: 3vw;
            padding-bottom: 0vw; } }

.camp-hero-outer-summer h2 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 2.0vw;
    line-height: 1.62;
    text-align: center;
    margin-bottom: 1.5vw;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    color: #777;
    text-transform: none; }

    @media only screen and (max-width: 599px) {
        .camp-hero-outer-summer h2 {
            font-size: 3.6vw;
            line-height: 2.75;
            margin-bottom: 3vw;
            letter-spacing: 0vw;
            word-spacing: -.2vw;
            color: #777; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .camp-hero-outer-summer h2 {
            font-size: 3.2vw;
            line-height: 2;
            margin-bottom: 3vw;
            letter-spacing: 0vw;
            word-spacing: -.2vw;
            color: #777; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .camp-hero-outer-summer h2 {
            font-size: 3.2vw;
            line-height: 2;
            margin-bottom: 3vw;
            letter-spacing: 0vw;
            word-spacing: -.2vw;
            color: #777; } }

.camp-hero-outer-popup {
    margin: 0 0;
    background: #f8f8f8;
    height: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-bottom: 0vw; }

.camp-hero-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto; }

.camp-hero-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: center;
    font-size: 1.7vw;
    line-height: 1.5;
    letter-spacing: 0vw;
    word-spacing: -.05vw;
    color: #555; 
    padding-top: 1.25vw;
    padding-bottom: .5vw; }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .camp-hero-copy p {
            font-size: 1.85vw;
            padding-top: 1.65vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1680px) { 
        .camp-hero-copy p {
            font-size: 1.85vw;
            padding-top: 1.2vw;
            padding-bottom: .2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camp-hero-copy p {
            font-size: 3.5vw;
            line-height: 1.70;
            letter-spacing: 0vw;
            word-spacing: -.075vw;
            padding-top: 2.25vw;
            padding-bottom: 1.5vw;
            color: #555; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .camp-hero-copy p {
            font-size: 3.5vw;
            line-height: 1.55;
            letter-spacing: 0vw;
            word-spacing: -.075vw;
            padding-top: 2.0vw;
            padding-bottom: 1.25vw;
            color: #555; } }*/

    @media only screen and (max-width: 599px) { 
        .camp-hero-copy p {
            font-size: 3.75vw;
            line-height: 2;
            letter-spacing: 0vw;
            word-spacing: -.075vw;
            padding-top: 3vw;
            padding-bottom: 3vw;
            color: #555; } }

.classes-vertical-welcome {
    margin: 0 0;
    /*background: #ff9900;*/
    /*background: #000;*/
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    height: 7.5em;
    z-index: 444444;
    box-shadow: 0px 2px 34px 0px rgba(0,0,0,0.34); }

.classes-vertical-welcome h4 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: left;
    font-size: 30px;
    line-height: 1.61;
    letter-spacing: 0.03vw;
    word-spacing: -.2vw;
    margin-bottom: .75vw;
    color: #000; }

.mrskell-bio-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: center;
    font-size: 1.8vw;
    line-height: 1.5;
    letter-spacing: 0vw;
    word-spacing: -.05vw;
    color: #555; 
    padding-top: 1.65vw; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrskell-bio-copy p {
            font-size: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-bio-copy p {
            font-size: 2.85vw;
            line-height: 1.5;
            letter-spacing: 0vw;
            word-spacing: -.05vw;
            color: #000; 
            padding-top: 2.5vw; } }

   /* @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrskell-bio-copy p {
            font-size: 2.72vw;
            line-height: 1.5;
            letter-spacing: 0vw;
            word-spacing: -.05vw;
            color: #000; 
            padding-top: 2vw; } }*/

    @media only screen and (max-width: 599px) { 
        .mrskell-bio-copy p {
            font-size: 3.2vw;
            line-height: 1.65;
            letter-spacing: 0vw;
            word-spacing: -.05vw;
            color: #000; 
            padding-top: 4vw; } }

.steam-intro-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: center;
    font-size: 2.4vw;
    line-height: 1.2;
    letter-spacing: 0vw;
    word-spacing: -.05vw;
    color: #555; 
    padding-top: 1.5vw;
    /*padding-bottom: .5vw;*/
    padding-bottom: 2.5vw; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .steam-intro-copy p {
            font-size: 2.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .steam-intro-copy p {
            font-size: 3.55vw;
            line-height: 1.5; 
            padding-top: 3vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .steam-intro-copy p {
            font-size: 3.5vw;
            line-height: 1.5; 
            padding-top: 3vw; } }*/

    @media only screen and (max-width: 599px) { 
        .steam-intro-copy p {
            font-size: 3.5vw;
            line-height: 2.5; 
            padding-top: 5vw; } }

.mrskell-close-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: italic;
    font-weight: 200;
    text-align: center;
    font-size: 1.54vw;
    line-height: 1.5;
    letter-spacing: 0vw;
    word-spacing: -.05vw;
    color: #555; 
    padding-top: 1.65vw;
    padding-bottom: .5vw; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrskell-close-copy p {
            font-size: 1.7vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-close-copy p {
            font-size: 3vw;
            padding-bottom: 1.5vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrskell-close-copy p {
            font-size: 3.25vw;
            padding-bottom: 1.5vw; } }*/

    @media only screen and (max-width: 599px) { 
        .mrskell-close-copy p {
            font-size: 3.5vw;
            padding-bottom: 3vw; } }

.mrs-kell-hero-grid-holder-outer {
    margin: 0 0;
    text-align: center;
    z-index: 888;
    display: flex;
    justify-content: center;
    align-items: center; }

.mrs-kell-hero-grid-holder-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: 1.2vw;
    padding-bottom: 0vw; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrs-kell-hero-grid-holder-inner {
            margin: 0 auto; 
            text-align: center;
            height: auto;
            padding-top: 4vw;
            padding-bottom: 0vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrs-kell-hero-grid-holder-inner {
            margin: 0 auto; 
            text-align: center;
            height: auto;
            padding-top: 4vw;
            padding-bottom: 0vw; } }*/

    @media only screen and (max-width: 599px) { 
        .mrs-kell-hero-grid-holder-inner {
            margin: 0 auto; 
            text-align: center;
            height: auto;
            padding-top: 2vw;
            padding-bottom: 8vw; } }

.mrs-kell-block { 
    width: 12vw;
    height: auto;
    transition: 1s ease; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-block { 
            width: 13vw;
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrs-kell-block { 
            width: 25vw;
            height: auto; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px)  {
        .mrs-kell-block { 
            width: 25vw;
            height: auto; } }*/

    @media only screen and (max-width: 599px) { 
        .mrs-kell-block { 
            width: 53vw;
            height: auto;
            margin-bottom: 8vw; } }

.trio-image {
    width: 100%;
    height: auto;
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); }

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

.overlay-trio-image:hover {
    opacity: 1.0;
    box-shadow: 0 55px 55px -34px rgba(0,0,0,0.34); }

/*.mrs-kell-block:hover {
    box-shadow: 0 60px 60px -34px rgba(0,0,0,0.7); }*/

.mrs-kell-block-1 { 
    width: 17vw;
    height: 17vw;
    background: #a0d200;
    padding-left: 2vw;
    padding-top: 1.5vw;
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7);
    transition: 1.5s ease; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-block-1 { 
            padding-top: 1.5vw;
            width: 19.5vw;
            height: 19.5vw; } }

    /*@media only screen and (max-width: 599px) { 
        .mrs-kell-block-1 {
            width: 73vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrs-kell-block-1 {
            width: 73vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mrs-kell-block-1 {
            width: 73vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .mrs-kell-block-1 {
            width: 36vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1940px) { 
        .mrs-kell-block-1 {
            width: 33vw; } }*/

.mrs-kell-block-1:hover {
    box-shadow: 0 60px 60px -34px rgba(0,0,0,0.7);
    background: #ffc726; }

.mrs-kell-block-2 { 
    width: 17vw;
    height: 17vw;
    background: #8593a2;
    padding-left: 2vw;
    padding-top: 1.5vw;
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); 
    transition: 1.5s ease; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-block-2 { 
            padding-top: 1.5vw;
            width: 19.5vw;
            height: 19.5vw; } }

    /*@media only screen and (max-width: 599px) { 
        .mrs-kell-block-2 {
            width: 73vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrs-kell-block-2 {
            width: 73vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mrs-kell-block-2 {
            width: 73vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .mrs-kell-block-2 {
            width: 36vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1940px) { 
        .mrs-kell-block-2 {
            width: 33vw; } }*/

.mrs-kell-block-2:hover {
    box-shadow: 0 60px 60px -34px rgba(0,0,0,0.7);
    background: #ec008c; }

.camp-title-block {
    text-align: left; 
    padding-bottom: .5vw }

.camp-head-summergarten-image {
    width: 70%;
    height: auto;
    text-align: left; }

.camp-head-steamcamp-image {
    width: 89%;
    height: auto;
    text-align: left; }

.mrs-kell-block-with-text-head h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    text-transform: none;
    font-style: normal;
    text-align: left;
    font-size: 46px;
    line-height: 36px;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: #000;
    margin-bottom: .6vw; }

.mrs-kell-block-with-text-caption h5 {
    font-family: "Chronicle SSm A", "Chronicle SSm B";
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    text-align: left;
    font-size: 18px;
    line-height: 1.77;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: rgba(0, 0, 0, 1.0);
    margin-bottom: .6vw; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-block-with-text-caption h5 { 
            font-size: 16px;
            line-height: 1.77; } }

.mrs-kell-block-with-text-copy p {
    font-family: "Chronicle SSm A", "Chronicle SSm B";
    font-weight: 300;
    text-transform: none;
    text-align: left;
    font-size: 17px;
    line-height: 1.88;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: rgba(0, 0, 0, .8);
    margin-bottom: .6vw; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-block-with-text-copy p {
            font-size: 16px; } }

@supports (display: grid) {
    .mrs-kell-hero-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.3vw; } }

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

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrs-kell-hero-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 2.0vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrs-kell-hero-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 3.0vw; } }

.mrs-kell-hero-grid > div {
    flex: 1; }

.camp-headline {
    padding-bottom: .5vw;
    padding-left: 2vw; }

.camp-headline h3 { 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 8.0vw;
    line-height: 0.86;
    padding-bottom: .5vw;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: -.4vw;
    word-spacing: -.7vw;
    color: rgba(0, 0, 0, 1.0);
    text-transform: none; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .camp-headline h3 { 
            font-size: 11.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camp-headline h3 { 
            font-size: 13vw;
            padding-bottom: 1vw;
            letter-spacing: -.5vw;
            word-spacing: -.8vw; } }

.summer-headline {
    padding-bottom: 0vw;
    padding-left: 2vw; }

.summer-headline h3 { 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 8.0vw;
    line-height: 0.86;
    padding-bottom: .5vw;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: -.4vw;
    word-spacing: -.7vw;
    color: rgba(0, 0, 0, 1.0);
    text-transform: none; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .summer-headline h3 { 
            font-size: 9.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .summer-headline h3 { 
            font-size: 13vw;
            padding-bottom: 1vw;
            letter-spacing: -.5vw;
            word-spacing: -.8vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .summer-headline h3 { 
            font-size: 13vw;
            padding-bottom: 1vw;
            letter-spacing: -.5vw;
            word-spacing: -.8vw; } }*/

    @media only screen and (max-width: 599px) { 
        .summer-headline h3 { 
            font-size: 20vw;
            line-height: 0.80;
            padding-bottom: 1vw;
            letter-spacing: -.5vw;
            word-spacing: -.8vw; } }

.super-headline h3 { 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 8.0vw;
    line-height: 0.86;
    padding-bottom: 1.25vw;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: -.4vw;
    word-spacing: -.7vw;
    color: rgba(0, 0, 0, 1.0);
    text-transform: none; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .super-headline h3 { 
            font-size: 10.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .super-headline h3 { 
            font-size: 13vw;
            padding-bottom: 2.5vw;
            letter-spacing: -.5vw;
            word-spacing: -.8vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .super-headline h3 { 
            font-size: 13vw;
            padding-bottom: 1vw;
            letter-spacing: -.5vw;
            word-spacing: -.8vw; } }*/

    @media only screen and (max-width: 599px) { 
        .super-headline h3 { 
            font-size: 20vw;
            line-height: 0.80;
            padding-bottom: 1vw;
            letter-spacing: -.5vw;
            word-spacing: -.8vw; } }

.camp-steam-headline h3 { 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10.0vw;
    line-height: 0.86;
    padding-bottom: .5vw;
    padding-left: 1vw;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: -.4vw;
    word-spacing: -.7vw;
    color: rgba(0, 0, 0, 1.0);
    text-transform: none; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .camp-steam-headline h3 { 
            font-size: 11.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camp-steam-headline h3 { 
            font-size: 14vw;
            padding-bottom: 1vw;
            letter-spacing: -.5vw;
            word-spacing: -.8vw;
            padding-left: 4vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .camp-steam-headline h3 { 
            font-size: 14vw;
            padding-bottom: 1vw;
            letter-spacing: -.5vw;
            word-spacing: -.8vw; } }*/

    @media only screen and (max-width: 599px) { 
        .camp-steam-headline h3 { 
            font-size: 21vw;
            line-height: 0.80;
            padding-bottom: 1vw;
            letter-spacing: -.5vw;
            word-spacing: -.8vw; } }

.basic-headline {
    padding-bottom: .5vw; }

.basic-headline h3 { 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10.5vw;
    line-height: 0.86;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: -.4vw;
    word-spacing: -.7vw;
    color: rgba(0, 0, 0, 1.0);
    padding-bottom: .5vw;
    text-transform: none; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .basic-headline h3 { 
            font-size: 11.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .basic-headline h3 { 
            font-size: 14vw;
            padding-bottom: 1.5vw;
            letter-spacing: -.4vw;
            word-spacing: -.4vw;
            padding-top: 1vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .basic-headline h3 { 
            font-size: 13vw;
            padding-bottom: 1.5vw;
            letter-spacing: -.4vw;
            word-spacing: -.4vw;
            padding-top: 1vw; } }*/

    @media only screen and (max-width: 599px) { 
        .basic-headline h3 { 
            font-size: 14vw;
            padding-bottom: 3vw;
            letter-spacing: -.4vw;
            word-spacing: -.8vw;
            padding-top: 1vw; } }

.scientific-headline {
    padding-bottom: .5vw; }

.scientific-headline h3 { 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10.5vw;
    line-height: 0.86;
    padding-bottom: .5vw;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: -.4vw;
    word-spacing: -.7vw;
    color: rgba(0, 0, 0, 1.0);
    padding-bottom: .5vw;
    text-transform: none; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .scientific-headline h3 { 
            font-size: 11.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .scientific-headline h3 { 
            font-size: 18vw;
            padding-bottom: 1.5vw;
            letter-spacing: -.4vw;
            word-spacing: -.4vw;
            padding-top: 1vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .scientific-headline h3 { 
            font-size: 15vw;
            padding-bottom: 1.5vw;
            letter-spacing: -.4vw;
            word-spacing: -.4vw;
            padding-top: 1vw; } }*/

    @media only screen and (max-width: 599px) { 
        .scientific-headline h3 { 
            font-size: 21vw;
            padding-bottom: 1.5vw;
            letter-spacing: -.4vw;
            word-spacing: -.4vw;
            padding-top: 3vw; } }

.mrskell-product-grid-block {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) { 
        .mrskell-product-grid-block {
            margin: 0 auto;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center; } }

.mrs-kell-product-grid-holder-outer {
    margin: 0 0;
    text-align: center;
    z-index: 888;
    display: flex;
    justify-content: center;
    align-items: center; }

.mrs-kell-product-grid-holder-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: 1.5vw;
    padding-bottom: 0vw;
    padding-left: 6vw; }

    @media only screen and (max-width: 599px) {
        .mrs-kell-product-grid-holder-inner {
            padding-top: 2.5vw;
            padding-left: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrs-kell-product-grid-holder-inner {
            padding-top: 2.5vw;
            padding-left: 7vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrs-kell-product-grid-holder-inner {
            padding-top: 2.5vw;
            padding-left: 3vw; } }*/

    @media only screen and (max-width: 599px) { 
        .mrs-kell-product-grid-holder-inner {
            padding-top: 2.5vw;
            padding-left: 7vw; } }

.mrs-kell-product-grid-holder-inner-testimonial {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: 3vw;
    padding-bottom: 0vw;
    padding-left: 2vw; }

    @media only screen and (max-width: 599px) {
        .mrs-kell-product-grid-holder-inner-testimonial {
            padding-top: 0vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrs-kell-product-grid-holder-inner-testimonial {
            padding-top: 4vw;
            padding-left: 1vw; } }

.mrs-kell-steamcamp-grid-holder-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: 2vw;
    padding-bottom: 0vw;
    padding-left: 1vw; }

    /*@media only screen and (min-width: 769px) and (max-width: 1024px) {
        .mrs-kell-steamcamp-grid-holder-inner {
            padding-top: 2vw;
            padding-bottom: 0vw;
            padding-left: 6vw; } }*/

    /*@media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-steamcamp-grid-holder-inner {
            padding-top: 7vw; } }*/

.mrs-kell-steam-grid-holder-inner-first {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    /*padding-top: 2vw;
    padding-bottom: 0vw;*/
    padding-left: 2vw; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrs-kell-steam-grid-holder-inner-first {
            margin: 0 auto; 
            text-align: center;
            height: auto;
            /*padding-top: 3vw;
            padding-bottom: 6vw;*/
            padding-left: 2vw; } }

.mrs-kell-steamcamp-grid-holder-inner-second {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    /*padding-top: 0vw;
    padding-bottom: 0vw;*/
    padding-left: 2vw; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrs-kell-steamcamp-grid-holder-inner-second {
            margin: 0 auto; 
            text-align: center;
            height: auto;
            /*padding-top: 2vw;
            padding-bottom: 4vw;*/
            padding-left: 2vw; } }

.mrs-kell-steamcamp-grid-holder-inner-first {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    /*padding-top: 3vw;
    padding-bottom: 3vw;*/
    padding-left: 5vw; }

hr.basic {
    border-top: 1px solid #d3d3d3;
    width: 80vw;
    margin-top: 2vw;
    margin-bottom: 3vw; }

    @media only screen and (max-width: 599px) {
        hr.basic {
            border-top: 1px solid #d3d3d3;
            width: 80vw;
            margin-top: 8vw;
            margin-bottom: 6.5vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) {
        hr.basic {
            width: 80vw;
            margin-top: 4vw;
            margin-bottom: 5vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.basic {
            border-top: 1px solid #d3d3d3;
            margin-top: 5.5vw;
            margin-bottom: 6.5vw;
            width: 79vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.basic {
            border-top: 1px solid #d3d3d3;
            width: 80vw;
            margin-top: 2.5vw;
            margin-bottom: 3vw; } }

hr.short {
    border-top: 1px solid #d3d3d3;
    width: 52vw;
    margin-top: 2vw;
    margin-bottom: 3vw; }

    @media only screen and (max-width: 599px) {
        hr.short {
            width: 80vw;
            margin-top: 8vw;
            margin-bottom: 6.5vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) {
        hr.short {
            width: 80vw;
            margin-top: 4vw;
            margin-bottom: 5vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.short {
            width: 80vw;
            margin-top: 4vw;
            margin-bottom: 5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.short {
            border-top: 1px solid #d3d3d3;
            width: 52vw;
            margin-top: 2vw;
            margin-bottom: 3vw; } }

hr.super-short {
    border-top: 1px solid #d3d3d3;
    width: 52vw;
    margin-top: 2vw;
    margin-bottom: 2vw; }

    @media only screen and (max-width: 599px) {
        hr.super-short {
            width: 72vw;
            border-top: 1px solid #d3d3d3;
            margin-top: 3vw;
            margin-bottom: 1vw;
            margin-left: 5vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) {
        hr.super-short {
            width: 80vw;
            margin-top: 5vw;
            margin-bottom: 4vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.super-short {
            width: 80vw;
            margin-top: 2vw;
            margin-bottom: 4vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.super-short {
            border-top: 1px solid #d3d3d3;
            width: 52vw;
            margin-top: 2vw;
            margin-bottom: 2vw; } }

hr.super-short-low {
    border-top: 1px solid #d3d3d3;
    width: 52vw;
    margin-top: 2vw;
    margin-bottom: 2vw; }

    @media only screen and (max-width: 599px) {
        hr.super-short-low {
            width: 72vw;
            margin-top: 18vw;
            margin-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.super-short-low {
            width: 80vw;
            margin-top: 6vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.super-short-low {
            border-top: 1px solid #d3d3d3;
            width: 52vw;
            margin-top: 2vw;
            margin-bottom: 2vw; } }

hr.super-short-bottom {
    border-top: 1px solid #d3d3d3;
    width: 52vw;
    margin-top: 2vw;
    margin-bottom: 1vw; }

    @media only screen and (max-width: 599px) {
        hr.super-short-bottom {
            width: 72vw;
            margin-top: 18vw;
            margin-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.super-short-bottom {
            width: 80vw;
            margin-top: 8vw;
            margin-bottom: 5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.super-short-bottom {
            border-top: 1px solid #d3d3d3;
            width: 52vw;
            margin-top: 2vw;
            margin-bottom: 1vw; } }

hr.short-open {
    border-top: 1px solid #d3d3d3;
    width: 52vw;
    margin-top: 0vw;
    margin-bottom: 3vw; }

    @media only screen and (max-width: 599px) { 
        hr.short-open {
            width: 80vw;
            margin-top: 1vw;
            margin-bottom: 6vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        hr.short-open {
            width: 80vw;
            margin-top: 2vw;
            margin-bottom: 5vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.short-open {
            width: 80vw;
            margin-top: 2vw;
            margin-bottom: 5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        hr.short-open {
            border-top: 1px solid #d3d3d3;
            width: 52vw;
            margin-top: .5vw;
            margin-bottom: 3vw; } }

.mrs-kell-steamcamp-grid-holder-inner-top {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 3vw; }

    /*@media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-steamcamp-grid-holder-inner-first {
            padding-top: 4vw; } }*/

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

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrs-kell-product-grid {
            grid-gap: 2vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrs-kell-product-grid {
            grid-gap: 5vw; } }*/

    @media only screen and (max-width: 599px) { 
        .mrs-kell-product-grid {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 8vw; } }

.mrs-kell-product-grid > div {
    flex: 1; }

@supports (display: grid) {
    .mrs-kell-testimonial-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4vw; } }

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

    /*@media only screen and (min-width: 600px) and (max-width: 768px) {
        .mrs-kell-testimonial-grid {
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 5vw; } }*/

    @media only screen and (max-width: 599px) {
        .mrs-kell-testimonial-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 0; } }

.mrs-kell-testimonial-grid > div {
    flex: 1; }

@supports (display: grid) {
    .mrs-kell-steam-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrs-kell-steam-grid {
            grid-gap: 5vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrs-kell-steam-grid {
            grid-gap: 7vw; } }*/

    @media only screen and (max-width: 599px) { 
        .mrs-kell-steam-grid {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 2vw; } }

.mrs-kell-steam-grid > div {
    flex: 1; }

.image-shadow {
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); }

.mrs-kell-product-block { 
    width: 25vw; }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .mrs-kell-product-block { 
            width: 23vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .mrs-kell-product-block { 
            width: 24vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .mrs-kell-product-block { 
            width: 25vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrs-kell-product-block { 
            width: 40vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrs-kell-product-block { 
            width: 38vw; } }*/

    @media only screen and (max-width: 599px) { 
        .mrs-kell-product-block { 
            width: 73vw;
            padding-left: 3vw;
            padding-top: 8vw; } }

.mrs-kell-steam-block { 
    width: 25vw; }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) {
        .mrs-kell-steam-block { 
            width: 23vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .mrs-kell-steam-block { 
            width: 24vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .mrs-kell-steam-block { 
            width: 25vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrs-kell-steam-block { 
            width: 38vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrs-kell-steam-block { 
            width: 40vw; } }*/

    @media only screen and (max-width: 599px) { 
        .mrs-kell-steam-block { 
            width: 65vw;
            padding-left: 0vw; } }

.mrskell-product-copy h2 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 800;
    text-align: left;
    font-size: 36px;
    line-height: 1.35;
    letter-spacing: 0.03vw;
    word-spacing: -.1vw;
    margin-bottom: .5vw;
    color: #444; }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .mrskell-product-copy h2 {
            font-size: 26px;
            line-height: 1.61;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .mrskell-product-copy h2 {
            font-size: 23px;
            line-height: 1.61;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        .mrskell-product-copy h2 {
            font-size: 21px;
            line-height: 1.61;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .mrskell-product-copy h2 {
            font-size: 21px;
            line-height: 1.61;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .mrskell-product-copy h2 {
            font-size: 24px;
            line-height: 1.7;
            letter-spacing: 0.03vw;
            margin-bottom: 1vw;
            color: #000; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrskell-product-copy h2 {
            font-size: 19px;
            line-height: 2.0;
            letter-spacing: 0.03vw;
            margin-bottom: 1vw;
            color: #000; } }

    @media only screen and (max-width: 599px) { 
        .mrskell-product-copy h2 {
            font-size: 21px;
            line-height: 1.7;
            letter-spacing: 0.03vw;
            margin-bottom: 1vw;
            color: #000; } }

.mrskell-product-copy h4 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: left;
    font-size: 36px;
    line-height: 1.35;
    letter-spacing: 0.03vw;
    word-spacing: -.1vw;
    margin-bottom: .5vw;
    color: #777; }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .mrskell-product-copy h4 {
            font-size: 26px;
            line-height: 1.61;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .mrskell-product-copy h4 {
            font-size: 23px;
            line-height: 1.61;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        .mrskell-product-copy h4 {
            font-size: 21px;
            line-height: 1.61;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .mrskell-product-copy h4 {
            font-size: 21px;
            line-height: 1.61;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .mrskell-product-copy h4 {
            font-size: 24px;
            line-height: 1.7;
            letter-spacing: 0.03vw;
            margin-bottom: 1vw;
            color: #000; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrskell-product-copy h4 {
            font-size: 19px;
            line-height: 2.0;
            letter-spacing: 0.03vw;
            margin-bottom: 1vw;
            color: #000; } }

    @media only screen and (max-width: 599px) { 
        .mrskell-product-copy h4 {
            font-size: 21px;
            line-height: 1.7;
            letter-spacing: 0.03vw;
            margin-bottom: 1vw;
            color: #000; } }

.mrskell-steam-copy h2 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 800;
    text-align: left;
    font-size: 36px;
    line-height: 1.5;
    letter-spacing: 0.03vw;
    word-spacing: -.1vw;
    margin-bottom: .5vw;
    color: #444; }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .mrskell-steam-copy h2 {
            font-size: 26px;
            line-height: 1.61;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .mrskell-steam-copy h2 {
            font-size: 23px;
            line-height: 1.61;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        .mrskell-steam-copy h2 {
            font-size: 21px;
            line-height: 1.61;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-steam-copy h2 {
            font-size: 23px;
            line-height: 1.6;
            letter-spacing: 0.03vw;
            margin-bottom: 1.5vw;
            color: #000; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrskell-steam-copy h2 {
            font-size: 18px;
            line-height: 1.7;
            letter-spacing: 0.03vw;
            margin-bottom: 1vw;
            color: #000; } }*/

    @media only screen and (max-width: 599px) { 
        .mrskell-steam-copy h2 {
            font-size: 21px;
            line-height: 1.7;
            letter-spacing: 0.03vw;
            margin-bottom: 1vw;
            color: #000; } }

.mrskell-steam-copy h4 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: left;
    font-size: 38px;
    line-height: 1.5;
    letter-spacing: 0.03vw;
    word-spacing: -.1vw;
    margin-bottom: .5vw;
    color: #555; }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .mrskell-steam-copy h4 {
            font-size: 26px;
            line-height: 1.61;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .mrskell-steam-copy h4 {
            font-size: 23px;
            line-height: 1.61;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        .mrskell-steam-copy h4 {
            font-size: 21px;
            line-height: 1.61;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-steam-copy h4 {
            font-size: 23px;
            line-height: 1.6;
            letter-spacing: 0.03vw;
            color: #000; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrskell-steam-copy h4 {
            font-size: 18px;
            line-height: 1.7;
            letter-spacing: 0.03vw;
            margin-bottom: 1vw;
            color: #000; } }*/

    @media only screen and (max-width: 599px) { 
        .mrskell-steam-copy h4 {
            font-size: 21px;
            line-height: 1.7;
            letter-spacing: 0.03vw;
            margin-bottom: 1vw;
            color: #000; } }

.mrs-kell-testimonial-block { 
    width: 21vw;
    margin-top: -.5vw; }

    @media only screen and (max-width: 375px) {
        .mrs-kell-testimonial-block { 
            width: 75vw;
            margin-top: 0vw;
            padding-top: 2vw; } }

        @media only screen and (min-width: 376px) and (max-width: 599px) {
        .mrs-kell-testimonial-block { 
            width: 75vw;
            margin-top: 0vw;
            padding-top: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrs-kell-testimonial-block { 
            width: 36vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-testimonial-block { 
            width: 23vw; } }

    

    /*@media only screen and (min-width: 600px) and (max-width: 768px) {
        .mrs-kell-testimonial-block { 
            width: 40vw; } }*/

    

.mrskell-testimonial-copy h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: left;
    font-size: .9vw;
    line-height: 2.5;
    letter-spacing: 0.02vw;
    word-spacing: -.1vw;
    margin-bottom: 1.25vw;
    color: #555; }

    @media only screen and (max-width: 375px) {
        .mrskell-testimonial-copy h2 {
            font-size: 13.5px;
            line-height: 2;
            letter-spacing: 0.03vw;
            margin-bottom: 3vw; } }

        @media only screen and (min-width: 376px) and (max-width: 599px) {
        .mrskell-testimonial-copy h2 {
            font-size: 15px;
            line-height: 1.7;
            letter-spacing: 0.03vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .mrskell-testimonial-copy h2 {
            font-size: .9vw;
            line-height: 2.5; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        .mrskell-testimonial-copy h2 {
            font-size: .9vw;
            line-height: 2.5;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .mrskell-testimonial-copy h2 {
            font-size: .9vw;
            line-height: 2.65;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .mrskell-testimonial-copy h2 {
            font-size: 17px;
            line-height: 2.5;
            letter-spacing: 0.03vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .mrskell-testimonial-copy h2 {
            font-size: 13px;
            line-height: 2.5;
            letter-spacing: 0.03vw; } }

    

.mrskell-caption-block {
    margin: 0 auto;
    text-align: center;
    padding-top: 1.34vw; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-caption-block {
            padding-top: 2.25vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .mrskell-caption-block {
            padding-top: 3.25vw; } }

.mrskell-caption-copy h4 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: italic;
    font-weight: 200;
    text-transform: none;
    text-align: center;
    font-size: 22px;
    line-height: 2;
    letter-spacing: 0.03vw;
    word-spacing: -.05vw;
    color: #777;  }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrskell-caption-copy h4 {
            font-size: 20px; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-caption-copy h4 {
            font-size: 18px;
            color: #888; } }

.summergarten-blocks-outer {
    margin: 0 0;
    z-index: 111111;
    background: #f4f2ee;
    /*padding-top: 3.5vw;*/
    padding-top: 2vw;
    padding-bottom: 5vw;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .summergarten-blocks-outer {
            margin: 0 0;
            z-index: 111111;
            padding-top: 8vw;
            padding-bottom: 6vw;
            padding-left: 0vw;
            display: flex;
            justify-content: center;
            align-items: center; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .summergarten-blocks-outer {
            margin: 0 0;
            z-index: 111111;
            padding-top: 5vw;
            padding-bottom: 6vw;
            padding-left: 1vw;
            display: flex;
            justify-content: center;
            align-items: center; } }

.zoomcamps-blocks-upper {
    margin: 0 0;
    z-index: 111111;
    background: #f4f2ee;
    /*padding-top: 3.5vw;*/
    padding-top: 2vw;
    padding-bottom: 0vw;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .zoomcamps-blocks-upper {
            margin: 0 0;
            z-index: 111111;
            padding-top: 8vw;
            padding-bottom: 3vw;
            padding-left: 0vw;
            display: flex;
            justify-content: center;
            align-items: center; } }

            /*@media only screen and (max-width: 599px) { 
        .zoomcamps-blocks-upper {
            margin: 0 0;
            z-index: 111111;
            padding-top: 9vw;
            padding-bottom: 15vw;
            padding-left: 1vw;
            display: flex;
            justify-content: center;
            align-items: center; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .zoomcamps-blocks-upper {
            margin: 0 0;
            z-index: 111111;
            padding-top: 5vw;
            padding-bottom: 3vw;
            padding-left: 1vw;
            display: flex;
            justify-content: center;
            align-items: center; } }

.zoomcamps-blocks-lower {
    margin: 0 0;
    z-index: 111111;
    background: #f4f2ee;
    /*padding-top: 3.5vw;*/
    padding-top: 2vw;
    padding-bottom: 5vw;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .zoomcamps-blocks-lower {
            margin: 0 0;
            z-index: 111111;
            padding-top: 8vw;
            padding-bottom: 3vw;
            padding-left: 0vw;
            display: flex;
            justify-content: center;
            align-items: center; } }

            /*@media only screen and (max-width: 599px) { 
        .zoomcamps-blocks-lower {
            margin: 0 0;
            z-index: 111111;
            padding-top: 9vw;
            padding-bottom: 15vw;
            padding-left: 1vw;
            display: flex;
            justify-content: center;
            align-items: center; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .zoomcamps-blocks-lower {
            margin: 0 0;
            z-index: 111111;
            padding-top: 5vw;
            padding-bottom: 3vw;
            padding-left: 1vw;
            display: flex;
            justify-content: center;
            align-items: center; } }


.steam-blocks-outer {
    margin: 0 0;
    z-index: 111111;
    padding-top: 3.5vw;
    padding-bottom: 6vw;
    padding-left: 2vw;
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .steam-blocks-outer {
            padding-top: 6vw;
            padding-bottom: 12vw;
            padding-left: 1vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .steam-blocks-outer {
            padding-top: 6vw;
            padding-bottom: 12vw;
            padding-left: 1vw; } }*/

    @media only screen and (max-width: 599px) { 
        .steam-blocks-outer {
            padding-top: 9vw;
            padding-bottom: 15vw;
            padding-left: 1vw; } }

.camp-blocks-outer {
    margin: 0 0;
    z-index: 111111;
    background: #f4f2ee;
    padding-top: 1vw;
    padding-bottom: 6vw;
    padding-left: 0vw;
    /*box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7);*/ }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .camp-blocks-outer {
            padding-top: 6vw;
            padding-bottom: 12vw;
            padding-left: 1vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .camp-blocks-outer {
            padding-top: 6vw;
            padding-bottom: 12vw;
            padding-left: 1vw; } }*/

    @media only screen and (max-width: 599px) { 
        .camp-blocks-outer {
            padding-top: 9vw;
            padding-bottom: 15vw;
            padding-left: 1vw; } }

.testimonials-outer {
    margin: 0 0;
    z-index: 111111;
    background: #f4f2ee;
    padding-top: 1vw;
    padding-bottom: 6vw;
    padding-left: 0vw;
    /*box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7);*/ }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .testimonials-outer {
            padding-top: 6vw;
            padding-bottom: 12vw;
            padding-left: 1vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .camp-blocks-outer {
            padding-top: 6vw;
            padding-bottom: 12vw;
            padding-left: 1vw; } }*/

    @media only screen and (max-width: 599px) { 
        .testimonials-outer {
            padding-top: 4vw;
            padding-bottom: 15vw;
            padding-left: 1vw; } }

.mrskell-story-blocks-outer {
    margin: 0 0;
    z-index: 111111;
    padding-top: 3.5vw;
    padding-bottom: 8vw;
    padding-left: 0vw;
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-story-blocks-outer {
            padding-top: 5vw;
            padding-bottom: 12vw;
            padding-left: 1vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrskell-story-blocks-outer {
            padding-top: 6vw;
            padding-bottom: 12vw;
            padding-left: 1vw; } }*/

    @media only screen and (max-width: 599px) { 
        .mrskell-story-blocks-outer {
            padding-top: 9vw;
            padding-bottom: 12vw;
            padding-left: 1vw; } }

.mrskell-logo-200 {
    position: relative; 
    margin: 0 auto;
    width: 12.5em;
    height: 5.0em;
    margin-top: 1vw;
    cursor: pointer;
    box-shadow: 0 21px 21px -10px rgba(0,0,0,0.34); }

    @media only screen and (min-width: 1025px) and (max-width: 1680px) { 
        .mrskell-logo-200 {
            width: 10em;
            height: 4.0em; } }

    @media only screen and (max-width: 1024px) { 
        .mrskell-logo-200 {
            width: 10em;
            height: 4.0em;
            margin-top: 1vw;
            margin-bottom: 1vw; } }

.mrskell-logo-317 {
    position: relative; 
    margin: 0 auto;
    width: 317px;
    height: 198px;
    margin-top: 1vw;
    cursor: pointer;
    box-shadow: 0 21px 21px -10px rgba(0,0,0,0.7); }

.mrskell-logo-200-close {
    position: relative; 
    margin: 0 auto;
    width: 12.5em;
    height: 5.0em;
    margin-top: 1vw;
    padding-bottom: 3vw;
    cursor: pointer;
    box-shadow: 0 21px 21px -10px rgba(0,0,0,0.5); }

.mrskell-kit-image {
    margin: 0 auto;
    width: 1300px;
    height: 867px;
    /*padding-top: 2vw;*/
    padding-bottom: 2vw;
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); }

.mrskell-scroll-outer {
    margin: 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

.mrskell-scroll-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: .5vw;
    padding-bottom: 0vw; }

    /*@media only screen and (max-width: 599px) { 
        .mrskell-scroll-inner {
            padding-top: 4vw;
            padding-bottom: 0vw; } }*/

.image-buy {
    text-align: left;
    width: 200px;
    height: 62px;
    margin-top: 1vw;
    margin-bottom: 2vw;
    box-shadow: 0 21px 21px -10px rgba(0,0,0,0.5);
    opacity: .75; }

.image-camp {
    text-align: left;
    width: 100%;
    height: auto;
    box-shadow: 0 21px 21px -10px rgba(0,0,0,0.5); }

.week-text h2 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 800;
    text-transform: none;
    font-size: 2.5vw;
    line-height: 1.0;
    letter-spacing: -.04vw;
    text-align: left;
    color: #fff; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .week-text h2 {
            font-size: 2.0vw;
            line-height: 1.0; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .week-text h2 {
            font-size: 3.25vw;
            line-height: 1.0;
            letter-spacing: -.04vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .week-text h2 {
            font-size: 3.25vw;
            line-height: 1.0;
            letter-spacing: -.04vw; } }*/

    @media only screen and (max-width: 599px) { 
        .week-text h2 {
            font-size: 5.5vw;
            line-height: 1.2;
            letter-spacing: -.04vw; } }

.week-text h6 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 200;
    font-style: italic;
    font-size: 2.5vw;
    line-height: 1.0;
    letter-spacing: -.04vw;
    text-align: left;
    color: #000; }

.steam-pad {
    padding-left: 0vw; }

    @media only screen and  (max-width: 1024px) {
        .steam-pad {
            padding-left: 0vw; } }

.week-1 {
    width: 100%;
    height: auto;
    background: #5f79c0;
    text-align: left;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: .6vw;
    padding-left: 2vw;
    padding-top: 2.0vw;
    padding-bottom: 2.0vw;
    margin-bottom: 1.5vw;
    box-shadow: 0 34px 34px -10px rgba(0,0,0,0.5);
    transition: 1s ease;
    cursor: pointer; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .week-1 { 
            margin-top: .75vw;
            padding-left: 3vw;
            padding-top: 3.0vw;
            padding-bottom: 3.0vw;
            margin-bottom: 2vw; } }

    @media only screen and (max-width: 599px) { 
        .week-1 { 
            margin-top: .75vw;
            padding-left: 6vw;
            padding-top: 4.0vw;
            padding-bottom: 4.0vw;
            margin-bottom: 4vw; } }

.week-1:hover {
    background: #beb8b4; }

.week-2 {
    width: 100%;
    height: auto;
    background: #A2D024;
    text-align: left;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: .6vw;
    padding-left: 2vw;
    padding-top: 2.0vw;
    padding-bottom: 2.0vw;
    margin-bottom: 1.5vw;
    box-shadow: 0 34px 34px -10px rgba(0,0,0,0.5);
    transition: 1s ease;
    cursor: pointer; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .week-2 { 
            padding-left: 3vw;
            padding-top: 3.0vw;
            padding-bottom: 3.0vw;
            margin-bottom: 2vw; } }

    @media only screen and (max-width: 599px) { 
        .week-2 { 
            margin-top: .75vw;
            padding-left: 6vw;
            padding-top: 4.0vw;
            padding-bottom: 4.0vw;
            margin-bottom: 4vw; } }

.week-2:hover {
    background: #beb8b4; }

.week-3 {
    width: 100%;
    height: auto;
    background: rgba(236,0,140,1.0);
    text-align: left;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: .6vw;
    padding-left: 2vw;
    padding-top: 2.0vw;
    padding-bottom: 2.0vw;
    margin-bottom: 1.5vw;
    box-shadow: 0 34px 34px -10px rgba(0,0,0,0.5); 
    transition: 1s ease;
    cursor: pointer; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .week-3 { 
            padding-left: 3vw;
            padding-top: 3.0vw;
            padding-bottom: 3.0vw;
            margin-bottom: 2vw; } }

    @media only screen and (max-width: 599px) { 
        .week-3 { 
            margin-top: .75vw;
            padding-left: 6vw;
            padding-top: 4.0vw;
            padding-bottom: 4.0vw;
            margin-bottom: 4vw; } }

.week-3:hover {
    background: #beb8b4; }

.week-4 {
    width: 100%;
    height: auto;
    /*background: #756c67;*/
    background: #9e9894;
    text-align: left;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: .6vw;
    padding-left: 2vw;
    padding-top: 2.0vw;
    padding-bottom: 2.0vw;
    margin-bottom: 1.5vw;
    box-shadow: 0 34px 34px -10px rgba(0,0,0,0.5); 
    transition: 1s ease;
    cursor: pointer; }

    @media only screen and  (max-width: 1024px) {
        .week-4 { 
            padding-left: 3vw;
            padding-top: 3.0vw;
            padding-bottom: 3.0vw;
            margin-bottom: 2vw; } }

    @media only screen and (max-width: 599px) { 
        .week-4 { 
            margin-top: .75vw;
            padding-left: 6vw;
            padding-top: 4.0vw;
            padding-bottom: 4.0vw;
            margin-bottom: 4vw; } }

.week-4:hover {
    background: #beb8b4; }

.week-5 {
    width: 100%;
    height: auto;
    background: #d0b621;
    text-align: left;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: .6vw;
    padding-left: 2vw;
    padding-top: 2.0vw;
    padding-bottom: 2.0vw;
    margin-bottom: 1.5vw;
    box-shadow: 0 34px 34px -10px rgba(0,0,0,0.5); 
    transition: 1s ease;
    cursor: pointer; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .week-5 { 
            padding-left: 3vw;
            padding-top: 3.0vw;
            padding-bottom: 3.0vw;
            margin-bottom: 2vw; } }

    @media only screen and (max-width: 599px) { 
        .week-5 { 
            margin-top: .75vw;
            padding-left: 6vw;
            padding-top: 4.0vw;
            padding-bottom: 4.0vw;
            margin-bottom: 4vw; } }

.week-5:hover {
    background: #beb8b4; }

.week-6 {
    width: 100%;
    height: auto;
    background: #00aef3;
    text-align: left;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: .6vw;
    padding-left: 2vw;
    padding-top: 2.0vw;
    padding-bottom: 2.0vw;
    margin-bottom: 1.5vw;
    box-shadow: 0 34px 34px -10px rgba(0,0,0,0.5); 
    transition: 1s ease;
    cursor: pointer; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .week-6 { 
            padding-left: 3vw;
            padding-top: 3.0vw;
            padding-bottom: 3.0vw;
            margin-bottom: 2vw; } }

    @media only screen and (max-width: 599px) { 
        .week-6 { 
            margin-top: .75vw;
            padding-left: 6vw;
            padding-top: 4.0vw;
            padding-bottom: 4.0vw;
            margin-bottom: 4vw; } }

.week-6:hover {
    background: #beb8b4; }

.week-7 {
    width: 100%;
    height: auto;
    background: #b9e4c9;
    text-align: left;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: .6vw;
    padding-left: 2vw;
    padding-top: 2.0vw;
    padding-bottom: 2.0vw;
    margin-bottom: 1.5vw;
    box-shadow: 0 34px 34px -10px rgba(0,0,0,0.5);
    transition: 1s ease;
    cursor: pointer; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .week-7 { 
            padding-left: 3vw;
            padding-top: 3.0vw;
            padding-bottom: 3.0vw;
            margin-bottom: 2vw; } }

    @media only screen and (max-width: 599px) { 
        .week-7 { 
            margin-top: .75vw;
            padding-left: 6vw;
            padding-top: 4.0vw;
            padding-bottom: 4.0vw;
            margin-bottom: 4vw; } }

.week-7:hover {
    background: #beb8b4; }

.week-8 {
    width: 100%;
    height: auto;
    background: #ff5500;
    text-align: left;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: .6vw;
    padding-left: 2vw;
    padding-top: 2.0vw;
    padding-bottom: 2.0vw;
    margin-bottom: 1.5vw;
    box-shadow: 0 34px 34px -10px rgba(0,0,0,0.5);
    transition: 1s ease;
    cursor: pointer; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .week-8 { 
            padding-left: 3vw;
            padding-top: 3.0vw;
            padding-bottom: 3.0vw;
            margin-bottom: 2vw; } }

    @media only screen and (max-width: 599px) { 
        .week-8 { 
            margin-top: .75vw;
            padding-left: 6vw;
            padding-top: 4.0vw;
            padding-bottom: 4.0vw;
            margin-bottom: 4vw; } }

.week-8:hover {
    background: #beb8b4; }

.week-9 {
    width: 100%;
    height: auto;
    background: #866f4f;
    text-align: left;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: .6vw;
    padding-left: 2vw;
    padding-top: 2.0vw;
    padding-bottom: 2.0vw;
    margin-bottom: 1.5vw;
    box-shadow: 0 34px 34px -10px rgba(0,0,0,0.5);
    transition: 1s ease;
    cursor: pointer; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .week-9 { 
            padding-left: 3vw;
            padding-top: 3.0vw;
            padding-bottom: 3.0vw;
            margin-bottom: 2vw; } }

    @media only screen and (max-width: 599px) { 
        .week-9 { 
            margin-top: .75vw;
            padding-left: 6vw;
            padding-top: 4.0vw;
            padding-bottom: 4.0vw;
            margin-bottom: 4vw; } }

.week-9:hover {
    background: #beb8b4; }

.week-10 {
    width: 100%;
    height: auto;
    background: #bf4649;
    text-align: left;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: .6vw;
    padding-left: 2vw;
    padding-top: 2.0vw;
    padding-bottom: 2.0vw;
    margin-bottom: 1.5vw;
    box-shadow: 0 34px 34px -10px rgba(0,0,0,0.5);
    transition: 1s ease;
    cursor: pointer; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .week-10 { 
            padding-left: 3vw;
            padding-top: 3.0vw;
            padding-bottom: 3.0vw;
            margin-bottom: 2vw; } }

    @media only screen and (max-width: 599px) { 
        .week-10 { 
            margin-top: .75vw;
            padding-left: 6vw;
            padding-top: 4.0vw;
            padding-bottom: 4.0vw;
            margin-bottom: 4vw; } }

.week-10:hover {
    background: #beb8b4; }

.mrskell-open-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto; }

/*Hex Stuff*/

.HexF4 {
    color: #f4f2ee; }

.Hex7E {
    color: #7e7874; }

.HexFF {
    color: #fff; }

.Hex00 {
    color: #000; }

.Hex33 {
    color: #333; }

.Hex88 {
    color: #888; }

.Hex99 {
    color: #999; }

.HexAA {
    color: #aaa; }

.HexBB {
    color: #bbb; }

.HexYellow {
    color: #ff9900; }

.HexGreen {}

.HexBE {
    color: #beb8b4; }

.HexPrice {
    font-weight: 700;
    color: rgba(0,148,255,1.0); }

.HexSmBlue {
    color: rgba(57,115,181,1.0); }

.HexMedium {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif; 
    font-style: normal;
    font-weight: 500;
    color: rgba(0,0,0,1.0); }

.HexHello {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif; 
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.05vw;
    word-spacing: -.4vw;
    padding-top: 2vw;
    color: rgba(0,0,0,1.0); }

.Hex-b-blk {
    color: #000;
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 800;
    text-align: center; }

.Hex-b-yel {
    color: #ff9900;
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 800;
    text-align: center; }

.Hex-b-grey {
    color: #999;
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 800;
    text-align: center; }

.Hex-b-super {
    color: #f14e23;
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 800;
    text-align: center; }

.Hex-b-summer {
    color: #ff9900;
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 800;
    text-align: center; }

.Hex-b-steam{
    color: #5f79c0;
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 800;
    text-align: center; }

.HexMrsKellYellow {
    color: rgba(255, 191, 0, 1.0); }

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

.HexMrsKellBluey {
    color: rgba(76, 165, 255, 1.0); }

.HexMon1 {
    color: #fd5f19; }

.HexMon2 {
    color: #030400; }

.Hex9E {
    color: #9e9894; }

.HexOpen {
    color: #a3d900; }

.HexFull {
    color: #f14e23; }

.Shim1v {
    padding-left: 1vw; }

.Shim2v {
    padding-left: 2vw; }

.HexSummer {
    color: #ff9900; }

.HexSuper {
    color: #f14e23; }

.HexSteam {
    color: #5f79c0; }

.HexB {
    color: #bbbbbb; }

.HexOpenings {
    color: #99cc00; }

.shopify-buy-button-outer {
    padding-top: .25vw;
    transition: 1s ease;
    width: 191px;
    height: 51px;
    margin-bottom: 3vw; }

.mail-icon {
    margin: 0 auto;
    width: 44px;
    opacity: .5;
    margin-top: 0vw; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Footopolis  */ 

#footopolis {
    margin: 0 0;
    height: calc(100vh - 5.0em);   
    text-align: center;
    /*box-shadow: 0px 2px 40px 0px rgba(0,0,0,0.21);*/ }

    @media only screen and (max-width: 599px) { 
        #footopolis {
            height: calc(100vh - 5.0em); 
            background: #fff;
            /*padding-top: 8vw; */
            padding-top: 0vw; 
            /*padding-bottom: 8vw;*/ } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) { }

main {
    display: grid;
    height: calc(100vh - 5.0em);
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0vw; }

    @media only screen and (min-width: 0px) and (max-width: 1024px) {
        main {
        height: calc(100vh - 5.0em);
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0vw; } }

.footer-left-mrskell {
    background: url("http://www.mrskell.com/images/now_serving_science_image.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 auto;
    padding: 5vw;
    height: calc(100vh - 5.0em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 28px 0 28px -5px rgba(0,0,0,0.34); }

    /*@media only screen and (min-width: 1281px) and (max-width: 1940px) {
        .footer-left-mrskell  {
            background: url("https://www.simplifyaustin.com/images/footer_starbucks_light_2_1920-01.svg"); 
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative; } }*/

figure#form {
    background: #fffcf5;
    padding-top: 1vw; }

    /*@media only screen and (max-width: 599px) { 
        figure#form {
            height: 60vh;
            padding-top: 15vw;
            padding-bottom: 4vw; 
            border-left: 0px; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        figure#form {
            height: 60vh;
            background: #fffcf5;
            padding-top: 10vw;
            padding-bottom: 10vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        figure#form {
            height: calc(100vh - 5.0em);
            background: #fffcf5;
            padding-top: 0vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        figure#form {
            height: calc(100vh - 5.0em);
            background: #fffcf5;
            padding-top: 0vw; } }*/

    @media only screen and (max-width: 599px) { 
        figure#form {
            height: calc(100vh - 5.0em);
            background: #fffcf5;
            padding-top: 0vw; } }

figure {
    align-items: center;
    display: flex;
    justify-content: center; }

.slime-vertical-image {
    margin: 0 auto;
    width: 80%;
    height: auto;
    margin-bottom: 2vw;
    /*margin-bottom: 8vw;*/
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Back To Top / Percentage Container */ 

.percentage-container {
    height: 44px;
    width: 44px;
    position: fixed;
    bottom: 20px;
    left: 25px;
    cursor: pointer;
    z-index: 999999;
    -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: 599px) { 
        .percentage-container {
            bottom: 20px;
            left: 17px; } }

#percentage-container {
    height: 44px;
    width: 44px;
    position: fixed;
    bottom: 20px;
    left: 25px;
    cursor: pointer;
    z-index: 999999;
    visibility:hidden; }

    @media only screen and (max-width: 599px) { 
        #percentage-container {
            bottom: 20px;
            left: 17px; } }

#percentage-container h4 {
    font-style: italic;
    font-weight: 700;
    margin-top: 0;
    color: #fff;
    font-size: 11px;
    letter-spacing: 4px;
    padding-left: 1px;
    margin-top: 1px;
    text-align: center; }

.percentage-button-outer {
    background: rgba(28, 28, 28, 1.0);
    border-radius: 22px;
    font-size: 0;
    height: 44px;
    text-align: center;
    vertical-align: middle;
    outline: 0;
    padding: 0;
    pointer-events: visible;
    position: relative;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 999999;
    -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; }

    @media only screen and (min-width: 0px) and (max-width: 1024px) { 
        .percentage-button-outer {
            background: rgba(0, 0, 0, 0.0); } }

.percentage-button-outer:hover {
    background: rgba(28, 28, 28, 0.5); }

    @media only screen and (min-width: 0px) and (max-width: 1024px) { 
        .percentage-button-outer:hover {
            background: rgba(0, 0, 0, 0.0); } }

.percentage-button-inner {
    text-align: center;
    vertical-align: middle;
    width: 36px;
    top: 10px;
    left: 4px;
    bottom: 10px;
    z-index: 999999; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Form / Footer  */

#simplify-form {
    position: relative;
    width: 30%;
    margin: 0 auto;
    border: solid 1px #beb8b4;
    height: 80px;
    margin-top: 1vw;
    margin-bottom: 3vw; }

    @media only screen and (max-width: 599px) { 
        #simplify-form {
            height: 50px; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        #simplify-form {
            height: 55px; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #simplify-form {
            height: 55px; } }

    @media only screen and (max-height: 640px) {
        #simplify-form {
            height: 60px; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        #simplify-form {
        margin-bottom: 0vw; } }

*, *::after, *::before {
    box-sizing: border-box; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Minutiae  */

.LittleBluey {
    color: #94BDCD; }

.ChewySpot {
    color: #4e4844; }

.sup {
  vertical-align: super; }

.chron800 {
  font-weight: 800; }

.Enlarge {
    font-weight: 700; }

.CousinIt {
    font-style: italic; }

.strikeThrough {
text-decoration: line-through; }

.HexVignelli {
    color: #f14e23; }

.HexBon {
    color: #fe8c6e; }

.HexSoft {
    color: #fd7258; }

.HexLink {
    color: #94706a; }

.HexBoom {
    color: #ff3530; }

.HexAEBlack {
    color: #aea8a4;
    font-style: normal;
    font-weight: 800;
    word-spacing: 0vw;
    letter-spacing: -.003vw; }

.Hex38Black {
    color: #383838;
    font-style: normal;
    font-weight: 800;
    word-spacing: 0vw;
    letter-spacing: -.003vw; }

.HexVignelliBlack {
    color: #f14e23;
    font-style: normal;
    font-weight: 800;
    word-spacing: 0vw;
    letter-spacing: -.003vw; }

.HexVignelliBrown {
    color: #c0963c;
    font-style: normal;
    font-weight: 800;
    word-spacing: 0vw;
    letter-spacing: -.003vw; }

.HexBlack {
    color: #000;
    font-weight: 800;
    word-spacing: -.4vw;
    letter-spacing: -.003vw;
    font-style: normal; }

.HexWelcome {
    color: #1c1c1c;
    font-weight: 800;
    font-style: normal; }

.HexSub {
    color: #fd7258;
    font-weight: 800;
    word-spacing: -.1vw; } 

.HexBold {
    color: #1c1c1c;
    font-weight: 800;
    word-spacing: -.1vw;
    letter-spacing: 0vw;
    font-style: normal; } 

.HexTrademarkBold {
    color: #000;
    font-weight: 800;
    font-style: normal; } 

.HexBlackBE {
    color: #beb8b4;
    font-weight: 800;
    word-spacing: 0vw;
    letter-spacing: -.003vw;
    font-style: normal; }

.HexBlackCE {
    color: #cec8c4;
    font-weight: 800;
    word-spacing: 0vw;
    letter-spacing: -.003vw;
    font-style: normal; }

.HexLongformBlack {
    color: #1c1c1c;
    font-weight: 800;
    word-spacing: -.25vw;
    letter-spacing: -.003vw;
    font-style: normal; }

.HexBlackAE {
    color: #aea8a4;
    font-size: 1.4vw;
    font-weight: 800;
    word-spacing: 0vw;
    letter-spacing: -.003vw;
    font-style: normal;
    padding-top: 1vw; }

.HexBoldCE {
    color: #cec8c4;
    font-weight: 300; }

.HexBoldBE {
    color: #5e5854;
    font-weight: 800; }

.HexVerde {
    color: #68ac6f; }

.Hex1C {
    color: #1c1c1c; }

.Hex29 {
    color: #393a37; }

.Hex2D {
    color: #2d2b29; }

.Hex38 {
    color: #383838; }

.Hex3D {
    color: #3d3b39; }

.Hex3E {
    color: #3e3834; }

.Hex44 {
    color: #444; }

.Hex4E {
    color: #4e4844; }

.Hex4Ebold {
    color: #4e4844;
    font-weight: 700; }

.HexNavdate {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 800;
    font-style: normal;
    text-transform: none;
    letter-spacing: 5px;
    word-spacing: -.3vw;
    opacity: .8;
    color: #6e6864; }

.Hex55 {
    color: #555; }

.Hex55nav {
    color: #555;
    line-height: 1.07; }

.Hex5E {
    color: #5e5854; }

.Hex66 {
    color: #666; }

.Hex6D {
    color: #6d6b69; }

.Hex6E {
    color: #6e6864; }

.Hex77 {
    color: #777; }

.Hex8E {
    color: #8e8884; }

.Hex86 {
    color: #866f4f; }

.Hex88 {
    color: #888; }

.Hex86 {
    color: #866f4f; }

.HexCB {
    color: #cbdded; }

.Hex9E {
    color: #9e9894; }

.Hex68 {
    color: #68bfb9; }

.HexAA {
    color: #aaa; }

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


.PopUpBlue {
    color: #0094ff; }

.PopUpYellow {
    color: #faa61a; }

.PopUpPink {
    color: #f257b3; }

.PopUpGreen {
    color: #99cc00; }

.PopUpRed {
    color: #ff0000; }



.HexAE {
    color: #aea8a4; }

.HexA2 {
    color: #a29d99; }

.HexAA {
    color: #aaaaaa; }

.HexB1 {
    color: #B1A356; }

.HexBE {
    color: #beb8b4; }

.HexB3 {
    color: #b3b866; }

.HexBF {
    color: #c0963c; }

.HexCE {
    color: #cec8c4; }

.HexC0 {
    color: #c0963c; }

.HexCC {
    color: #cccccc; }

.HexDD {
    color: #dddddd; }

.HexDE {
    color: #ded8d4; }

.HexD1 {
    color: #ded1c2; }

.HexEE {
    color: #eee8e4; }

.HexFA {
    color: #faf7f5; }

.HexF9 {
    color: #f9f8f6; }

.HexAwesome {
    color: #ff2b00; }

.HexGrinch {
    color: #f11c2f; }

.HexGrinch2025 {
    color: #85b200; }

.HexAwesome2025 {
    color: #f14e23; }

.HexVignelli {
    color: #f14e23; }

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

.HexNew {
    color: #fd7258; }  

.HexHappy {
    color: #ff9900; }   

.Lower {
    text-transform: lowercase; }

.Hex9D {
    color: #9d6c04; }

.HexUnderline {
    text-decoration: underline; }

.HexEmerson {
    color: #DC1D2A; }

.mantraMedium {
    color: #9e9894; }

.mantraPlace {
    color: #beb8b4; }

.mantraAE {
    color: #aea8a4; }

.mantra6E {
    color: #6e6864; }

.mantraClock {
    color: #f14e23; }

.whiteClock {
    color: #fff; }

.mantraMLF {
    color: #ff5500; }

.Shim1 {
    padding-left: 1vw; }

.Shim2 {
    padding-left: 2vw; }

.Shim3 {
    padding-left: 3vw; }

.HexBears {
    color: #986f3d; }

.HexCrabs {
    color: #f77a88; }

.HexBigCats {
    color: #fe971e; }

.HexGuineaPigs {
    color: #efb54d; }

.HexDragons {
    color: #fa4616; }

.HexKoalas {
    color: #cbc6ba; }

.HexFoxes {
    color: #b25900; }

.HexOctopi {
    color: #1c1c20; }

.HexTurtles {
    color: #85B200; }

.HexLions {
    color: #FF9226; }

.HexVolcano {
    color: #FF0000; }

.HexOcean {
    color: #7396FF; }

.HexRabbits {
    color: #FFBFBF; }

.HexBirds {
    color: #A3D900; }

.HexBeavers {
    color: #B28700; }

.HexFrogs {
    color: #698C00; }

.HexMonkeys {
    color: #FFBF00; }

.HexOct {
    color: #FF5500; }

.HexNov {
    color: #b25900; }

.HexDec {
    color: #f82417; }

.HexChristmas {
    color: #009444; }

.HexPandas {
    color: #000; }

.HexPandasLight {
    color: #dddddd; }

.HexDinosaurs {
    color: #777; }

.HexWalrus {
    color: #9b703a; }

.HexSnowy {
    color: #beb8b4; }

.HexSeal {
    color: #000; }

.HexArctic {
    color: #ded8d4; }

.HexMonarch {
    color: #ff5500; }

.HexMonster {
    color: #f82417; }

.HexTropical {
    color: #FF4DFF; }

.HexWhales {
    color: #006DD9; }

.HexOwls {
    color: #bbb; }

.HexSloths {
    color: #D96D00; }

.HexGorillas {
    color: #663300; }

.HexLlamas {
    color: #FF9900; }

.HexDogs {
    color: #B25900; }

.HexDolphins {
    color: #9999FF; }

.HexSeahorses {
    color: #0e98de; }

.Hex2024 {
    color: rgba(57,115,181,1.0); }

/*.HexSubhead {
    color: rgba(232,110,44,1.0); }*/

.HexSubhead {
    color: rgba(101,169,68,1.0); }

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

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









.blackMark {
    font-weight: 800;
    color: #9e9894; }

.tedStriker {
    text-decoration: line-through;
    color: #ddd; }

.mantraAmpersandOrange {
    font-size: 18vw; 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 800;
    line-height: 0.75;
    color: #ff5500; }

    @media only screen and (max-width: 599px) { 
        .mantraAmpersandOrange {
            font-size: 60vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mantraAmpersandOrange {
            font-size: 40vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mantraAmpersandOrange {
            font-size: 40vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { }

.mantraAmpersandGray-1 {
    font-size: 18vw; 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 800;
    line-height: 0.75;
    color: #8e8884; }

    @media only screen and (max-width: 599px) { 
        .mantraAmpersandGray-1 {
            font-size: 60vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mantraAmpersandGray-1 {
            font-size: 40vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mantraAmpersandGray-1 {
            font-size: 40vw; } }

.mantraAmpersandGray-2 {
    font-size: 18vw; 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 800;
    line-height: 0.75;
    color: #5e5854; }

    @media only screen and (max-width: 599px) { 
        .mantraAmpersandGray-2 {
            font-size: 60vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mantraAmpersandGray-2 {
            font-size: 40vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mantraAmpersandGray-2 {
            font-size: 40vw; } }

.mantraAmpersandGray-3 {
    font-size: 18vw; 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 800;
    line-height: 0.75;
    color: #beb8b4; }

    @media only screen and (max-width: 599px) { 
        .mantraAmpersandGray-3 {
            font-size: 60vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mantraAmpersandGray-3 {
            font-size: 40vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mantraAmpersandGray-3 {
            font-size: 40vw; } }

.mantraAmpersandGray-4 {
    font-size: 18vw; 
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 800;
    line-height: 0.75;
    color: #ff5500; }

    @media only screen and (max-width: 599px) { 
        .mantraAmpersandGray-4 {
            font-size: 60vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mantraAmpersandGray-4 {
            font-size: 40vw; } }

.mantraTenets { 
    line-height: 0.55; }

.mlfTerms { 
    line-height: 0.55; 
    color: #9e9894; }

.ToBeginBlue {
    color: #1D9FF2;
    font-weight: 700; }

.Shim5 {
    padding-left: 5px; }

.Shim2 {
    padding-left: .2vw; }

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

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

.Shim65 {
    padding-left: .65vw; }

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



.Shim15 {
    padding-left: 1.5vw; }

.ShimR1 {
    padding-right: 1vw; }

.Shim55 {
    padding-left: 2vw; }

.Shim89 {
    padding-left: 2.5vw; }

.ShimThree {
    padding-left: 3.0vw; }

.Right5 {
    padding-right: 5vw; }

.FeaturedDetailsHead {
    color: rgba(0, 0, 0, 1.0); }

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

@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-five {
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    animation-delay: 2.5s;
    data-wow-delay: 2.5s; }

.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-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-Delay-.5s {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s; }

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

.image-simple-responsive {
    width: 100%;
    height: auto; }

.Boldissimo {
    font-family: "Chronicle SSm A", "Chronicle SSm B";
    font-style: normal;
    font-weight: 400;
    color: #000; }

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

#helloLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vh - 5.0em);
    margin-top: 5.0em;
    background-color: rgba(255,255,255, 1.0);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    z-index: 888888; }

        @media only screen and (max-width: 599px) {
            #helloLoader {
                margin-top: 5em;
                height: calc(100vh - 5em); } }

#loader {
    width: 400px;
    height: 80px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    padding-bottom: 2vw;
    z-index: 999999; }

.spinner-container {
    width: 100%;
    height: 100vh;
    background-color: #f9f8f6; }

.spinner {
    width: 50px;
    height: 50px;    
    border: 2px solid #ded8d4;
    border-top: 1px solid #000;
    border-radius: 100%;
    position: absolute;
    top: 0;
    bottom: 14px;
    left: 0;
    right: 4px;
    margin: auto;    
    animation: spin 1s infinite linear; }

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

.spinner-holder {
    width: 400px;
    height: 80px;
    text-align: center; }

.capital-r {
    width: 100px;
    height: 80px; 
    display: inline-block;
    text-align: right; }

.capital-h {
    width: 100px;
    height: 80px; 
    display: inline-block;
    text-align: left; }

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

.capital-b {
    width: 100px;
    line-height: 80px;
    display: inline-block;
    text-align: left; }

.capital-m {
    width: 100px;
    line-height: 80px;
    display: inline-block;
    text-align: left; }

.stretch {
    width: 400px;
    display: inline-block; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Popup Camps */

.popup-hero-outer {
    margin: 0 0;
    background: #f4f2ee;
    margin-top: 5.0em;
    height: calc(100vh - 5.0em);
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); }

    @media only screen and (max-width: 599px) { 
        .popup-hero-outer {
            margin: 0 0;
            margin-top: 5.0em;
            height: auto;
            box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .popup-hero-outer {
            margin: 0 0;
            margin-top: 5.0em;
            height: auto;
            box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); } }

.popup-blocks-opener {
    margin: 0 0;
    position: relative;
    background: #fffcf5;
    margin-top: 5em;
    z-index: 111111;
    padding-top: 2.5vw;
    /*padding-bottom: 8vw;*/
    display: flex;
    justify-content: center;
    align-items: center; }

.popup-blocks-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    transition: 1s ease; }

.mrskell-brand-masthead-popup {
    width: 100%;
    height: auto;
    margin: 0 auto; }

.popup-blocks-outer {
    margin: 0 0;
    position: relative;
    background: #fffcf5;
    z-index: 111111;
    padding-top: 2.5vw;
    padding-bottom: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0 55px 55px -34px rgba(0,0,0,0.44); }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .popup-blocks-outer {
            margin: 0 0;
            z-index: 111111;
            padding-top: 5vw;
            padding-bottom: 13vw;
            padding-left: 1vw;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 34px 34px -34px rgba(0,0,0,0.55); } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .popup-blocks-outer {
            margin: 0 0;
            z-index: 111111;
            padding-top: 6vw;
            padding-bottom: 13vw;
            padding-left: 1vw;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 34px 34px -34px rgba(0,0,0,0.55); } }*/

    @media only screen and (max-width: 599px) { 
        .popup-blocks-outer {
            margin: 0 0;
            z-index: 111111;
            padding-top: 9vw;
            padding-bottom: 15vw;
            padding-left: 1vw;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 34px 34px -34px rgba(0,0,0,0.55); } }

.outer-left-fffcf5-shadow {
    position: relative;
    /*background-color: #e6e2e1;*/
    background-color: #000;
    margin: 0 auto;
    height: calc(100vh - 5.0em);
    text-align: center;
    z-index: 444444;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: .5vw;
    box-shadow: 21px 0 55px -5px rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) { 
        .outer-left-fffcf5-shadow {
            position: relative;
            background-color: #fffcf5;
            margin: 0 auto;
            height: 54vh;
            text-align: center;
            z-index: 444444;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-bottom: .5vw;
            box-shadow: 21px 0 55px -5px rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .outer-left-fffcf5-shadow {
            position: relative;
            background-color: #fffcf5;
            margin: 0 auto;
            height: calc(100vh - 5.0em);
            text-align: center;
            z-index: 444444;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-bottom: .5vw;
            box-shadow: 21px 0 55px -5px rgba(0,0,0,0.55); } }

.outer-left-f4f2ee-shadow {
    position: relative;
    background-color: #f4f2ee;
    margin: 0 auto;
    height: calc(100vh - 5.0em);
    text-align: center;
    z-index: 444444;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0vw;
    box-shadow: 21px 0 55px -5px rgba(0,0,0,0.55); }

.outer-right-fff {
    position: relative;
    background-color: #fff;
    z-index: 333333;
    height: calc(100vh - 5.0em);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: .5vw; }

    @media only screen and (max-width: 768px) {
        .outer-right-fff {
            position: relative;
            background-color: #fff;
            z-index: 333333;
            height: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 5vw;
            padding-bottom: 8vw; } }

.popup-details-copy 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.5;
    letter-spacing: 0vw;
    word-spacing: -.05vw;
    color: #555; 
    padding-top: 1.5vw;
    padding-bottom: 2.5vw; }

    @media only screen and (max-width: 599px) { 
        .popup-details-copy p {
            font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
            font-style: normal;
            font-weight: 200;
            text-align: center;
            font-size: 3.2vw;
            line-height: 1.62;
            letter-spacing: 0vw;
            word-spacing: -.05vw;
            color: #555; 
            padding-top: 0vw;
            padding-bottom: 3.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .popup-details-copy p {
            font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
            font-style: normal;
            font-weight: 200;
            text-align: center;
            font-size: 3.25vw;
            line-height: 1.62;
            letter-spacing: 0vw;
            word-spacing: -.05vw;
            color: #555; 
            padding-top: 1.5vw;
            padding-bottom: 3.5vw; } }

.popup-hero-copy h3 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 8vw;
    line-height: .82;
    text-align: left;
    margin: 0 0 0 0;
    letter-spacing: -0.08vw;
    word-spacing: -1vw;
    color: rgba(0, 0, 0, 1.0);
    text-transform: none; }

.popup-new-copy h3 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    font-size: 1.9vw;
    /*font-size: 2.5vw;*/
    line-height: 1.1;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: -0.01vw;
    word-spacing: -.25vw;
    color: rgba(0, 0, 0, .85);
    text-transform: none; }

    @media only screen and (max-width: 599px) { 
        .popup-new-copy h3 {
            font-size: 7.0vw;
            line-height: 1.1;
            padding-top: 6vw;
            padding-bottom: 6vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .popup-new-copy h3 {
            font-size: 5.85vw;
            line-height: 1.1;
            padding-top: 4vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .popup-new-copy h3 {
            font-size: 2.3vw;
            line-height: 1.1; } }

hr.popup-short {
    border-top: 1px solid #d3d3d3;
    width: 39vw;
    margin-top: 1.75vw;
    margin-bottom: 1.75vw; }

.popup-camps-hero-grid-left {
    background: #fff;
    margin: 0 auto;
    padding-top: 3.25vw;
    vertical-align: middle;
    text-align: center;
    height: calc(100vh - 5.0em); }

.popup-camps-hero-grid-right {
    background-color: #e6e2e1;
    margin: 0 auto;
    height: calc(100vh - 5.0em);
    text-align: center;
    z-index: 333333;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0vw;
    padding-top: 2vw;
    box-shadow: -34px 0 55px -34px rgba(0,0,0,0.7); }

    /*@media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrskell-hero-grid-right {
            padding-bottom: 1vw; } }*/

.popup-camp-headline-responsive {
    width: 85%;
    height: auto;
    margin: 0 auto; }

.image-centered-responsive {
    width: 100%;
    height: auto;
    margin: 0 auto; }

.shopify-buy-button-popup {
    transition: 1s ease;
    width: 191px;
    height: 51px;
    margin-bottom: 0vw; }

    @media only screen and (max-width: 599px) { 
        .shopify-buy-button-popup {
            text-align: left;
            transition: 1s ease;
            width: 191px;
            height: 51px;
            margin-top: 0vw;
            margin-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .shopify-buy-button-popup {
            text-align: left;
            transition: 1s ease;
            width: 191px;
            height: 51px;
            margin-top: 0vw;
            margin-bottom: 0vw; } }

.mrskell-popup-logo {
    position: relative; 
    margin: 0 auto;
    width: 12.5em;
    height: 5.0em;
    margin-top: 1.5vw;
    margin-bottom: 1vw;
    cursor: pointer;
    box-shadow: 0 21px 21px -10px rgba(0,0,0,0.34); }

    @media only screen and (max-width: 599px) { 
        .mrskell-popup-logo {
            position: relative; 
            margin: 0 auto;
            width: 12.5em;
            height: 5.0em;
            padding-top: 2vw;
            margin-top: 5vw;
            margin-bottom: 4vw;
            cursor: pointer;
            box-shadow: 0 21px 21px -10px rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-popup-logo {
            position: relative; 
            margin: 0 auto;
            width: 12.5em;
            height: 5.0em;
            margin-top: 5vw;
            margin-bottom: 3vw;
            cursor: pointer;
            box-shadow: 0 21px 21px -10px rgba(0,0,0,0.34); } }

    @media only screen and (min-width: 1025px) and (max-width: 1680px) { 
        .mrskell-popup-logo {
            width: 10em;
            height: 4.0em; } }

    @media only screen and (max-width: 1024px) { 
        .mrskell-popup-logo {
            width: 10em;
            height: 4.0em;
            margin-top: 1vw;
            margin-bottom: 1vw; } }

.popup-definitive-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: center;
    font-size: 1.75vw;
    line-height: 1.44;
    letter-spacing: 0vw;
    word-spacing: -.05vw;
    color: #555; 
    padding-top: 0vw;
    padding-bottom: .75vw; }

    @media only screen and (max-width: 599px) { 
        .popup-definitive-copy p {
            font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
            font-style: normal;
            font-weight: 200;
            text-align: center;
            font-size: 3.65vw;
            line-height: 2;
            letter-spacing: 0vw;
            word-spacing: -.05vw;
            color: #333; 
            padding-top: .2vw;
            padding-bottom: 1.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .popup-definitive-copy p {
            font-size: 3.55vw;
            line-height: 1.62;
            letter-spacing: 0vw;
            word-spacing: -.05vw;
            color: #555; 
            padding-top: .5vw;
            padding-bottom: 1.25vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .popup-definitive-copy p {
            font-size: 1.8vw;
            line-height: 1.44;
            letter-spacing: 0vw;
            word-spacing: -.05vw;
            color: #555; 
            padding-top: 0vw;
            padding-bottom: .75vw; } }

.popup-centered-headline-responsive {
    width: 78%;
    height: auto;
    margin: 0 auto; }

    @media only screen and (max-width: 599px) { 
        .popup-centered-headline-responsive {
            width: 70%;
            height: auto;
            margin: 0 auto; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) {
        .popup-centered-headline-responsive {
            width: 86%;
            height: auto;
            margin: 0 auto; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .popup-centered-headline-responsive {
            width: 86%;
            height: auto;
            margin: 0 auto; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .popup-centered-headline-responsive {
            width: 80%;
            height: auto;
            margin: 0 auto; } }

.popup-image-centered-responsive {
    width: 30vw;
    height: auto;
    margin: 0 auto; }

    @media only screen and (max-width: 599px) { 
        .popup-image-centered-responsive {
            width: 85vw;
            height: auto;
            margin: 0 auto; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) {
        .popup-image-centered-responsive {
            width: 80vw;
            height: auto;
            margin: 0 auto; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .popup-image-centered-responsive {
            width: 80vw;
            height: auto;
            margin: 0 auto; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .popup-image-centered-responsive {
            width: 34vw;
            height: auto;
            margin: 0 auto; } }

hr.popup-breaker {
    border-top: 1px solid #d3d3d3;
    width: 55vw;
    margin-top: .5vw;
    margin-bottom: 2vw; }

    @media only screen and (max-width: 599px) { 
        hr.popup-breaker {
            border-top: 1px solid #d3d3d3;
            width: 75vw;
            margin-top: 3vw;
            margin-bottom: 6vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.popup-breaker {
            border-top: 1px solid #d3d3d3;
            width: 75vw;
            margin-top: 1vw;
            margin-bottom: 4vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        hr.popup-breaker {
            border-top: 1px solid #d3d3d3;
            width: 55vw;
            margin-top: 1vw;
            margin-bottom: 3vw; } }

hr.popup-bottom {
    border-top: 1px solid #d3d3d3;
    width: 55vw;
    margin-top: 3vw;
    margin-bottom: 4vw; }

    @media only screen and (max-width: 599px) { 
        hr.popup-bottom {
            border-top: 1px solid #d3d3d3;
            width: 75vw;
            margin-top: 6vw;
            margin-bottom: 7vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.popup-bottom {
            border-top: 1px solid #d3d3d3;
            width: 75vw;
            margin-top: 4vw;
            margin-bottom: 5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        hr.popup-bottom {
            border-top: 1px solid #d3d3d3;
            width: 55vw;
            margin-top: 3vw;
            margin-bottom: 4vw; } }

hr.big-popup-breaker {
    border-top: 21px solid #d3d3d3;
    width: 55vw;
    margin-top: 3vw;
    margin-bottom: 3.5vw; }

    @media only screen and (max-width: 599px) { 
        hr.big-popup-breaker {
            border-top: 10px solid #d3d3d3;
            width: 75vw;
            margin-top: 3vw;
            margin-bottom: 6vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.big-popup-breaker {
            border-top: 13px solid #d3d3d3;
            width: 75vw;
            margin-top: 1vw;
            margin-bottom: 4vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        hr.big-popup-breaker {
            border-top: 21px solid #d3d3d3;
            width: 55vw;
            margin-top: 1vw;
            margin-bottom: 3vw; } }


hr.mini-breaker {
    border-top: 2px solid #ccc;
    width: 200px;
    /*margin-top: 1.0vw;*/
    /*margin-bottom: 1.0vw;*/ }

hr.intro-breaker {
    border-top: 3px solid #ccc;
    width: 70vw;
    /*margin-top: 3.5vw;
    margin-bottom: 3.5vw;*/ }

hr.steamcamp-breaker {
    border-top: 3px solid #ccc;
    width: 50vw;
    margin-top: 4.0vw;
    margin-bottom: 0vw; }

hr.halloween-breaker {
    border-top: 3px solid #ccc;
    width: 70vw;
    margin-top: 4.0vw;
    margin-bottom: 3.5vw; }

    @media only screen and (max-width: 599px) {
        hr.halloween-breaker {
            border-top: 1px solid #d3d3d3;
            width: 80vw;
            margin-top: 10vw;
            margin-bottom: 10vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.halloween-breaker {
            border-top: 2px solid #ccc;
            width: 80vw;
            margin-top: 4vw;
            margin-bottom: 4vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        hr.halloween-breaker {
            border-top: 2px solid #ccc;
            width: 80vw;
            margin-top: 4vw;
            margin-bottom: 4vw; } }

hr.breaker-one {
    border-top: 2px solid #ccc;
    width: 70vw;
    margin-top: 3.0vw;
    margin-bottom: 2.5vw; }

    @media only screen and (max-width: 599px) {
        hr.breaker-one {
            border-top: 1px solid #d3d3d3;
            width: 80vw;
            margin-top: 7vw;
            margin-bottom: 7vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.breaker-one {
            border-top: 2px solid #ccc;
            width: 80vw;
            margin-top: 4vw;
            margin-bottom: 4vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        hr.breaker-one {
            border-top: 2px solid #ccc;
            width: 80vw;
            margin-top: 3vw;
            margin-bottom: 3vw; } }

hr.previous-breaker {
    border-top: 15px solid #ccc;
    width: 70vw;
    margin-top: 6.0vw;
    margin-bottom: 5.5vw; }

    @media only screen and (max-width: 599px) {
        hr.previous-breaker {
            border-top: 1px solid #d3d3d3;
            width: 80vw;
            margin-top: 9vw;
            margin-bottom: 10vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.previous-breaker {
            border-top: 8px solid #ccc;
            width: 80vw;
            margin-top: 4.0vw;
            margin-bottom: 3.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        hr.previous-breaker {
            border-top: 8px solid #ccc;
            width: 80vw;
            margin-top: 6.0vw;
            margin-bottom: 4.5vw; } }

hr.body-copy-breaker {
    border-top: 1px dashed #d3d3d3;
    width: 15vw;
    margin-top: 1.2vw;
    margin-bottom: 1vw; }

    @media only screen and (max-width: 599px) {
        hr.body-copy-breaker {
            border-top: 1px solid #d3d3d3;
            width: 25vw;
            margin-top: 4.7vw;
            margin-bottom: 4.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        hr.body-copy-breaker {
            border-top: 1px solid #d3d3d3;
            width: 15vw;
            margin-top: 2.5vw;
            margin-bottom: 2.5vw; } }

.popup-individual-camp-copy h3 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 500;
    text-align: center;
    font-size: 2.5vw;
    line-height: 1.2;
    letter-spacing: 0vw;
    word-spacing: -.25vw;
    color: #666; 
    padding-top: 1vw;
    padding-bottom: .5vw; }

    @media only screen and (max-width: 599px) {
        .popup-individual-camp-copy h3 {
            font-size: 5.5vw;
            line-height: 1.2;
            letter-spacing: 0vw;
            word-spacing: -.25vw;
            color: #333; 
            padding-top: 1vw;
            padding-bottom: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .popup-individual-camp-copy h3 {
            font-size: 3.75vw;
            line-height: 1.2;
            letter-spacing: 0vw;
            word-spacing: -.25vw;
            color: #333; 
            padding-top: 2vw;
            padding-bottom: 1.25vw; } }

.popup-individual-camp-title h2 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    text-align: center;
    font-size: 4vw;
    line-height: .9;
    letter-spacing: -.1vw;
    word-spacing: -.6vw;
    margin-top: 1.5vw;
    margin-bottom: 2vw;
    color: #fd2418; }

    @media only screen and (max-width: 599px) {
        .popup-individual-camp-title h2 {
            text-align: center;
            font-size: 10vw;
            line-height: .9;
            letter-spacing: -.1vw;
            word-spacing: -1.8vw;
            margin-top: 4vw;
            margin-bottom: 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .popup-individual-camp-title h2 {
            text-align: center;
            font-size: 6.5vw;
            line-height: .9;
            letter-spacing: -.1vw;
            word-spacing: -.6vw;
            margin-top: 2.5vw;
            margin-bottom: 3.25vw; } }

.popup-individual-camp-details h4 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: italic;
    font-weight: 200;
    text-align: center;
    font-size: 1.25vw;
    line-height: 1.75;
    letter-spacing: 0.03vw;
    word-spacing: -.1vw;
    color: #555; }

    @media only screen and (max-width: 599px) {
        .popup-individual-camp-details h4 {
            font-size: 3.65vw;
            line-height: 2.15;
            letter-spacing: 0.03vw;
            word-spacing: -.1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .popup-individual-camp-details h4 {
            font-size: 2.65vw;
            line-height: 2;
            letter-spacing: 0.03vw;
            word-spacing: -.1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .popup-individual-camp-details h4 {
            font-size: 2.1vw;
            line-height: 2;
            letter-spacing: 0.03vw;
            word-spacing: -.1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .popup-individual-camp-details h4 {
            font-size: 1.5vw;
            line-height: 1.75;
            letter-spacing: 0.03vw;
            word-spacing: -.1vw; } }

.popup-legal h4 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: italic;
    font-weight: 200;
    text-align: center;
    font-size: 1.25vw;
    line-height: 1.61;
    letter-spacing: 0.03vw;
    word-spacing: -.1vw;
    color: #555; }

    @media only screen and (max-width: 599px) {
        .popup-legal h4 {
            font-size: 2.75vw;
            line-height: 1.8;
            letter-spacing: 0.03vw;
            word-spacing: -.1vw;
            padding-top: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .popup-legal h4 {
            font-size: 2.25vw;
            line-height: 1.61;
            letter-spacing: 0.03vw;
            word-spacing: -.1vw;
            padding-top: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .popup-legal h4 {
            font-size: 1.5vw;
            line-height: 1.61;
            letter-spacing: 0.03vw;
            word-spacing: -.1vw; } }

.popup-tagline-centered-responsive {
    width: 50vw;
    height: auto;
    margin: 0 auto;
    padding-top: 2vw; 
    padding-bottom: 0vw; }



/* Code from RK for index grid */

.hero-open-outer {
    position: relative;
    z-index: 666666;
    margin: 0 0;
    background-color: #fffcf5;
    margin-top: 5.0em;
    height: calc(100vh - 5.0em);
    box-shadow: 0 65px 65px -34px rgba(0,0,0,0.65); }

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

    @media only screen 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: 600px) 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: #111;
    position: relative;
    height: calc(100vh - 5.0em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 3.0s ease;
    box-shadow: 44px 0 65px -34px rgba(0,0,0,0.75); }

#smu-left-hero-outer:hover {
    box-shadow: 55px 0 80px -34px rgba(0,0,0,0.9); }

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

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

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

.introductions-grid-holder {
    margin: 0 0;
    text-align: center;
    z-index: 111111;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .introductions-grid-holder {
            box-shadow: 0 44px 44px -34px rgba(0,0,0,0.5);
            z-index: 666666; } }

.introductions-grid-holder-inner {
    margin: 0 auto; 
    text-align: center;
    padding-top: 4.7vw;
    padding-left: .5vw;
    height: auto; }

    @media only screen and (max-width: 599px) {
        .introductions-grid-holder-inner {
            margin: 0 auto; 
            text-align: center;
            padding-top: 3vw;
            padding-left: 1vw;
            padding-bottom: 16vw;
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .introductions-grid-holder-inner {
            margin: 0 auto; 
            text-align: center;
            padding-top: 6vw;
            padding-left: 1vw;
            padding-bottom: 8vw;
            height: auto; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .introductions-grid-holder-inner {
            padding-top: 4.0vw;
            padding-left: .5vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .introductions-grid-holder-inner {
            padding-top: 2.5vw;
            padding-left: .5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .introductions-grid-holder-inner {
            padding-top: 5.1vw;
            padding-left: .5vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .introductions-grid-holder-inner {
            padding-top: 5.4vw;
            padding-left: .5vw; } }

.centering-block {
    margin: 0 auto;
    padding-top: 11%;
    padding-bottom: 11%;
    height: 42vw;
    width: auto; }

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

    @media only screen and (max-width: 599px) { 
        .introductions { 
            grid-template-columns: repeat(1, 1fr);      
            grid-gap: 5.0vw; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .introductions {       
            grid-gap: 4.5vw; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .introductions {       
            grid-gap: 4.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .introductions {       
            grid-gap: 2.5vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .introductions {       
            grid-gap: 2.2vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .introductions {       
            grid-gap: 2.25vw; } }

.introductions > div {
    flex: 1; }

.introductions section {
    /*width: 18.9vw;
    height: 18.9vw;*/
    width: 21vw;
    height: 23vw;
    padding: 0 0 0 0;
    /*margin-top: 1.8vw;*/
    transition: 1.5s ease; }

    @media only screen and (max-width: 599px) { 
        .introductions section {
            width: 73vw;
            height: 73vw;
            margin-top: 7vw;
            transition: 0.0s ease; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .introductions section {
            width: 33vw;
            height: 33vw;
            margin-top: 2.75vw;
            transition: 0.0s ease; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .introductions section {
            width: 38.5vw;
            height: 38.5vw;
            /*margin-top: 1.0vw;*/
            transition: 0.0s ease; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .introductions section {
            width: 20vw;
            height: 20vw;
            margin-top: 1.0vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .introductions section {
            width: 21vw;
            height: 23vw;
            /*margin-top: 1.0vw;*/ } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .introductions section {
            width: 20vw;
            height: 20vw;
            margin-top: 1.0vw; } }

.introductions-block {
    position: relative;
    margin: 0 auto;
    background: #fff;
    /*width: 18.9vw;
    height: 18.9vw;*/
    width: 21vw;
    height: 23vw;
    transition: 1.0s ease;
    box-shadow: 0 .75vw 1.5vw -1vw rgba(0,0,0,0.3); }

    @media only screen and (max-width: 599px) { 
        .introductions-block {
            width: 73vw;
            height: 73vw;
            transition: 1s ease;
            box-shadow: 0 3vw 6vw -1vw rgba(0,0,0,0.4); } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .introductions-block {
            width: 33vw;
            height: 33vw; 
            transition: 0.0s ease;
            box-shadow: 0 21px 28px rgba(0, 0, 0, 0.34); } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .introductions-block {
            width: 38.5vw;
            height: 38.5vw; 
            transition: 0.0s ease;
            box-shadow: 0 21px 28px rgba(0, 0, 0, 0.34); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .introductions-block {
            width: 21vw;
            height: 23vw; } }

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

.introductions-block:hover {
    box-shadow: 0 1.0vw 2vw -1vw rgba(0,0,0,0.35); }

    @media only screen and (max-width: 1024px) {
        .introductions-block:hover {
            box-shadow: 0 3vw 7vw -1vw rgba(0,0,0,0.5); } }

.introductions-block p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: .95vw;
    line-height: 1.5;
    text-align: left;
    letter-spacing: .01vw;
    word-spacing: -.15vw;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

    /*@media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .introductions-block p {
            font-size: 1.45vw; } }*/

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .introductions-block p {
            font-size: 1.05vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .introductions-block p {
            font-size: 1.0vw;
            line-height: 1.6; } }

.introductions-block-brandname {
    background: #fff;
    height: 5vw;
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center; 
    padding-left: 2.25vw;
    padding-right: 2vw;
    padding-top: .25vw;
    z-index: 666666;
    box-shadow: 0 8px 21px -13px rgba(0,0,0,0.25);
    transition: 1s ease; }

    @media only screen and (max-width: 599px) { 
        .introductions-block-brandname {
            background: #fff;
            height: 16vw;
            width: 100%;
            display: flex;
            justify-content: left;
            align-items: center; 
            padding-left: 7vw;
            padding-right: 9vw;
            padding-top: .25vw;
            z-index: 666666;
            box-shadow: 0 5px 10px -10px rgba(0,0,0,0.3);
            transition: 2s ease; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .introductions-block-brandname {
            background: #fff;
            height: 9vw;
            width: 100%;
            display: flex;
            justify-content: left;
            align-items: center; 
            padding-left: 4vw;
            padding-right: 7vw;
            padding-top: .25vw;
            z-index: 666666;
            box-shadow: 0 5px 10px -10px rgba(0,0,0,0.3);
            transition: 2s ease; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .introductions-block-brandname {
            background: #fff;
            height: 9vw;
            width: 100%;
            display: flex;
            justify-content: left;
            align-items: center; 
            padding-left: 5vw;
            padding-right: 7vw;
            padding-top: .25vw;
            z-index: 666666;
            box-shadow: 0 5px 10px -10px rgba(0,0,0,0.3);
            transition: 2s ease; } }

.introductions-block-brandname:hover {
    box-shadow: 0 10px 25px -13px rgba(0,0,0,0.3);
    /*background: #f1f1f1;*/ }

.introductions-block-content {
    /*background: #fff;*/
    background: transparent;
    /*height: 14.175vw;*/
    /*height: 18vw;*/
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center; 
    /*padding-left: 2.25vw;*/
    /*padding-left: 3vw;*/
    transition: 2s ease; }

    @media only screen and (max-width: 599px) { 
        .introductions-block-content {
            /*background: #f7f7f7;*/
            /*height: 57vw;*/
            width: 100%;
            display: flex;
            justify-content: left;
            align-items: center; 
            padding-left: 0vw;
            transition: 2s ease; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) {
        .introductions-block-content {
            height: 29.5vw;
            width: 100%;
            display: flex;
            justify-content: left;
            align-items: center; 
            padding-left: 0vw;
            transition: 2s ease; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .introductions-block-content {
            /*background: #f7f7f7;*/
            height: 75vw;
            width: 100%;
            display: flex;
            justify-content: left;
            align-items: center; 
            padding-left: 0vw;
            transition: 1s ease; } }

/*.introductions-block-content:hover {
    background: #fff; }*/

.overlay-introductions {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 1s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 1.0); }

.introductions-block:hover  .overlay-introductions {
    opacity: 1.0; }

#hero-image-slider { 
    margin: 0 auto; 
    position: relative; 
    width: 50vw; 
    height: 25.7vw; 
    z-index: 111111;
    /*box-shadow: 0 55px 55px -34px rgba(0,0,0,0.7);*/
    transition: 1s ease; }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) {
        #hero-image-slider {
            width: 50vw; 
            height: 25.7vw;
            object-fit: cover; } }

#hero-image-slider > div { 
    position: absolute; }

/*.hero-image {
    width: 100%;
    height: auto;
    object-fit: fill; }*/

.hero-image {
    background: url("https://www.mrskell.com/images/hero_slime_2021.jpg");
    /*background: url("https://www.mrskell.com/images/hero_kinderbrain_growth_spurt_lockup_bg.jpg");*/
    /*background: url("https://www.mrskell.com/images/hero_kinderbrain_plain.jpg");*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(50vh - 2.5em); }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .hero-image {
            /*background: url("https://www.mrskell.com/images/hero_kinderbrain_sized_2021.jpg");*/
            background: url("https://www.mrskell.com/images/hero_brain_tablet.jpg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: calc(50vh - 2.5em); } }

    @media only screen and (max-width: 599px) {
        .hero-image {
            /*background: url("https://www.mrskell.com/images/hero_kinderbrain_sized_2021.jpg");*/
            background: url("https://www.mrskell.com/images/hero_brain_tablet.jpg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: calc(40vh - 2.5em); } }

.overlay-hero-image {
    /*background: #111;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 3s ease; }

.hero-image:hover .overlay-hero-image {
    opacity: 1.0; }



#footer-wrapper-outer {
    /*background: url("https://www.mrskell.com/images/mrskell_learn_2_bg-01.svg");*/
    background: url("https://www.mrskell.com/images/mrskell_learn_bg_desktop_blue-01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1; 
    width: 100%; 
    height: calc(50vh - 2.5em);
    padding-bottom: .5vw;
    padding-left: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0; 
    bottom: 0;
    transition: 1.5s ease;
    box-shadow: inset 0 1.0vw 2.5vw -.75vw rgba(0,0,0,0.4); }

    @media only screen and (max-width: 599px) { 
        #footer-wrapper-outer {
            background: url("https://www.mrskell.com/images/mrskell_learn_phone_bg-01.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            height: 90vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        #footer-wrapper-outer {
            background: url("https://www.mrskell.com/images/mrskell_learn_vertical_bg-01.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            height: 60vw; } }

#footer-wrapper-outer  a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: .75s ease; 
    border-bottom: 1px dotted transparent;
    padding-bottom: 18px; }

#footer-wrapper-outer  a:hover {
    border-bottom: 1px dotted;
    padding-bottom: 5px;
    color: #fff; }

/*#footer-wrapper-outer:hover {
    box-shadow: inset 0 1.0vw 1.5vw -.75vw rgba(0,0,0,0.2); }*/

#footer-wrapper-outer h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    font-size: 14.5px;
    line-height: 2.5;
    text-transform: none;
    margin: 0 0 0 0;
    letter-spacing: 1.5px;
    word-spacing: -3px;
    color: #000; }

#footer-wrapper-outer h5 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-transform: none;
    font-size: .85vw;
    line-height: 1.75;
    text-align: left;
    text-transform: none;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: #000; }

    @media only screen and (max-width: 599px) {
        #footer-wrapper-outer h5 {
            font-size: 2.3vw;
            line-height: 1.65; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        #footer-wrapper-outer h5 {
            font-size: 1.45vw;
            line-height: 1.65; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        #footer-wrapper-outer h5 {
            font-size: 1.35vw;
            line-height: 1.65; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        #footer-wrapper-outer h5 {
            font-size: .9vw;
            line-height: 1.8; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        #footer-wrapper-outer h5 {
            font-size: .95vw; } }

.footer-wrapper-inner {
    padding-left: 5vw; }

    @media only screen and (max-width: 599px) {
        .footer-wrapper-inner {
            padding-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .footer-wrapper-inner {
            padding-left: 4.5vw; } }

.mrskellRed {
    color: #f82417; }

.mrskellBlue {
    color: #4ca5ff; }

.mrskellYellow {
    color: #ff9900; }

.mrskellGreen {
    color: #85b200; }

.mrskellGrey {
    color: #999; }

.mrskellBlack {
    color: #000; }

.newPink {
    color: rgba(238, 130, 238, 1.0); }

.newGreen {
    color: rgba(59, 177, 67, 1.0); }

.newBlue {
    color: rgba(76, 165, 255, 1.0); }

.newYellow {
    color: rgba(255, 191, 0, 1.0); }

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

.upcoming-grid > div {
    flex: 1; }

.upcoming-grid section {
    /*width: 18.9vw;
    height: 18.9vw;*/
    width: 15vw;
    height: 4vw;
    /*height: 5vw;*/
    padding: 0 0 0 0;
    /*margin-top: 1.8vw;*/
    transition: 1.5s ease; }

    @media only screen and (max-width: 599px) {
        .upcoming-grid section {
            width: 22vw;
            height: 13vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .upcoming-grid section {
            width: 23vw;
            height: 7vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .upcoming-grid section {
            width: 20vw;
            height: 7vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .upcoming-grid section {
            width: 16vw;
            height: 4vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .upcoming-grid section {
            width: 16vw;
            height: 4vw; } }

.upcoming-grid-block {
    position: relative;
    margin: 0 auto;
    background: transparent;
    /*width: 18.9vw;
    height: 18.9vw;*/
    width: 8.5vw;
    height: 2.5vw;
    /*height: 5vw;*/ }

.upcoming-grid-icon-block {
    position: relative;
    background: transparent;
    left: 0;
    top: 0;
    /*width: 18.9vw;
    height: 18.9vw;*/
    width: 7.5vw;
    /*height: 5vw;*/ }

.nav-logo {
    margin: 0 auto;
    width: 25vw;
    height: auto;
    padding-top: 1.0vw;
    padding-bottom: 1.0vw;
    transition: 1.5s ease; }

    @media only screen and (max-width: 599px) {
        .nav-logo {
            width: 85vw;
            padding-top: 0vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .nav-logo {
           width: 80vw;
           padding-top: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .nav-logo {
            width: 72vw;
            height: auto;
            padding-left: 0vw;
            padding-top: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .nav-logo {
            width: 36vw;
            height: auto;
            padding-left: 0vw;
            padding-top: .75vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .nav-logo {
            width: 33vw;
            height: auto;
            padding-left: 0vw;
            padding-top: .75vw;
            padding-bottom: .75vw; } }

/*.nav-logo:hover {
    filter: drop-shadow(1px 3px 4px rgba(0,0,0,.21)); }*/

.testimonial-logo {
    margin: 0 auto;
    width: 230px;
    height: 50px;
    padding-top: 2vw;
    padding-bottom: 2vw;
    transition: 1.5s ease; }

    @media only screen and (max-width: 599px) { 
        .testimonial-logo {
            margin: 0 auto;
            width: 180px;
            height: 50px;
            padding-top: 6vw;
            padding-bottom: 0vw;
            transition: 1.5s ease; } }

.testimonial-logo:hover {
    filter: drop-shadow(1px 3px 4px rgba(0,0,0,.21)); }

.little-camp-logo {
    margin: 0 auto;
    width: 230px;
    height: 50px;
    padding-top: 1vw;
    transition: 1.5s ease; }

    @media only screen and (max-width: 599px) { 
        .little-camp-logo {
            margin: 0 auto;
            width: 180px;
            height: 50px;
            padding-top: 5vw;
            transition: 1.5s ease; } }

.little-camp-logo:hover {
    filter: drop-shadow(1px 3px 4px rgba(0,0,0,.21)); }

#nav-mail h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: .75vw;
    line-height: 1.8;
    padding-top: 1.0vw;
    text-align: center;
    text-transform: none;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: #555; }

    @media only screen and (max-width: 599px) { 
        #nav-mail h6 {
            font-size: 2.85vw;
            padding-top: 2.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        #nav-mail h6 {
            font-size: 2.5vw;
            padding-top: 2.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        #nav-mail h6 {
            font-size: .85vw;
            line-height: 2; } }

.steamcamp-grid-holder {
    margin: 0 0;
    text-align: center;
    z-index: 888;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f4f2ee;  }

.steamcamp-grid-holder-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-bottom: 5vw;
    -webkit-animation-duration: 4s; 
    -moz-animation-duration: 4s;
    -ms-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s; }

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

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .steamcamp-grid {
            display: grid;
            grid-gap: 4.0vw; } }

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

.steamcamp-grid > div {
    flex: 1; }

.steamcamp-grid section {
    width: 24vw;
    background: #f4f2ee;
    padding: 0 0 0 0;
    cursor: pointer; }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .steamcamp-grid section {
            width: 28vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .steamcamp-grid section {
            width: 29vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .steamcamp-grid section {
            width: 38vw; } }

    @media only screen and (max-width: 599px) { 
        .steamcamp-grid section {
            width: 75vw; } }

.steamcamp-grid-container {
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24vw;
    box-shadow: 0 21px 28px -10px rgba(0, 0, 0, 0.21); }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .steamcamp-grid-container {
            width: 28vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .steamcamp-grid-container {
            width: 29vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .steamcamp-grid-container {
            width: 38vw; } }

    @media only screen and (max-width: 599px) { 
        .steamcamp-grid-container {
            width: 75vw; } }

.steamcamp-grid-caption-block {
    width: 24vw;
    height: 6.5vw;
    padding-top: 1.35vw; }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .steamcamp-grid-caption-block {
            width: 28vw;
            height: 6.5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .steamcamp-grid-caption-block {
            width: 29vw;
            height: 6.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .steamcamp-grid-caption-block {
            width: 38vw;
            height: 14.5vw;
            padding-top: 2.2vw; } }

    @media only screen and (max-width: 599px) { 
        .steamcamp-grid-caption-block {
            width: 75vw;
            height: 34vw;
            padding-top: 3.5vw; } }

.steamcamp-grid-caption-block p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: 1vw;
    line-height: 1.55;
    letter-spacing: 0.05vw;
    word-spacing: -.15vw;
    margin: 0 0 0 0;
    color: #999;
    text-rendering: optimizeLegibility; }

    @media only screen and (max-width: 599px) {
        .steamcamp-grid-caption-block p {
            font-size: 3vw;
            line-height: 2.25;
            color: #777; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .steamcamp-grid-caption-block p {
            font-size: 1.5vw;
            line-height: 2.25;
            color: #777; } }

.steamcamp-grid-container p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif; 
    font-style: normal;
    font-weight: 300;
    color: rgba(0,0,0,1.0); 
    font-size: 1.1vw;
    line-height: 1.80;
    text-align: center;
    letter-spacing: 0vw;
    word-spacing: -.3vw; 
    color: #000; 
    position: absolute; }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .steamcamp-grid-container p {
            font-size: 1.3vw;
            line-height: 1.80; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .steamcamp-grid-container p {
            font-size: 1.4vw;
            line-height: 1.80; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .steamcamp-grid-container p {
            font-size: 2vw;
            line-height: 1.80; } }

    @media only screen and (max-width: 599px) { 
        .steamcamp-grid-container p {
            font-size: 3.35vw;
            line-height: 1.80; } }

.overlay-steamcamp-grid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100.2%;
    width: 100%;
    opacity: 0;
    transition: 1s ease;
    background-color: #ff9900; }

.steamcamp-grid-container:hover .overlay-steamcamp-grid {
    opacity: 1.0;
    box-shadow: 0 34px 34px -10px rgba(0, 0, 0, 0.28); }

.bottom-lockup-outer {
    margin: 0 0;
    background: #f4f2ee;
    height: auto;
    padding-top: 0vw;
    padding-bottom: 7vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 375px) {
        .bottom-lockup-outer {
            padding-top: 0vw;
            padding-bottom: 21vw; } }

        @media only screen and (min-width: 376px) and (max-width: 599px) {
        .bottom-lockup-outer {
            padding-top: 0vw;
            padding-bottom: 21vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .bottom-lockup-outer {
            padding-top: 2vw;
            padding-bottom: 15vw; } }

.bottom-lockup {
    width: 20vw;
    height: auto;
    margin: 0 auto; }

    @media only screen and (max-width: 599px) {
        .bottom-lockup {
            width: 55vw;
            height: auto;
            margin: 0 auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .bottom-lockup {
            width: 32vw;
            height: auto;
            margin: 0 auto; } }

.bottom-lockup-smaller {
    width: 15vw;
    height: auto;
    margin: 0 auto; }

    @media only screen and (max-width: 375px) {
        .bottom-lockup-smaller {
            width: 50vw;
            height: auto;
            padding-left: 0vw;
            margin: 0 auto; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .bottom-lockup-smaller {
            width: 50vw;
            height: auto;
            padding-left: 0vw;
            margin: 0 auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .bottom-lockup-smaller {
            width: 38vw;
            height: auto;
            margin: 0 auto; } }

.popup-lockup-smallest {
    width: 12vw;
    height: auto;
    margin: 0 auto; }

    @media only screen and (max-width: 599px) {
        .popup-lockup-smallest {
            width: 40vw;
            padding-top: 0vw;
            padding-left: 1vw;
            padding-bottom: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .popup-lockup-smallest {
            width: 25vw;
            padding-top: 0vw;
            padding-left: .75vw;
            padding-bottom: 3vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .popup-lockup-smallest {
            width: 25vw;
            padding-top: 0vw;
            padding-left: .75vw;
            padding-bottom: 3vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
        .popup-lockup-smallest {
            width: 17vw;
            padding-top: 1.5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        .popup-lockup-smallest {
            width: 15vw;
            padding-top: 1vw; } }

.bottom-lockup-image {
    width: 100%;
    height: auto;
    margin: 0 auto; }

.previous-popups {
    width: 100%;
    height: auto;
    padding-bottom: 1vw; }

    @media only screen and (max-width: 599px) {
        .previous-popups {
            width: 100%;
            height: auto;
            padding-left: 8vw;
            padding-right: 8vw;
            padding-top: 2vw;
            padding-bottom: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .previous-popups {
            width: 100%;
            height: auto;
            padding-left: 8vw;
            padding-right: 8vw;
            padding-top: 3vw;
            padding-bottom: 1.5vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .previous-popups {
            width: 100%;
            height: auto;
            padding-left: 4vw;
            padding-right: 4vw;
            padding-top: 3vw;
            padding-bottom: 1.5vw; } }

.instagram-icon-outer {
    margin: 0 auto;
    text-align: center;
    width: 50px;
    /*padding-top: 1.2vw;*/
    /*padding-top: .5vw;*/ }

.instagram-icon-nav {
    width: 50px;
    padding-top: .25vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    transition: 1s ease; 
    opacity: 1.0; }

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

.individual-camp-grid-holder {
    margin: 0 0;
    padding-left: 4vw;
    text-align: center;
    z-index: 111;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f4f2ee; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .individual-camp-grid-holder {
            padding-left: 1vw; } }

    @media only screen and (max-width: 599px) { }

.individual-camp-grid-holder-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-bottom: 7vw;
    -webkit-animation-duration: 4s; 
    -moz-animation-duration: 4s;
    -ms-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s; }

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

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

    @media only screen and (max-width: 599px) { }

.camps > div {
    flex: 1; }

.camps section {
    width: 26.5vw;
    background: #f4f2ee;
    padding: 0 0 0 0;
    cursor: pointer; }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .camps section {
            width: 30vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camps section {
            width: 55vw; } }

    @media only screen and (max-width: 599px) { 
        .camps section {
            width: 75vw; } }

.camp-left-outer {
    width: 26.5vw;
    display: flex;
    justify-content: left;
    align-items: left; }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .camp-left-outer {
            width: 30vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camp-left-outer {
            width: 60vw; } }

    @media only screen and (max-width: 599px) { 
        .camp-left-outer {
            width: 75vw; } }

.camp-right-outer {
    width: 26.5vw;
    text-align: left; }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .camp-right-outer {
            width: 30vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camp-right-outer {
            width: 55vw; } }

    @media only screen and (max-width: 599px) { 
        .camp-right-outer {
            width: 75vw; } }

.camp-left-inner { 
    text-align: left;
    height: auto; }

.camp-left-inner-image {
    float: left; 
    width: 22.0vw;
    margin-bottom: 1.0vw;
    padding-top: .55vw;
    margin-left: .15vw;
    transition: 1s ease;
    box-shadow: 0 38px 44px -10px rgba(0, 0, 0, 0.25); }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .camp-left-inner-image {
            width: 26vw;
            margin-bottom: 1.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camp-left-inner-image {
            width: 55vw;
            margin-bottom: 3vw; } }

    @media only screen and (max-width: 599px) { 
        .camp-left-inner-image {
            width: 75vw;
            margin-bottom: 3.5vw; } }

.responsive-image {
    width: 100%;
    height: auto;
    transition: 1s ease; }

.camp-head h2 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    color: #aaa;
    font-size: 2.35vw;
    line-height: 1.2;
    text-align: left;
    word-spacing: -.3vw;
    letter-spacing: -.07vw;
    margin-bottom: .6vw; }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .camp-head h2 {
            font-size: 2.65vw;
            line-height: 1.30; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camp-head h2 {
            font-size: 5vw;
            line-height: 1.10; } }

    @media only screen and (max-width: 599px) { 
        .camp-head h2 {
            font-size: 6.5vw;
            line-height: 1.2; } }

.camp-details p {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    color: #999; 
    font-size: 1.1vw;
    line-height: 1.7;
    text-align: left;
    word-spacing: -.2vw;
    letter-spacing: 0vw;
    padding-left: 5px;
    padding-bottom: .5vw; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camp-details p {
            font-size: 2.5vw;
            line-height: 1.4;
            padding-top: 1.5vw;
            padding-bottom: 1.5vw; } }

    @media only screen and (max-width: 599px) { 
        .camp-details p {
            font-size: 3.5vw;
            line-height: 1.6;
            padding-top: 1.5vw;
            padding-bottom: 1.5vw; } }

.camp-right-inner { }

.camp-text h3 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    color: #999; 
    font-size: 1.58vw;
    line-height: 1.3;
    text-align: left;
    word-spacing: -.2vw;
    letter-spacing: -.02vw;
    margin-bottom: 1vw; }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) {
        .camp-text h3 {
            font-size: 1.75vw;
            line-height: 1.4; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camp-text h3 {
            font-size: 3.3vw;
            line-height: 1.32;
            margin-top: 1vw;  } }

    @media only screen and (max-width: 599px) { 
        .camp-text h3 {
            font-size: 4.4vw;
            line-height: 1.32;
            margin-top: 3vw;  } }

.map-block {
    width: 22.0vw;
    margin-top: 1.0vw;
    margin-left: 5px;
    box-shadow: 0 38px 44px -10px rgba(0, 0, 0, 0.25);
    transition: 1.5s ease; }

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

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .map-block {
            width: 55vw;
            margin-bottom: 2vw;
            margin-top: 2vw;
            margin-left: 0px; } }

    @media only screen and (max-width: 599px) { 
        .map-block {
            width: 75vw;
            margin-bottom: 5vw;
            margin-top: 3vw;
            margin-left: 0px; } }

.map-block:hover {
    box-shadow: 0 38px 44px -10px rgba(0, 0, 0, 0.44); }

.copyright-block-camps h6 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    text-transform: none;
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.05vw;
    word-spacing: -.15vw;
    padding-top: 1.25vw;
    margin: 0 0 0 0;
    color: #999;
    text-rendering: optimizeLegibility; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .copyright-block-camps h6 {
            padding-top: .5vw;
            font-size: 16px; } }

     @media only screen and (max-width: 599px) { 
        .copyright-block-camps h6 {
            font-size: 14px; } }

#camp-nav ul {
    position: relative;
    margin: 0;
    margin-right: 25px;
    list-style: none; }

#camp-nav ul li {
    text-align: center;
    margin: 0 auto;
    padding-top: 0vw;
    padding-left: 30px;
    list-style-type: none; }

#camp-nav ul li a {
    color: #9e9894;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition:all .4s ease-in-out; 
    -moz-transition:all .4s ease-in-out; 
    -ms-transition:all .4s ease-in-out; 
    -o-transition:all .4s ease-in-out; 
    transition:all .4s ease-in-out;
    border-bottom: 1px dotted transparent;
    padding-bottom: 18px; }

#camp-nav h6 {
    font-size: 16px;
    line-height: 2;
    font-weight: 700; 
    font-style: normal;
    margin: 0 0 0 0;
    letter-spacing: .2vw;
    word-spacing: -.3vw; }

        @media only screen and (max-width: 599px) { 
            #camp-nav h6 {
                font-size: 14px;
                line-height: 2;
                font-weight: 700; 
                font-style: normal;
                margin: 0 0 0 0;
                letter-spacing: .2vw;
                word-spacing: -.3vw; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) {
            #camp-nav h6 {
                font-size: 8.5px;
                letter-spacing: 2px;
                word-spacing: -3px; 
                padding-left: 0vw; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            #camp-nav h6 {
                font-size: 8.5px;
                letter-spacing: 2px;
                word-spacing: -3px; 
                padding-left: 0vw; } }

        @media only screen and (min-width: 1025px) and (max-width: 1440px) {
            #camp-nav h6 {
                font-size: 12px;
                letter-spacing: 2px;
                word-spacing: -4px; 
                padding-left: 1vw; } }

        @media only screen and (min-width: 1441px) and (max-width: 1940px) {
            #camp-nav h6 {
                font-size: 16px; } }

#camp-nav ul li a:hover {
    border-bottom: 1px dotted;
    padding-bottom: 5px;
    color: #000; }

.camp-nav-block {
    padding-top: 0vw;
    padding-bottom: 2vw; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camp-nav-block {
            padding-top: 1.5vw;
            padding-bottom: 3vw; } }

    @media only screen and (max-width: 599px) { 
        .camp-nav-block {
            padding-top: 2vw;
            padding-bottom: 3.5vw; } }

.camp-nav-outer {
    margin: 0 0;
    background: #f4f2ee;
    height: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0vw;
    padding-bottom: 0vw;  }

.map-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0; }

.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute; }

.simplify-matrix-outer {
    margin: 0 0;
    background: #000;
    height: auto;
    background: transparent;
    z-index: 111111; }

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

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

.simplify-matrix-2c-grid section { }

.simplify-matrix-left {
    margin: 0 auto;
    height: calc(50vh - 2.5em);
    background: #000;
    z-index: 111111;
    display: flex;
    padding: 0 5vw;
    justify-content: center;
    align-items: center;
    transition: 2.0s ease; }

.simplify-matrix-right {
    /*background: url("https://www.mrskell.com/images/hero_brain_laptop.jpg");*/
    background: url("https://www.mrskell.com/images/growth_spurt_brain.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 111111;
    height: calc(50vh - 2.5em); } 

.camps-masthead-outer-colleen {
    margin: 0 0;
    background: #f4f2ee;
    margin-top: 5.0em;
    height: auto;
    padding: 4vw 6vw 2.0vw 6vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
        .camps-masthead-outer-colleen {
            /*width: 70vw;*/
            padding: 9vw 5.5vw 4.0vw 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .camps-masthead-outer-colleen {
            padding: 7vw 6vw 3.0vw 6vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .camps-masthead-outer-colleen {
            padding: 5vw 10vw 2.0vw 10vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .camps-masthead-outer-colleen {
            padding: 5vw 10vw 2.0vw 10vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .camps-masthead-outer-colleen {
            padding: 5vw 8vw 2.0vw 8vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .camps-masthead-outer-colleen {
            padding: 5vw 8vw 2.0vw 8vw; } }

.container-top {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 100%;
  /*height: 50vh;*/
  height: calc(50vh - 2.5em);
  grid-template-areas: "container-top-left container-top-right";
  grid-gap: 0; }

.container-top-left {
    background: url("https://www.mrskell.com/images/mrskell_popup_bg_3_outs-01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    /*background: #f1f1f1;*/
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center; 
    transition: 1.0s ease;
    box-shadow: inset 0 1.5vw 2.5vw -.75vw rgba(0,0,0,0.3); }

      @media only screen and (max-width: 599px) {
        .container-top-left {
            padding-top: 1vw;
            height: calc(60vh - 2.5em); } }

.container-top-left:hover {
    box-shadow: inset 0 1.5vw 3vw -.75vw rgba(0,0,0,0.44); }

.container-top-right {
    background: url("https://www.mrskell.com/images/mrskell_steam_bg_3_outs-01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    /*background: #fff;*/
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1.0s ease;
    box-shadow: inset 0 1.5vw 2.5vw -.75vw rgba(0,0,0,0.3); }

  @media only screen and (max-width: 599px) {
        .container-top-right {
            padding-top: 1vw;
            height: calc(60vh - 2.5em); } }

.container-top-right:hover {
    box-shadow: inset 0 1.5vw 3vw -.75vw rgba(0,0,0,0.44); }

.container-bottom {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 100%;
  /*height: 50vh;*/
  height: calc(50vh - 2.5em);
  grid-template-areas: "container-bottom-left container-bottom-right";
  grid-gap: 0; }

.container-bottom-left {
    /*background: #fff;*/
    background: url("https://www.mrskell.com/images/mrskell_summer_bg_3_outs-01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1.0s ease;
    box-shadow: inset 0 1.5vw 2.5vw -.75vw rgba(0,0,0,0.3); }

    @media only screen and (max-width: 599px) {
        .container-bottom-left {
            padding-top: 1vw;
            height: calc(60vh - 2.5em); } }

.container-bottom-left:hover {
    box-shadow: inset 0 1.5vw 3vw -.75vw rgba(0,0,0,0.44); }

.container-bottom-right {
    /*background: #f1f1f1;*/
    background: url("https://www.mrskell.com/images/mrskell_super_bg_3_outs-01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1.0s ease;
    box-shadow: inset 0 1.5vw 2.5vw -.75vw rgba(0,0,0,0.3); }

    @media only screen and (max-width: 599px) {
        .container-bottom-right {
            padding-top: 1vw;
            height: calc(60vh - 2.5em); } }

.container-bottom-right:hover {
    box-shadow: inset 0 1.5vw 3vw -.75vw rgba(0,0,0,0.44); }

.container-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: 1vw; }

.popup-camps-brand-small {
    width: 100%;
    height: auto;
    padding-bottom: .89vw; }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .popup-camps-brand-small {
            width: 100%;
            height: auto;
            padding-bottom: .625vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .popup-camps-brand-small {
            width: 100%;
            height: auto;
            padding-bottom: .625vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .popup-camps-brand-small {
            width: 85%;
            height: auto;
            padding-bottom: 1.75vw; } }

.overlay-popup-camps-brand-small {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: #f1f1f1;
    transition: 1.0s ease; }

.popup-camps-brand-small:hover  .overlay-popup-camps-brand-small {
    opacity: 1.0; }

.steam-camp-brand-small {
    width: 100%;
    height: auto; }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .steam-camp-brand-small {
            width: 100%;
            height: auto;
            padding-bottom: .625vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .steam-camp-brand-small {
            width: 100%;
            height: auto;
            padding-bottom: .625vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .steam-camp-brand-small {
            width: 100%;
            height: auto;
            padding-bottom: 1.25vw; } }

.overlay-steam-camp-brand-small {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: #fff;
    transition: 1.0s ease; }

.steam-camp-brand-small:hover  .overlay-steam-camp-brand-small {
    opacity: 1.0; }

.summer-brand-small {
    width: 100%;
    height: auto;
    padding-bottom: .625vw; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .summer-brand-small {
            width: 100%;
            height: auto;
            padding-bottom: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .summer-brand-small {
            width: 100%;
            height: auto;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .summer-brand-small {
            width: 100%;
            height: auto;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .summer-brand-small {
            width: 100%;
            height: auto;
            padding-bottom: .5vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .summer-brand-small {
            width: 100%;
            height: auto;
            padding-bottom: .5vw; } }

.overlay-summer-brand-small {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: #fff;
    transition: 1.0s ease; }

.summer-brand-small:hover  .overlay-summer-brand-small {
    opacity: 1.0; }

.super-brand-small {
    width: 100%;
    height: auto; }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .super-brand-small {
            width: 100%;
            height: auto;
            padding-bottom: .625vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .super-brand-small {
            width: 100%;
            height: auto;
            padding-bottom: .625vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .super-brand-small {
            width: 100%;
            height: auto;
            padding-bottom: 1.25vw; } }

.overlay-super-brand-small {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: #f1f1f1;
    transition: 1.0s ease; }

.super-brand-small:hover  .overlay-super-brand-small {
    opacity: 1.0; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
ZoomCamps  */ 

#zoomcamps-outer {
    margin: 0 0;
    background: transparent;
    z-index: 111111;
    height: calc(50vh - 2.5em);
    box-shadow: 0 44px 44px -34px rgba(0,0,0,0.7); }

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

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

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

.zoomcamps-grid > div {
    flex: 1; }

.zoomcamps-grid section { }

.zoomcamps-grid-left {
    background: transparent;
    /*margin: 0 auto;*/
    box-shadow: .75vw 0 1.5vw -.75vw rgba(0,0,0,0.44);
    height: calc(50vh - 2.5em);
    z-index: 222222;
    /*position: relative;*/
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1.0s ease; }

.zoomcamps-grid-right {
    background: transparent;
    margin: 0 auto;
    height: calc(50vh - 2.5em);
    z-index: 111111;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1.0s ease; }

    @media only screen and (max-width: 599px) { 
        .zoomcamps-grid-right {
            background: #f1f1f1;
            margin: 0 auto;
            padding-top: 2vw;
            padding-left: 4vw;
            height: calc(85vh - 2.5em);
            z-index: 111111;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: 1.0s ease; } }

.inner-basic {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    padding-top: 0vw;
    padding-left: 0vw;
    padding-right: 0vw; }

.zoomcamps-adventure-image {
    margin: 0 auto;
    width: 100%;
    height: auto;
    padding-top: 0vw;
    padding-bottom: 0vw; }

.zoom-holder {
    margin: 0 auto;
    width: 38vw;
    height: 17.575vw;
    padding-top: 0vw;
    padding-bottom: 0vw; }

.zoomcamps-brand-small {
    width: 62%;
    height: auto; }

    @media only screen and (max-width: 599px) { 
        .zoomcamps-brand-small {
            width: 85%;
            padding-bottom: 1vw;
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .zoomcamps-brand-small {
            width: 55%;
            padding-bottom: 4vw;
            height: auto; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .zoomcamps-brand-small {
            width: 55%;
            padding-bottom: 4vw;
            height: auto; } }

table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 55%;
  table-layout: fixed;
  margin: 0 auto; }

  @media only screen and (max-width: 599px) { 
    table {
          border-collapse: collapse;
          margin: 0;
          padding: 0;
          width: 99%;
          table-layout: fixed;
          margin: 0 auto; } }

  @media only screen and (min-width: 600px) and (max-width: 1024px) { 
    table {
          border-collapse: collapse;
          margin: 0;
          padding: 0;
          width: 95%;
          table-layout: fixed;
          margin: 0 auto; } }

table caption {
  /*font-size: 1.5em;*/
  margin: .5em 0 .75em; }

table tr {
  background-color: transparent;
  padding: .35em; }

table th,
table td {
  padding: .625em;
  text-align: left; }

table th {
  font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: none;
    font-size: .85vw;
    line-height: 2.25;
    text-align: left;
    text-transform: none;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: #000; }

    @media only screen and (max-width: 599px) { 
        table th {
            font-size: 2.25vw;
            line-height: 4;
            letter-spacing: 0vw;
            word-spacing: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        table th {
            font-size: 1.5vw;
            line-height: 3;
            letter-spacing: 0vw;
            word-spacing: 0vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        table th {
            font-size: 1.5vw;
            line-height: 3;
            letter-spacing: 0vw;
            word-spacing: 0vw; } }

tbody {
  font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-transform: none;
    font-size: .85vw;
    line-height: 2.25;
    text-align: left;
    text-transform: none;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: #000; }

    @media only screen and (max-width: 599px) { 
        tbody {
            font-size: 2vw;
            line-height: 4;
            letter-spacing: 0vw;
            word-spacing: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        tbody {
            font-size: 1.5vw;
            line-height: 3;
            letter-spacing: 0vw;
            word-spacing: 0vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        tbody {
            font-size: 1.5vw;
            line-height: 3;
            letter-spacing: 0vw;
            word-spacing: 0vw; } }

/*.brain-girl-image-outer {
    position: relative;
    width: 280px;
    height: 301px; 
    margin: 0 auto;
    text-align: center; }*/

.brain-girl-image-outer {
    /*height: 311px;
    width: 335px;*/
    height: 23.56vh;
    width: 25.378vh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 auto;
    padding-right: 2vw; }

.brain-girl-image {
    /*width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;*/
    position: absolute; 
    left: 0;
    bottom: 0; }

#white-arrows a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: 1.0s ease; }

#white-arrows a:hover {
    color: #000; }




/* MrsKell Shirts */

.shirt-store-hero-wrapper {
    margin: 0 0;
    height: auto;
    margin-top: 5.0em;
    z-index: 111111;
    background: transparent;
    height: auto;
    position: relative; }

.shirt-store-wrapper {
    margin: 0 0;
    z-index: 111111;
    background: transparent;
    height: auto;
    position: relative; }

    @media only screen and (max-width: 375px) { 
        .shirt-store-wrapper {
            margin: 0 0;
            z-index: 111111;
            background: #f4f2ee;
            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) { 
        .shirt-store-wrapper {
            margin: 0 0;
            z-index: 111111;
            background: #f4f2ee;
            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) { 
        .shirt-store-wrapper {
            margin: 0 0;
            z-index: 111111;
            background: #f4f2ee;
            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) { 
        .shirt-store-wrapper {
            margin: 0 0;
            z-index: 111111;
            background: #f4f2ee;
            height: auto;
            position: relative;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.00); } }

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

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

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

.shirt-store-2c-grid section { }

.shirt-store-image-outer-f4 {
    margin: 0 auto;
    background: #f4f2ee;
    height: calc(100vh - 5.0em);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 375px) { 
        .shirt-store-image-outer-f4 {
            background: #fff;
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .shirt-store-image-outer-f4 {
            background: #fff;
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .shirt-store-image-outer-f4 {
            background: #fff;
            height: auto;
            padding-top: 9vw;
            padding-bottom: 9vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .shirt-store-image-outer-f4 {
            background: #fff;
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

.shirt-hero-image-single {
    width: 36vw;
    height: auto;
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 375px) { 
        .shirt-hero-image-single {
            width: 80vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.6); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .shirt-hero-image-single {
            width: 80vw;
            margin-bottom: 1vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.6); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .shirt-hero-image-single {
            width: 82vw;
            box-shadow: 0 3.5vw 4vw -1vw rgba(0,0,0,0.5); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .shirt-hero-image-single {
            width: 82vw;
            box-shadow: 0 3.5vw 4vw -1vw rgba(0,0,0,0.5); } }

.shirt-hero-image-threesome {
    width: 27vw;
    height: auto;
    transition: 1.0s ease;
    box-shadow: 0 2vw 3.5vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 375px) { 
        .shirt-hero-image-threesome {
            width: 80vw;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.6); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .shirt-hero-image-threesome {
            width: 80vw;
            /*margin-bottom: 1vw;*/
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.6); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .shirt-hero-image-threesome {
            width: 82vw;
            box-shadow: 0 3.5vw 4.5vw -.5vw rgba(0, 0, 0, 0.55); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .shirt-hero-image-threesome {
            width: 75vw;
            height: 75vw;
            box-shadow: 0 3.5vw 4.5vw -.5vw rgba(0, 0, 0, 0.55); } }

@media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .shirt-hero-image-threesome {
            width: 27vw;
            height: auto;
            transition: 1.0s ease;
            box-shadow: 0 2vw 3.5vw -1vw rgba(0,0,0,0.55); } }

.shirt-hero-image-threesome:hover {
    transition: 1.0s ease;
     box-shadow: 0 2.5vw 4.0vw -1vw rgba(0,0,0,0.8); }

.shopify-centered-block {
    margin: 0 auto;
    width: 21vw;
    padding-top: 2vw;
    height: auto; }

    @media only screen and (max-width: 375px) { 
        .shopify-centered-block {
            width: 75vw;
            padding-top: 4vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .shopify-centered-block {
            width: 75vw;
            padding-top: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .shopify-centered-block {
            width: 63vw;
            padding-left: 1vw;
            padding-top: 5vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .shopify-centered-block {
            width: 55vw;
            padding-top: 4vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .shopify-centered-block {
            width: 31vw;
            padding-top: 2.5vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .shopify-centered-block {
            width: 30vw;
            padding-top: 2.5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .shopify-centered-block {
            width: 27vw;
            padding-top: 2vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .shopify-centered-block {
            width: 27vw;
            padding-top: 2vw; } }

.shirt-index-outer-shadow {
    margin: 0 0;
    width: 100%;
    height: auto;
    background: transparent;
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.5); }

.store-head-padded p {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    text-align: left;
    font-size: 2vw;
    line-height: 1.15;
    letter-spacing: 0.01vw;
    word-spacing: -.3vw;
    color: #000; 
    padding-left: .9vw;
    padding-bottom: .25vw;
    margin-top: 0; }

    @media only screen and (max-width: 375px) {
        .store-head-padded p {
            font-size: 6vw;
            line-height: 1.28;
            letter-spacing: -.02vw;
            word-spacing: -.25vw;
            color: #000; 
            padding-left: 0.5vw;
            margin-top: 1vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .store-head-padded p {
            font-size: 6vw;
            line-height: 1.28;
            letter-spacing: -.02vw;
            word-spacing: -.25vw;
            color: #000; 
            padding-bottom: 1vw;
            margin-top: 0; } }

    /*@media only screen and (min-width: 600px) and (max-width: 768px) { 
        .store-head-padded p {
            font-size: 4.0vw;
            line-height: 1.28;
            letter-spacing: -.02vw;
            word-spacing: -.25vw;
            color: #000; 
            margin-top: 0; } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .store-head-padded p {
            font-size: 4vw;
            line-height: 1.28;
            letter-spacing: -.02vw;
            word-spacing: -.25vw;
            color: #000; 
            margin-top: 0; } } 

.t-shirt-padded-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: left;
    font-size: .55vw;
    line-height: 2.3;
    letter-spacing: 0px;
    word-spacing: 0;
    margin-top: .5vw;
    margin-bottom: .5vw;
    padding-left: 1vw;
    color: #777; }

    @media only screen and (max-width: 375px) {
        .t-shirt-padded-copy p {
            font-size: 2.05vw;
            line-height: 3.1;
            margin-bottom: 2.5vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .t-shirt-padded-copy p {
            font-size: 2.05vw;
            line-height: 2.9;
            margin-bottom: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .t-shirt-padded-copy p {
            font-size: 1.7vw;
            line-height: 2.75; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .t-shirt-padded-copy p {
            font-size: 1.5vw;
            line-height: 2.75; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
        .t-shirt-padded-copy p {
            font-size: .8vw;
            line-height: 2.5; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
        .t-shirt-padded-copy p {
            font-size: .75vw;
            line-height: 2.0;
            margin-bottom: .75vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
        .t-shirt-padded-copy p {
            font-size: .7vw;
            line-height: 2.5; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
        .t-shirt-padded-copy p {
            font-size: .7vw;
            line-height: 2.5; } }

.shopify-padded-outer {
    padding-top: .34vw;
    padding-left: .9vw;
    transition: 2s ease; }

.shirt-store-self-contained-hero-f4-extra {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    background: #f4f2ee;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 4vw;
    z-index: 111111; }

    @media only screen and (max-width: 375px) { 
        .shirt-store-self-contained-hero-f4-extra {
            background: #f4f2ee;
            padding-top: 10vw;
            padding-bottom: 15vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .shirt-store-self-contained-hero-f4-extra {
            background: #f4f2ee;
            padding-top: 10vw;
            padding-bottom: 15vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .shirt-store-self-contained-hero-f4-extra {
            background: #f4f2ee;
            padding-top: 7vw;
            padding-bottom: 9vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .shirt-store-self-contained-hero-f4-extra {
            background: #f4f2ee;
            padding-top: 7vw;
            padding-bottom: 8vw; } }

.shirt-store-self-contained-hero-f4-flip {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    background: #f4f2ee;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 4vw;
    z-index: 111111; }

    @media only screen and (max-width: 375px) { 
        .shirt-store-self-contained-hero-f4-flip {
            background: #fff;
            padding-top: 10vw;
            padding-bottom: 15vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .shirt-store-self-contained-hero-f4-flip {
            background: #fff;
            padding-top: 10vw;
            padding-bottom: 15vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .shirt-store-self-contained-hero-f4-flip {
            background: #fff;
            padding-top: 7vw;
            padding-bottom: 9vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .shirt-store-self-contained-hero-f4-flip {
            background: #fff;
            padding-top: 7vw;
            padding-bottom: 8vw; } }

.shirt-store-details-inner {
    margin: 0 auto; 
    text-align: left;
    height: auto;
    background: transparent; }

    @media only screen and (max-width: 375px) {  
        .shirt-store-details-inner {
            padding-top: 1vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .shirt-store-details-inner {
            padding-top: 1vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .shirt-store-details-inner {
            padding-top: 1vw;
            padding-left: 1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .shirt-store-details-inner {
            padding-top: 1vw;
            padding-left: 1vw; } }

.shirt-store-self-contained-hero-ff-extra {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    background: #fff;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 4vw;
    z-index: 111111; }

    @media only screen and (max-width: 375px) { 
        .shirt-store-self-contained-hero-ff-extra {
            background: #fff;
            padding-top: 10vw;
            padding-bottom: 15vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .shirt-store-self-contained-hero-ff-extra {
            background: #fff;
            padding-top: 10vw;
            padding-bottom: 15vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .shirt-store-self-contained-hero-ff-extra {
            background: #fff;
            padding-top: 7vw;
            padding-bottom: 9vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .shirt-store-self-contained-hero-ff-extra {
            background: #fff;
            padding-top: 7vw;
            padding-bottom: 8vw; } }

.shirt-store-self-contained-hero-ff-flip {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    background: #fff;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 4vw;
    z-index: 111111; }

    @media only screen and (max-width: 375px) { 
        .shirt-store-self-contained-hero-ff-flip {
            background: #f4f2ee;
            padding-top: 10vw;
            padding-bottom: 15vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {  
        .shirt-store-self-contained-hero-ff-flip {
            background: #f4f2ee;
            padding-top: 10vw;
            padding-bottom: 15vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .shirt-store-self-contained-hero-ff-flip {
            background: #f4f2ee;
            padding-top: 7vw;
            padding-bottom: 9vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .shirt-store-self-contained-hero-ff-flip {
            background: #f4f2ee;
            padding-top: 7vw;
            padding-bottom: 8vw; } }


.mrskell-shirts-intro-block {
    margin: 0 0;
    position: relative;
    background: transparent;
    box-shadow: 0 2.5vw 3.0vw -1vw rgba(0,0,0,0.55);
    z-index: 444444;
    height: auto; }

    @media only screen and (max-width: 599px) { 
        .mrskell-shirts-intro-block {
            box-shadow: 0 3.5vw 5vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-shirts-intro-block {
            box-shadow: 0 3.5vw 5vw -1vw rgba(0,0,0,0.44); } }

.mrskell-shirts-headline-happy {
    width: 69vw;
    margin: 0 auto;
    height: auto; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-shirts-headline-happy {
            width: 85vw;
            margin: 0 auto;
            height: auto; } }

.mrskell-block-divider {
    margin: 0 0;
    position: relative;
    background-color: #333;
    box-shadow: 0 2.5vw 3.0vw -1vw rgba(0,0,0,0.55);
    z-index: 444444;
    height: 11.0vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }

    @media only screen and (max-width: 599px) { 
        .mrskell-block-divider {
            height: 26.0vw;
            box-shadow: 0 3.5vw 4.5vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-block-divider {
            height: 23.0vw;
            box-shadow: 0 3.5vw 4.5vw -1vw rgba(0,0,0,0.44); } }

.mrskell-playfulnessblock-divider {
    margin: 0 0;
    position: relative;
    background-color: #333;
    box-shadow: 0 2.5vw 3.0vw -1vw rgba(0,0,0,0.55);
    z-index: 444444;
    height: auto;
    padding-top: 3vw;
    padding-bottom: 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }

    @media only screen and (max-width: 599px) { 
        .mrskell-playfulnessblock-divider {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 8vw;
            box-shadow: 0 3.5vw 4.5vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-playfulnessblock-divider {
            height: auto;
            padding-top: 6vw;
            padding-bottom: 6vw;
            box-shadow: 0 3.5vw 4.5vw -1vw rgba(0,0,0,0.44); } }

.mrskell-index-subhead h3 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 5.7vw;
    line-height: .93;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: -.05vw;
    word-spacing: -1.25vw;
    color: #fff;
    text-transform: none; }

    @media only screen and (max-width: 599px) { 
        .mrskell-index-subhead h3 {
            font-size: 10vw;
            line-height: .91;
            text-align: center; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-index-subhead h3 {
            font-size: 10vw;
            line-height: .91;
            text-align: center; } }

.mrskell-intro-hero-masthead h3 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 5.7vw;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 1vw;
    letter-spacing: -.3vw;
    word-spacing: -.5vw;
    color: #000;
    text-transform: none; }

    @media only screen and (max-width: 599px) { 
        .mrskell-intro-hero-masthead h3 {
            font-size: 12.25vw;
            line-height: 1.25;
            text-align: center;
            margin-bottom: 6vw;
            letter-spacing: -.3vw;
            word-spacing: -1.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-intro-hero-masthead h3 {
            font-size: 12vw;
            line-height: 1.25;
            text-align: center;
            margin-bottom: 4vw;
            letter-spacing: -.3vw;
            word-spacing: -1.5vw; } }


/* Camps 3-Column Grid */

.summer-camps-grid-outer {
    /*margin: 0 0;*/
    height: auto;
    width: 100%;
    /*padding-bottom: 2vw;*/
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.5);
    /*box-shadow: inset 0px -1.5vw 2.5vw -.75vw rgba(0,0,0,0.34);*/ }

    @media only screen and (max-width: 599px) { 
        .summer-camps-grid-outer {
            margin: 0 auto;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-bottom: 13vw;
            box-shadow: 0 3.5vw 4.5vw -1vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .summer-camps-grid-outer {
            margin: 0 auto;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-bottom: 8vw;
            box-shadow: 0 3.5vw 4.5vw -1vw rgba(0,0,0,0.44); } }

.shirt-holder {
    margin: 0 auto;
    width: 90%;
    height: auto;
    background: transparent;
    text-align: center; }

    @media only screen and (max-width: 1024px) { 
        .shirt-holder {
            width: 100%; } }

@supports (display: grid) {
    .summer-camps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0vw; } }

    @media only screen and (max-width: 1024px) { 
        .summer-camps-grid {       
            grid-template-columns: repeat(1, 1fr);      
            grid-gap: 0vw; } }

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

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

.summer-camps-grid > div {
    flex: 1; }

@supports (display: grid) {
    .t-shirts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0vw; } }

    @media only screen and (max-width: 1024px) { 
        .t-shirts-grid {       
            grid-template-columns: repeat(1, 1fr);      
            grid-gap: 0vw; } }

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

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

.t-shirts-grid > div {
    flex: 1; }

.container-steam-camp {
    background: url("https://www.mrskell.com/images/mrskell_steam_bg_2022_yellow-01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 29vw;
    transition: 1.0s ease; }

    @media only screen and (max-width: 599px) {
        .container-steam-camp {
            width: 80vw;
            height: 90vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .container-steam-camp {
            width: 75vw;
            height: 75vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .container-steam-camp {
            height: 33vw; } }

.container-summer-garten {
    background: url("https://www.mrskell.com/images/mrskell_summer_bg_2022_green-01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 29vw;
    transition: 1.0s ease; }

    @media only screen and (max-width: 599px) {
        .container-summer-garten {
            width: 80vw;
            height: 90vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .container-summer-garten {
            width: 75vw;
            height: 75vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .container-summer-garten {
            height: 33vw; } }

.container-super-garten {
    background: url("https://www.mrskell.com/images/mrskell_super_bg_2022_pink-01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 29vw;
    transition: 1.0s ease; }

    @media only screen and (max-width: 599px) {
        .container-super-garten {
            width: 80vw;
            height: 90vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .container-super-garten {
            width: 75vw;
            height: 75vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .container-super-garten {
            height: 33vw; } }

.summer-camps-grid section {
    width: auto;
    height: auto;
    transition: 1.5s ease; }

    @media only screen and (max-width: 375px) {
        .summer-camps-grid section {
            width: 80vw;
            height: 90vw;
            margin-top: 10vw;
            transition: 0.0s ease; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .summer-camps-grid section {
            width: 80vw;
            height: 90vw;
            margin-top: 10vw;
            transition: 0.0s ease; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .summer-camps-grid section {
            width: 75vw;
            height: 75vw;
            margin-top: 8vw;
            transition: 0.0s ease; } }

.t-shirts-grid section {
    width: auto;
    height: auto;
    transition: 1.5s ease; }

    @media only screen and (max-width: 375px) {
        .t-shirts-grid section {
            width: 80vw;
            height: 80vw;
            margin-top: 12vw;
            transition: 0.0s ease; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .t-shirts-grid section {
            width: 80vw;
            height: 80vw;
            margin-top: 12vw;
            transition: 0.0s ease; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .t-shirts-grid section {
            width: 75vw;
            height: 75vw;
            margin-top: 8vw;
            transition: 0.0s ease; } }

.summer-camps-grid-block {
    position: relative;
    margin: 0 auto;
    transition: 1.0s ease; }

    @media only screen and (max-width: 375px) {
        .summer-camps-grid-block {
            width: 80vw;
            height: 90vw;
            transition: 0.5s ease;
            box-shadow: 0 2vw 3.5vw -.5vw rgba(0, 0, 0, 0.55); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .summer-camps-grid-block {
            width: 80vw;
            height: 90vw;
            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: 768px) { 
        .summer-camps-grid-block {
            width: 39vw;
            height: 39vw; 
            transition: 0.5s ease;
            box-shadow: 0 1vw 2vw -.1vw rgba(0, 0, 0, 0.34); } }*/

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .summer-camps-grid-block {
            width: 75vw;
            height: 75vw; 
            transition: 1.0s ease;
            box-shadow: 0 3.5vw 4.5vw -.5vw rgba(0, 0, 0, 0.44); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .summer-camps-grid-block {
           /* width: 27vw;
            height: 27.84375vw;*/ } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .summer-camps-grid-block {
            /*width: 27vw;
            height: 27.84375vw;*/ } }

.shirts-3c-grid-block-trans {
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 35vw;
    background: transparent;
    transition: 1.0s ease; }

    @media only screen and (max-width: 599px) { 
        .shirts-3c-grid-block-trans {
            height: 80vw;
            width: 80vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .shirts-3c-grid-block-trans {
            height: 75vw;
            width: 75vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .shirts-3c-grid-block-trans {
            height: 35.5vw; } }

.shirts-3c-grid-block-dark {
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 35vw;
    background: #e6e2e1;
    transition: 1.0s ease; }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .shirts-3c-grid-block-dark {
            height: 75vw;
            width: 75vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .shirts-3c-grid-block-dark {
            height: 35.5vw; } }

.shirts-3c-grid-block-light {
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 31vw;
    background: #f4f2ee;
    transition: 1.0s ease; }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .shirts-3c-grid-block-light {
            height: 35.5vw; } }

.faq-bar {
    background: url("https://www.mrskell.com/images/faq_2-01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 0;         
    height: 23vh;
    text-align: center;
    z-index: 666666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 2vw 3vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 375px) {
        .faq-bar {
            height: 23vw;
            box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .faq-bar {
            height: 23vw;
            box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .faq-bar {
            height: 23vw;
            box-shadow: 0 3.5vw 5vw -1vw rgba(0,0,0,0.44); } }

.faq-body-outer {
    position: relative;
    margin: 0 0;
    background-color: transparent;
    z-index: 444444;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
    box-shadow: 0 2vw 3vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 375px) { 
        .faq-body-outer {
            padding-left: 0vw;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .faq-body-outer {
            padding-left: 0vw;
            padding-top: 8vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .faq-body-outer {
            /*padding-left: 3vw;*/
            padding-top: 6vw;
            padding-bottom: 8vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .faq-body-outer {
            /*padding-left: 3vw;*/
            padding-top: 6vw;
            padding-bottom: 8vw; } }

.faq-body h2 {
    font-family: "Chronicle Display A", "Chronicle Display B";
    font-style: normal;
    font-weight: 200;
    font-size: 1.54vw;
    line-height: 1.69;
    text-align: center;
    letter-spacing: 0vw;
    word-spacing: -.1vw;
    margin: 0 auto;
    padding-left: 0vw;
    margin-bottom: 1.5vw;
    color: rgba(0,0,0,.65); }

    @media only screen and (max-width: 375px) { 
        .faq-body h2 {
            font-size: 3vw;
            line-height: 2.2; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .faq-body h2 {
            font-size: 3vw;
            line-height: 2.2; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .faq-body h2 {
            font-size: 2.85vw;
            line-height: 1.75; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .faq-body h2 {
            font-size: 2.85vw;
            line-height: 1.75; } }

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

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

.shirts-grid-intro > div {
    flex: 1; }

.shirts-grid-intro section {
    width: 100%;
    height: 18vw;
    transition: 1.5s ease; }

    @media only screen and (max-width: 599px) { 
        .shirts-grid-intro section {
            height: 36vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .shirts-grid-intro section {
            height: 30vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .shirts-grid-intro section {
            height: 19vw; } }

.shirts-grid-intro-left {
    background: rgba(255, 191, 0, 1.0);
    height: 18vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: .5vw; }

    @media only screen and (max-width: 599px) { 
       .shirts-grid-intro-left {
            height: 36vw;
            padding-top: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
       .shirts-grid-intro-left {
            height: 30vw;
            padding-top: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .shirts-grid-intro-left {
            height: 19vw;
            padding-top: .5vw; } }

.shirts-grid-intro-right {
    background: transparent;
    height: 18vw;
    display: flex;
    justify-content: center;
    align-items: center; }

    @media only screen and (max-width: 599px) {
       .shirts-grid-intro-right {
            height: 36vw;
            padding-top: .5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
       .shirts-grid-intro-right {
            height: 30vw;
            padding-top: .5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .shirts-grid-intro-right {
            height: 19vw; } }

.headline-happy {
    width: 40vw;
    height: auto;
    margin: 0 auto; }

    @media only screen and (max-width: 599px) {
       .headline-happy {
             width: 80vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
       .headline-happy {
             width: 75vw; } }

.shirt-intro-body h6 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 1.74vw;
    line-height: 1.4;
    text-align: left;
    text-transform: none;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    transition: 1s ease;
    color: #222; }

    @media only screen and (max-width: 599px) { 
       .shirt-intro-body h6 {
            text-align: center;
            font-size: 3.25vw;
            line-height: 1.85;
            color: #000; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
       .shirt-intro-body h6 {
            text-align: center;
            font-size: 3.05vw;
            line-height: 1.7; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .shirt-intro-body h6 {
            font-size: 1.74vw;
            line-height: 1.54; } }


.four-oh-four-outer {
    margin: 0 0;
    margin-top: 4.25em;
    height: calc(100vh - 4.25em);
    background: transparent;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }

    @media only screen and (max-width: 375px) { 
        .four-oh-four-outer {
            height: 135vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .four-oh-four-outer {
            height: calc(176vw - 4.25em); } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .four-oh-four-outer {
            height: calc(125vw - 4.25em); } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .four-oh-four-outer {
            height: calc(129vw - 4.25em); } }

.storytelling-open-inner {
    margin: 0 auto; 
    text-align: center;
    height: auto;
    background: transparent; }

.four-oh-four-topper p {
    font-size: 4.25vw;
    text-align: center;
    text-transform: none;
    color: #9e9894; }

    @media only screen and (max-width: 375px) { 
        .four-oh-four-topper p {
            font-size: 8.35vw;
            padding-bottom: 4vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .four-oh-four-topper p {
            font-size: 8.35vw;
            padding-bottom: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .four-oh-four-topper p {
            font-size: 8.35vw; } }

.big-ass-404 h3 {
    font-size: 21vw;
    letter-spacing: -.2vw;
    text-align: center;
    color: #4e4844; }

    @media only screen and (max-width: 375px) { 
        .big-ass-404 h3 {
            font-size: 45vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .big-ass-404 h3 {
            font-size: 43vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .big-ass-404 h3 {
            font-size: 40vw; } }

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

    @media only screen and (max-width: 375px) { 
        .back-block-4 h6 {
            font-size: 2.8vw;
            letter-spacing: 3px;
            word-spacing: -3px;
            padding-top: 0vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .back-block-4 h6 {
            font-size: 2.8vw;
            letter-spacing: 3px;
            word-spacing: -3px;
            padding-top: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .back-block-4 h6 {
            font-size: 1.9vw;
            padding-top: 0vw; } }





/* Begin Mrs Kell Summer Camps 2023 */

.mrs-kell-summer-camps-hero-left-outer {
    background: #6bbfb9;
/*background: rgba(150, 168, 176, 1.0);*/
/*background: rgba(135, 156, 165, 1.0);*/
/*    background: rgba(76, 165, 255, 1.0);*/
/*background: rgba(255, 191, 0, 1.0);*/
/*background: rgba(99, 184, 193, 1.0);*/
/*background: rgba(112, 138, 140, 1.0);*/
/*background: rgba(64, 214, 26, 1.0);*/
/*background: rgba(110, 167, 223, 1.0);*/
/*background: #9999ff;*/
/*background: rgba(198, 181, 167, 1.0);*/
/*background: rgba(174, 142, 126, 1.0);*/
/*background: rgba(133, 178, 0, 1.0);*/
    margin: 0 0;
    height: calc(100vh - 5.0em);
    z-index: 999999;
    position: relative;
    transition: 1.0s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-right: .25vw;
    padding-bottom: .5vw;
    box-shadow: 2.0vw 0 3.5vw -.75vw rgba(0,0,0,0.6); }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-summer-camps-hero-left-outer {
            /*height: calc(100svh - 5.0em);*/
            /*margin-top: 5.0em;*/
            height: 55vh;
            z-index: 888888;
            position: relative;
            transition: 1.0s ease;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.4); } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-summer-camps-hero-left-outer {
            /*height: calc(100svh - 5.0em);*/
            height: 55vh;
            /*margin-top: 5.0em;*/
            z-index: 888888;
            position: relative;
            transition: 1.0s ease;
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.4); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camps-hero-left-outer {
/*            height: auto;*/
            height: calc(100svh - 5.0em);
            /*height: 55vh;*/
            /*margin-top: 5.0em;*/
            z-index: 888888;
            position: relative;
            transition: 1.0s ease;
/*            box-shadow: 4vw 0 6vw -.75vw rgba(0,0,0,0.55);*/
            box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.4); } }

.mrs-kell-summer-camps-hero-right-outer {
    background: transparent;
    margin: 0 0;
    height: calc(100vh - 5.0em);
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    z-index: 666666;
    position: relative;
    padding-left: 10vw;
    transition: 1.0s ease; }

    @media only screen and (max-width: 599px) { 
        .mrs-kell-summer-camps-hero-right-outer {
             height: auto;
             padding-top: 13vw;
             padding-bottom: 13vw;
/*            height: calc(100svh - 5.0em);*/
             background-color: transparent; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camps-hero-right-outer {
             height: calc(100svh - 5.0em);
             padding-left: 14vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-summer-camps-hero-right-outer {
            padding-left: 10vw; } }

.mrs-kell-summer-camps-faq-left-outer {
    background: #f4f2ee;
    margin: 0 0;
    height: calc(100vh - 5.0em);
    z-index: 222222;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 1.0s ease; }

.mrs-kell-summer-camps-hero-left-image {
    background: url("https://www.mrskell.com/images/slime_2024.jpg");
/*background: url("https://www.mrskell.com/images/coloring_2024.jpg");*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 0;
    box-shadow: 0 3vw 3.5vw -1vw rgba(0,0,0,0.55);
    z-index: 999999;
    height: calc(50vh - 2.5em);
    transition: 1s ease; }

    @media only screen and (max-width: 599px) { 
        .mrs-kell-summer-camps-hero-left-image {
             height: calc(50svh - 2.5em);
             margin-top: 5.0em;
             z-index: 888888;
             background-color: transparent; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camps-hero-left-image {
             height: calc(50svh - 2.5em);
             margin-top: 5.0em;
             z-index: 888888;
             background-color: transparent; } }

.mrs-kell-summer-camps-hero-left-headline {
    margin: 0 0;
    background: rgba(0,0,0,1.0);
/*    background: rgba(255,207,69,1.0);*/
    position: relative;
/*    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55);*/
    z-index: 777777;
    height: calc(50vh - 2.5em);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 1s ease; }

    @media only screen and (max-width: 599px) { 
        .mrs-kell-summer-camps-hero-left-headline {
             /*height: auto;
             padding-top: 8.5vw;
             padding-bottom: 8vw;*/
             height: calc(50svh - 2.5em); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camps-hero-left-headline {
             /*height: auto;
             padding-top: 8.5vw;
             padding-bottom: 8vw;*/
             height: calc(50svh - 2.5em);
             z-index: 777777; } }

.mrskell-summer-camps-hero-headline-image {
    margin: 0 auto;
    width: 39vw;
    height: auto;
    text-align: center; }

    @media only screen and (max-width: 375px) { 
        .mrskell-summer-camps-hero-headline-image {
            width: 73vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrskell-summer-camps-hero-headline-image {
            width: 85vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) { 
        .mrskell-summer-camps-hero-headline-image {
            width: 88vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) { 
        .mrskell-summer-camps-hero-headline-image {
            width: 88vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .mrskell-summer-camps-hero-headline-image {
            width: 40vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .mrskell-summer-camps-hero-headline-image {
            width: 40vw; } }

@supports (display: grid) {
    .mrs-kell-summer-camps-details-2c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0vw; } }

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

.mrs-kell-summer-camps-details-2c-grid > div {
    flex: 1; }

.mrs-kell-summer-camps-details-2c-grid section { }

.mrskell-camps-week-1-outer {
    margin: 0 0;
    background: #fff;
    z-index: 555555;
    position: relative;
    height: calc(100vh - 5.0em);
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.5); }

    @media only screen and (max-width: 599px) { 
        .mrskell-camps-week-1-outer {
            height: auto;
            margin: 0 0;
            z-index: 555555;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-camps-week-1-outer {
            height: auto;
            margin: 0 0;
            z-index: 555555;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.65); } }

.mrskell-camps-week-2-outer {
    margin: 0 0;
    background: #fff;
    z-index: 444444;
    position: relative;
    height: calc(100vh - 5.0em);
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.3); }

    @media only screen and (max-width: 599px) { 
        .mrskell-camps-week-2-outer {
            height: auto;
            margin: 0 0;
            z-index: 444444;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-camps-week-2-outer {
            height: auto;
            margin: 0 0;
            z-index: 444444;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.65); } }

.mrskell-camps-week-3-outer {
    margin: 0 0;
    background: #fff;
    z-index: 333333;
    position: relative;
    height: calc(100vh - 5.0em);
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.3); }

    @media only screen and (max-width: 599px) { 
        .mrskell-camps-week-3-outer {
            height: auto;
            margin: 0 0;
            z-index: 333333;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-camps-week-3-outer {
            height: auto;
            margin: 0 0;
            z-index: 333333;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.65); } }

.mrskell-camps-close {
    margin: 0 0;
    background: transparent;
    z-index: 222222;
    position: relative;
    height: calc(100vh - 5.0em);
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.3); }

    @media only screen and (max-width: 599px) { 
        .mrskell-camps-faq-outer {
            height: auto;
/*            margin-top: 5.0em;*/
            margin: 0 0;
            z-index: 222222;
            box-shadow: 0 3.5vw 4vw -1vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-camps-faq-outer {
            height: auto;
            margin: 0 0;
            z-index: 222222;
            box-shadow: 0 3.5vw 4vw -1vw rgba(0,0,0,0.65); } }

.mrskell-camps-lunch-map-outer {
    margin: 0 0;
    background: transparent;
    z-index: 111111;
    position: relative;
    height: calc(100vh - 5.0em);
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) { 
        .mrskell-camps-lunch-map-outer {
            height: auto;
            /*padding-top: 8vw;
            padding-bottom: 8vw;*/
            z-index: 111111; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-camps-lunch-map-outer {
            height: auto;
            /*padding-top: 8vw;
            padding-bottom: 8vw;*/
            z-index: 111111; } }

.mrskell-camps-holder {
    margin: 0 0;
    background: transparent;
    z-index: 111111;
    position: relative;
    height: auto;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); }



/*.mrskell-camps-faq-outer {
    margin: 0 0;
    background: #fff;
    z-index: 222222;
    position: relative;
    height: calc(100vh - 5.0em);
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 599px) { 
        .mrskell-camps-faq-outer {
            height: auto;
            margin-top: 5.0em;
            margin: 0 0;
            z-index: 666666;
            box-shadow: 0 3.5vw 4vw -1vw rgba(0,0,0,0.65); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-camps-faq-outer {
            height: auto;
            margin-top: 5.0em;
            margin: 0 0;
            z-index: 666666;
            box-shadow: 0 3.5vw 4vw -1vw rgba(0,0,0,0.65); } }*/

.mrs-kell-summer-camps-listing-outer {
    height: calc(100vh - 5.0em);
    padding-top: 0vw;
    padding-bottom: 0vw;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    margin: 0 0;
    position: relative;
    background: transparent; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-summer-camps-listing-outer {
            height: auto;
            padding-top: 6vw;
            padding-bottom: 12vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-summer-camps-listing-outer {
            height: auto;
            padding-top: 6vw;
            padding-bottom: 12vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camps-listing-outer {
            height: auto;
            padding-top: 5vw;
            padding-bottom: 5vw; } }

.mrs-kell-summer-camps-listing-outer h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 1.2vw;
    line-height: 1.44;
    text-align: left;
    text-transform: none;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: -.1vw;
    color: #000; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-summer-camps-listing-outer h6 {
            font-size: 4vw;
            line-height: 1.54; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-summer-camps-listing-outer h6 {
            font-size: 4vw;
            line-height: 1.54; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camps-listing-outer h6 {
            font-size: 3.5vw;
            line-height: 1.54; } }

.mrs-kell-summer-camps-details-2c-grid-outer {
    height: calc(37vh - 2.5em);
    width: auto;
    margin: 0 0;
    position: relative;
    z-index: 666666;
    background: transparent;
    box-shadow: 0 3vw 3.5vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-summer-camps-details-2c-grid-outer {
            height: auto; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-summer-camps-details-2c-grid-outer {
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camps-details-2c-grid-outer {
            height: auto; } }

.mrs-kell-awesome-top {
    /*height: calc(29vh - 2.5em);*/
    width: auto;
    margin: 0 0;
    position: relative;
    z-index: 666666;
    background: #000;
    box-shadow: 0 3vw 6vw -1vw rgba(0,0,0,0.55); }

.mrskell-summer-camps-2026-image {
    width: 25vw;
    height: auto;
    position: relative;
    box-shadow: 0 2vw 4vw -1vw rgba(0,0,0,0.34); }

    @media only screen and (max-width: 599px) { 
        .mrskell-summer-camps-2026-image {
            width: 75vw;
            margin-bottom: 2vw;
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-summer-camps-2026-image {
            width: 70vw;
            margin-bottom: 1.3vw;
            height: auto; } }

.mrs-kell-awesome-bottom {
    /*height: calc(71vh - 2.5em);*/
    width: auto;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    margin: 0 0;
    padding-top: 1.5vw;
    padding-left: 0vw;
    position: relative;
    background: transparent; }

.mrskell-camps-week-1-outer-left {
    background: transparent;
    position: relative;
    margin: 0 0;
    z-index: 111111;
    height: calc(100vh - 5.0em);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 3.5vw 4.0vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 375px) { 
        .mrskell-camps-week-1-outer-left {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 10vw;
            text-align: left;
            box-shadow: 0 4vw 6vw -.75vw rgba(0,0,0,0.55); } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrskell-camps-week-1-outer-left {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 10vw;
            text-align: left;
            box-shadow: 0 4vw 6vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-camps-week-1-outer-left {
            height: auto;
            padding-top: 6vw;
            padding-bottom: 6vw;
            text-align: left;
            box-shadow: 0 4vw 6vw -.75vw rgba(0,0,0,0.55); } }

.mrskell-camps-week-1-outer-right {
    background: transparent;
    position: relative;
    margin: 0 0;
    z-index: 111111;
    height: calc(100vh - 5.0em);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease; }

    @media only screen and (max-width: 375px) { 
        .mrskell-camps-week-1-outer-right {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 10vw;
            text-align: left;
            box-shadow: 0 4vw 6vw -.75vw rgba(0,0,0,0.55); } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrskell-camps-week-1-outer-right {
            height: auto;
            padding-top: 8vw;
            padding-bottom: 10vw;
            text-align: left;
            box-shadow: 0 4vw 6vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-camps-week-1-outer-right {
            height: auto;
            padding-top: 6vw;
            padding-bottom: 6vw;
            text-align: left;
            box-shadow: 0 4vw 6vw -.75vw rgba(0,0,0,0.55); } }

.mrskell-camps-faq {
    position: relative;
    background: #000;
    margin: 0 0;
    z-index: 111111;
    height: calc(100vh - 5.0em);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease; }

.mrskell-camps-lunch-outer {
    position: relative;
    margin: 0 0;
    background: transparent;
    z-index: 111111;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease; }

    @media only screen and (max-width: 375px) { 
        .mrskell-camps-lunch-outer {
            height: auto;
            padding-top: 6vw;
            padding-bottom: 10vw;
            text-align: left;
            box-shadow: 0 4vw 6vw -.75vw rgba(0,0,0,0.55); } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrskell-camps-lunch-outer {
            height: auto;
            padding-top: 6vw;
            padding-bottom: 10vw;
            text-align: left;
            box-shadow: 0 4vw 6vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-camps-lunch-outer {
            height: auto;
            padding-top: 4vw;
            padding-bottom: 9vw;
            text-align: left;
            box-shadow: 0 4vw 6vw -.75vw rgba(0,0,0,0.55); } }

.mrskell-camps-map-outer {
    position: relative;
    background: transparent;
    margin: 0 0;
    z-index: 111111;
    height: calc(100vh - 5.0em);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 3.5vw 4.0vw -1vw rgba(0,0,0,0.65); }

    @media only screen and (max-width: 375px) { 
        .mrskell-camps-map-outer {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw;
            text-align: left;
            box-shadow: 0 4vw 6vw -.75vw rgba(0,0,0,0.55); } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrskell-camps-map-outer {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw;
            text-align: left;
            box-shadow: 0 4vw 6vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-camps-map-outer {
            height: auto;
            padding-top: 9vw;
            padding-bottom: 11vw;
            text-align: left;
            box-shadow: 0 4vw 6vw -.75vw rgba(0,0,0,0.55); } }

.mrskell-camps-faq-outer {
    position: relative;
    background: #000;
    margin: 0 0;
    z-index: 111111;
    height: calc(100vh - 5.0em);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease; }

.mrs-kell-summer-camps-definitive h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.0vw;
    line-height: 1.75;
    text-align: left;
    text-transform: none;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: #000; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-summer-camps-definitive h6 {
            font-size: 4.0vw;
            line-height: 2; } } 

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-summer-camps-definitive h6 {
            font-size: 4.0vw;
            line-height: 2; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camps-definitive h6 {
            font-size: 2.0vw;
            line-height: 2; } } 

.mrs-kell-summer-camps-details {
    text-align: left; }

.mrs-kell-summer-camps-details h1 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 500; 
    font-size: 2.77vw;
    line-height: 1.25;
    text-align: left;
    margin: 0 0 0 0;
    letter-spacing: -.05vw;
    word-spacing: -.5vw;
    color: #000;
    text-transform: none; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-summer-camps-details h1 {
            font-size: 5vw;
            line-height: 1.25;
            word-spacing: -.65vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-summer-camps-details h1 {
            font-size: 5vw;
            line-height: 1.25;
            word-spacing: -.65vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camps-details h1 {
            font-size: 5vw;
            line-height: 1.25;
            word-spacing: -.65vw; } }

.mrs-kell-summer-camps-details h6 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 500;
    font-size: 1.4vw;
    line-height: 1.5;
    text-align: left;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    color: rgba(238,63,62,1.0);
    text-transform: none; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-summer-camps-details h6 {
            font-size: 3.75vw;
            line-height: 1.4;
            word-spacing: -.3vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-summer-camps-details h6 {
            font-size: 3.75vw;
            line-height: 1.4;
            word-spacing: -.3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camps-details h6 {
            font-size: 3.5vw;
            line-height: 1.4;
            word-spacing: -.3vw; } }

.mrs-kell-summer-camps-details h3 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 2vw;
    line-height: 1.62;
    padding-bottom: .5vw;
    text-align: left;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: #666;
    text-transform: none; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-summer-camps-details h3 {
            font-size: 4vw;
            line-height: 1.62;
            padding-top: 1.5vw;
            padding-bottom: 1.5vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-summer-camps-details h3 {
            font-size: 4vw;
            line-height: 1.62;
            padding-top: 1.5vw;
            padding-bottom: 1.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camps-details h3 {
            font-size: 3.6vw;
            line-height: 1.62;
            padding-top: 1.5vw;
            padding-bottom: 1.5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .mrs-kell-summer-camps-details h3 {
            padding-top: .5vw;
            padding-bottom: .75vw; } }



.mrs-kell-summer-camps-details h2 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 1.65;
    text-align: left;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: #000;
    text-transform: none; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-summer-camps-details h2 {
            font-size: 3.5vw;
            line-height: 2; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-summer-camps-details h2 {
            font-size: 3.5vw;
            line-height: 2; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camps-details h2 {
            font-size: 2.75vw;
            line-height: 1.8; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .mrs-kell-summer-camps-details h2 {
            font-size: 1.25vw;
            line-height: 1.65; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .mrs-kell-summer-camps-details h2 {
            font-size: 1.3vw;
            line-height: 1.65; } }

.mrs-kell-summer-camp-date {
    height: calc(37vh - 2.5em);
    background-color: rgba(57,115,181,1.0);
    display: flex;
    z-index: 666666;
    box-shadow: 1vw 0 2vw -.75vw rgba(0,0,0,0.55);
    position: relative;
    justify-content: center;
    align-items: center;
    text-align: center; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-summer-camp-date {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-summer-camp-date {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camp-date {
            height: 42vw; } }

.mrs-kell-summer-camp-date-image {
        width: 20vw;
        height: auto; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-summer-camp-date-image {
            width: 85vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-summer-camp-date-image {
            width: 85vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camp-date-image {
            width: 43vw; } }

.mrs-kell-summer-camps-definitive {
    height: calc(37vh - 2.5em);
/*    background: rgba(255,207,69,1.0);*/
/*    background: rgba(0,148,255,1.0);*/
/*background: rgba(242,87,179,1.0);*/
/*background: rgba(241,229,210,1.0);*/
background: #f4f2ee;
    z-index: 555555;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-summer-camps-definitive {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-summer-camps-definitive {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camps-definitive {
            height: 42vw; } }

hr.mrskell-dates-rule {
    height: 1px;
    background-color: #d3d3d3;
    border: none;
    width: 100%;
    margin-top: .75vw;
    margin-bottom: .75vw;
    opacity: 1.0; }

    @media only screen and (max-width: 375px) { 
        hr.mrskell-dates-rule {
            margin-top: 3vw;
            margin-bottom: 3vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        hr.mrskell-dates-rule {
            margin-top: 3vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        hr.mrskell-dates-rule {
            margin-top: 2vw;
            margin-bottom: 2vw; } }

hr.mrskell-shopify-rule {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 2.5vw;
    margin-bottom: 2vw;
    opacity: 1.0; }

    @media only screen and (max-width: 375px) { 
        hr.mrskell-shopify-rule {
            margin-top: 14vw;
            margin-bottom: 8vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        hr.mrskell-shopify-rule {
            margin-top: 14vw;
            margin-bottom: 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        hr.mrskell-shopify-rule {
            margin-top: 8vw;
            margin-bottom: 5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        hr.mrskell-shopify-rule {
            margin-top: 4vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        hr.mrskell-shopify-rule {
            margin-top: 3.5vw;
            margin-bottom: 3vw; } }

hr.mrskell-simple-rule {
    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.mrskell-simple-rule {
            margin-top: 5vw;
            margin-bottom: 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        hr.mrskell-simple-rule {
            margin-top: 3vw;
            margin-bottom: 3vw; } }

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

    @media only screen and (max-width: 375px) { 
        hr.mrskell-camps-rule {
            margin-top: 5vw;
            margin-bottom: 5vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        hr.mrskell-camps-rule {
            margin-top: 5vw;
            margin-bottom: 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        hr.mrskell-camps-rule {
            margin-top: 3vw;
            margin-bottom: 3vw; } }

.mrs-kell-summer-camps-image {
    width: 25vw;
    height: auto;
    text-align:left;
    box-shadow: 0 2vw 3vw -1vw rgba(0,0,0,0.34); }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-summer-camps-image {
           width: 75vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-summer-camps-image {
            width: 75vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-summer-camps-image {
            width: 65vw; } }


/* 2024 / 2 */

.mrs-kell-left-hero-outer {
    background: #85b200;
    margin: 0 0;
    height: calc(62vh - 5.0em);
    z-index: 777777;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1.0s ease;
    box-shadow: 0 2vw 3vw -1vw rgba(0,0,0,0.34); }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-left-hero-outer {
            height: auto;
            z-index: 888888;
            position: relative;
            padding-top: 6vw;
            padding-bottom: 7vw;
            transition: 1.0s ease;
            box-shadow: 8vw 0 13vw -.75vw rgba(0,0,0,0.55); } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-left-hero-outer {
            height: auto;
            z-index: 888888;
            position: relative;
            padding-top: 6vw;
            padding-bottom: 7vw;
            transition: 1.0s ease;
            box-shadow: 8vw 0 13vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-left-hero-outer {
            height: auto;
            padding-top: 6vw;
            padding-bottom: 6vw;
            z-index: 888888;
            position: relative;
            transition: 1.0s ease;
            box-shadow: 8vw 0 13vw -.75vw rgba(0,0,0,0.55); } }

.mrs-kell-next-hero-outer {
    background: #f14e23;
    margin: 0 0;
    height: calc(62vh - 5.0em);
    z-index: 777777;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1.0s ease;
    box-shadow: 0 2vw 3vw -1vw rgba(0,0,0,0.34); }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-next-hero-outer {
            height: auto;
            z-index: 888888;
            position: relative;
            padding-top: 6vw;
            padding-bottom: 7vw;
            transition: 1.0s ease;
            box-shadow: 8vw 0 13vw -.75vw rgba(0,0,0,0.55); } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-next-hero-outer {
            height: auto;
            z-index: 888888;
            position: relative;
            padding-top: 6vw;
            padding-bottom: 7vw;
            transition: 1.0s ease;
            box-shadow: 8vw 0 13vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-next-hero-outer {
            height: auto;
            padding-top: 6vw;
            padding-bottom: 6vw;
            z-index: 888888;
            position: relative;
            transition: 1.0s ease;
            box-shadow: 8vw 0 13vw -.75vw rgba(0,0,0,0.55); } }

.mrs-kell-left-hero-grinch-headline {
    width: 38vw;
    height: auto; }

    @media only screen and (max-width: 599px) { 
        .mrs-kell-left-hero-grinch-headline {
            width: 89vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-left-hero-grinch-headline {
            width: 82vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .mrs-kell-left-hero-grinch-headline {
            width: 48vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .mrs-kell-left-hero-grinch-headline {
            width: 50vw; } }

.mrs-kell-left-grinch {
    width: 38vw;
    height: auto; }

    @media only screen and (max-width: 599px) { 
        .mrs-kell-left-grinch {
            width: 87vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-left-grinch {
            width: 87vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .mrs-kell-left-grinch {
            width: 38vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .mrs-kell-left-grinch {
            width: 38vw; } }

.mrs-kell-right-awesome {
    width: 36vw;
    height: auto; }

    @media only screen and (max-width: 599px) { 
        .mrs-kell-right-awesome {
            width: 86vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-right-awesome {
            width: 86vw;
            padding-left: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .mrs-kell-right-awesome {
            width: 36vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .mrs-kell-right-awesome {
            width: 36vw; } }

.mrs-kell-right-hero-outer {
    background: #f14e23;
    margin: 0 0;
    height: calc(62vh - 5.0em);
    padding-bottom: 1vw;
    z-index: 666666;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1.0s ease;
    box-shadow: 0 2vw 3vw -1vw rgba(0,0,0,0.34); }

    @media only screen and (max-width: 599px) {
        .mrs-kell-right-hero-outer {
             height: auto;
             background: #f14e23;
             padding-top: 5vw;
             padding-bottom: 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-right-hero-outer {
             height: auto;
             padding-top: 5vw;
             padding-bottom: 5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-right-hero-outer {
            padding-top: 0vw; } }

.popup-right-hero-outer {
    background: transparent;
    margin: 0 0;
    height: calc(100vh - 5.0em);
    z-index: 666666;
    position: relative;
    /*display: flex;
    justify-content: center;
    align-items: flex;*/
    transition: 1.0s ease; }

    @media only screen and (max-width: 599px) { 
        .mrs-kell-right-hero-outer {
             height: auto;
             background-color: transparent; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-right-hero-outer {
             height: auto;
              } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-right-hero-outer {
            padding-top: 0vw; } }

.mrs-kell-right-hero-grinch {
        width: 49vw;
        bottom: 0;
        right: 0;
        height: auto; }

    @media only screen and (max-width: 599px) { 
        .mrs-kell-right-hero-grinch {
             width: 98vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-right-hero-grinch {
            top: 0;
            width: 98vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .mrs-kell-right-hero-grinch {
            width: 48vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .mrs-kell-right-hero-grinch {
            width: 49vw; } }

.mrs-kell-right-info-upper {
    height: calc(28vh - 2.5em);
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    margin: 0 0;
    position: relative;
    z-index: 888888;
    background: #fff;
    padding-top: .5vw;
    box-shadow: 0 3vw 5vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-right-info-upper {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-right-info-upper {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-right-info-upper {
            height: auto;
            padding-top: 5vw;
            padding-bottom: 5vw; } }

.mrs-kell-right-2c-grid-outer {
    height: calc(72vh - 2.5em);
    width: auto;
    margin: 0 0;
    position: relative;
    z-index: 777777;
    background: transparent; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-right-2c-grid-outer {
            height: auto; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-right-2c-grid-outer {
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-right-2c-grid-outer {
            height: auto; } }

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

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

.mrs-kell-popup-2c-grid-1 > div {
    flex: 1; }

.mrs-kell-popup-2c-grid-1 section { }

.mrs-kell-hero-intro-copy p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vw;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    margin: 0 0 0 0;
    word-spacing: -.15vw;
    letter-spacing: -.02vw;
    color: #aaa; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-hero-intro-copy p {
            font-size: 4.4vw;
            line-height: 2; } } 

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-hero-intro-copy p {
            font-size: 4.4vw;
            line-height: 2; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-hero-intro-copy p {
            font-size: 2.9vw;
            line-height: 1.9; } } 

.mrs-kell-popup-outer-0 {
    height: calc(72vh - 2.5em);
    background-color: transparent;
    z-index: 666666;
    box-shadow: 1vw 0 3vw -.75vw rgba(0,0,0,0.34);
    position: relative;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    padding-left: 4vw; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-popup-outer-0 {
            padding-left: 8vw;
            height: 82vh;
            box-shadow: 5vw 0 13vw -.75vw rgba(0,0,0,0.55); } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-popup-outer-0 {
            padding-left: 8vw;
            height: 82vh;
            box-shadow: 5vw 0 13vw -.75vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-popup-outer-0 {
            padding-left: 5vw;
            height: 62vh;
            box-shadow: 2vw 0 5vw -.75vw rgba(0,0,0,0.44); } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-popup-outer-0 {
            padding-left: 3.5vw; } }

.mrs-kell-popup-outer-1 {
    height: calc(70vh - 2.5em);
    background-color: #f4f2ee;
    z-index: 666666;
/*    box-shadow: 1vw 0 3vw -.75vw rgba(0,0,0,0.34);*/
    position: relative;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    padding-left: 4vw; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-popup-outer-1 {
            height: 82vh; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-popup-outer-1 {
            height: 82vh; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-popup-outer-1 {
            height: 62vw; } }

.mrs-kell-popup-outer-2 {
    height: calc(70vh - 2.5em);
    background-color: transparent;
    z-index: 666666;
/*    box-shadow: 1vw 0 3vw -.75vw rgba(0,0,0,0.34);*/
    position: relative;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    padding-left: 4vw; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-popup-outer-2 {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-popup-outer-2 {
            height: auto;
            padding-top: 10vw;
            padding-bottom: 10vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-popup-outer-2 {
            height: 62vw; } }

.mrs-kell-popupcamp-details p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: .9vw;
    line-height: 1.6;
    text-align: left;
    text-transform: none;
    margin: 0 0 0 0;
    word-spacing: -.1vw;
    letter-spacing: -.02vw;
    color: #777; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-popupcamp-details p {
            font-size: 4.0vw;
            line-height: 2; } } 

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-popupcamp-details p {
            font-size: 4.0vw;
            line-height: 2; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-popupcamp-details p {
            font-size: 2.0vw;
            line-height: 2; } } 

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-popupcamp-details p {
            font-size: .9vw;
            line-height: 1.7; } } 

.popup-subhead {
    font-weight: 700;
    color: #444; }

.popup-inner {
    text-align: left;
    padding-top: 0vw;
    padding-bottom: 0vw;
    height: auto; }

.mrs-kell-popupcamp-head-1 h2 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    text-align: left;
    font-size: 3.5vw;
    line-height: .9;
    letter-spacing: -.1vw;
    word-spacing: -.6vw;
    margin-top: 0vw;
    margin-bottom: 0vw;
    color: #000; }

    @media only screen and (max-width: 599px) { 
        .mrs-kell-popupcamp-head-1 h2 {
            font-size: 15vw;
            line-height: .85; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-popupcamp-head-1 h2 {
            font-size: 7.5vw;
            line-height: .85; } } 

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-popupcamp-head-1 h2 {
            font-size: 3.75vw;
            line-height: .9;
            letter-spacing: -.1vw;
            word-spacing: -.6vw; } } 

.mrs-kell-popupcamp-head-1 h3 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    text-align: left;
    font-size: 3.5vw;
    line-height: .9;
    letter-spacing: -.1vw;
    word-spacing: -.6vw;
    margin-top: 0vw;
    margin-bottom: 0vw;
    color: #555; }

    @media only screen and (max-width: 599px) { 
        .mrs-kell-popupcamp-head-1 h3 {
            font-size: 15vw;
            line-height: .85;
            margin-bottom: 3vw; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-popupcamp-head-1 h3 {
            font-size: 7.5vw;
            line-height: .85;
            margin-bottom: 2vw; } } 

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-popupcamp-head-1 h3 {
            font-size: 3.75vw;
            line-height: .9;
            letter-spacing: -.1vw;
            word-spacing: -.6vw; } } 

.mrs-kell-popupcamp-head-1 h4 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    text-align: left;
    font-size: 1.2vw;
    line-height: .9;
    letter-spacing: 0vw;
    word-spacing: -.2vw;
    margin-top: .75vw;
    margin-bottom: 0vw;
    color: #555; }

    @media only screen and (max-width: 599px) { 
        .mrs-kell-popupcamp-head-1 h4 {
            font-size: 5.5vw;
            line-height: .9;
            letter-spacing: 0vw;
            word-spacing: -.2vw; } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-popupcamp-head-1 h4 {
            font-size: 3vw;
            line-height: .9;
            letter-spacing: 0vw;
            word-spacing: -.2vw; } } 

    @media only screen and (min-width: 1025px) and (max-width: 1940px) { 
        .mrs-kell-popupcamp-head-1 h4 {
            font-size: 1.3vw;
            line-height: .9;
            letter-spacing: 0vw;
            word-spacing: -.2vw; } } 

hr.popups-rule {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 1.35vw;
    margin-bottom: 1vw;
    opacity: 1.0; }

    @media only screen and (max-width: 375px) { 
        hr.popups-rule {
            margin-top: 7vw;
            margin-bottom: 5vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        hr.popups-rule {
            margin-top: 7vw;
            margin-bottom: 5vw; } }

hr.popups-rule-2 {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: 1vw;
    margin-bottom: .65vw;
    opacity: 1.0; }

    @media only screen and (max-width: 375px) { 
        hr.popups-rule-2 {
            margin-top: 5vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        hr.popups-rule-2 {
            margin-top: 5vw;
            margin-bottom: 3vw; } }

.mrskell-grid-outer-1 {
    margin: 0 0;
    height: auto;
    z-index: 777777;
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) { 
        .mrskell-grid-outer-1 {
            height: auto;
            margin: 0 0;
            z-index: 777777;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-grid-outer-1 {
            height: auto;
            margin: 0 0;
            z-index: 777777;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

@supports (display: grid) {
.mrs-kell-popup-4c-grid-1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0vw; } }

    @media only screen and (max-width: 599px) { 
        @supports (display: grid) {
            .mrs-kell-popup-4c-grid-1 {
            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) {
            .mrs-kell-popup-4c-grid-1 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 0vw; } } }

.mrs-kell-popup-4c-grid-1 > div {
    flex: 1; }

.mrs-kell-popup-4c-grid-1 section { }

.mrskell-grid-outer-2 {
    margin: 0 0;
    height: auto;
    z-index: 666666;
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) { 
        .mrskell-grid-outer-2 {
            height: auto;
            margin: 0 0;
            z-index: 666666;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-grid-outer-2 {
            height: auto;
            margin: 0 0;
            z-index: 666666;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

.mrskell-grid-outer-3 {
    margin: 0 0;
    height: auto;
    z-index: 555555;
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) { 
        .mrskell-grid-outer-3 {
            height: auto;
            margin: 0 0;
            z-index: 555555;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-grid-outer-3 {
            height: auto;
            margin: 0 0;
            z-index: 555555;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

.mrskell-grid-outer-4 {
    margin: 0 0;
    height: auto;
    z-index: 444444;
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) { 
        .mrskell-grid-outer-4 {
            height: auto;
            margin: 0 0;
            z-index: 444444;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-grid-outer-4 {
            height: auto;
            margin: 0 0;
            z-index: 444444;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

.mrskell-grid-outer-5 {
    margin: 0 0;
    height: auto;
    z-index: 333333;
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) { 
        .mrskell-grid-outer-5 {
            height: auto;
            margin: 0 0;
            z-index: 333333;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-grid-outer-5 {
            height: auto;
            margin: 0 0;
            z-index: 333333;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

.mrskell-popup-hero-crab-image {
    margin: 0 auto;
    width: 37vw;
    height: auto;
    margin-top: 1vw;
    box-shadow: 0 2vw 2vw .25vw rgba(0,0,0,0.34);
    text-align: center; }

    @media only screen and (max-width: 599px) { 
        .mrskell-popup-hero-crab-image {
            width: 83vw;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-popup-hero-crab-image {
            width: 83vw;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); 
        } }

    @media only screen and (min-width: 1025px) and (max-width: 1940px) {
        .mrskell-popup-hero-crab-image {
            width: 40vw;
            margin-top: 1vw;
            box-shadow: 0 2vw 2vw .25vw rgba(0,0,0,0.34); } }

.mrs-kell-drawings-outer {
    height: calc(72vh - 2.5em);
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0;
    position: relative;
    z-index: 111111;
    background: transparent; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-drawings-outer {
            height: auto; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-drawings-outer {
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-drawings-outer {
            height: auto; } }

.mrs-kell-drawings-lower {
    height: calc(72vh - 2.5em);
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0;
    position: relative;
    z-index: 111111;
    background: transparent; }

    @media only screen and (max-width: 375px) { 
        .mrs-kell-drawings-lower {
            height: auto;
            padding-top: 9vw;
            padding-bottom: 12vw; } }

     @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrs-kell-drawings-lower {
            height: auto;
            padding-top: 9vw;
            padding-bottom: 12vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-drawings-lower {
            height: auto;
            padding-top: 9vw;
            padding-bottom: 10vw; } }

.mrskell-playah-outer {
    margin: 0 0;
    height: auto;
    z-index: 111111;
    position: relative;
    box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) { 
        .mrskell-playah-outer {
            height: auto;
            margin: 0 0;
            z-index: 111111;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .mrskell-playah-outer {
            height: auto;
            margin: 0 0;
            z-index: 111111;
            box-shadow: 0 4vw 6vw -1vw rgba(0,0,0,0.55); } }

.mrs-kell-playah-side-1 {
    background: transparent;
    margin: 0 0;
    height: auto;
    z-index: 111111;
    position: relative;
    transition: 1.0s ease; }

    @media only screen and (max-width: 599px) { 
        .mrs-kell-playah-side-1 {
             height: auto;
             background-color: transparent; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrs-kell-playah-side-1 {
             height: auto; } }

.mrskell-one-line-logotype {
    margin: 0 auto;
    width: 30vw;
    margin-top: 2vw;
    height: auto;
    text-align: center; }

    @media only screen and (max-width: 599px) { 
        .mrskell-one-line-logotype {
            width: 82vw;
            margin-top: 5vw; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) { 
        .mrskell-one-line-logotype {
            width: 82vw;
            margin-top: 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .mrskell-one-line-logotype {
            width: 83vw;
            margin-top: 3vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .mrskell-one-line-logotype {
            width: 36vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .mrskell-one-line-logotype {
            width: 36vw; } }

.grinch-index-body-block {
    margin: 0 0;
    background: transparent;
    position: relative;
    z-index: 222222;
    height: calc(100vh - 5.0em);
    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) { 
        .grinch-index-body-block {
            height: auto;
            padding-top: 12vw;
            padding-bottom:12vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .grinch-index-body-block {
            height: auto;
            padding-top: 10vw;
            padding-bottom:10vw; } }

.awards-index-body-block {
    margin: 0 0;
    background: transparent;
    position: relative;
    z-index: 222222;
    height: auto;
    padding-top: 6vw;
    padding-bottom: 6vw;
    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) { 
        .awards-index-body-block {
            height: auto;
            padding-top: 12vw;
            padding-bottom:18vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .awards-index-body-block {
            height: auto;
            padding-top: 8vw;
            padding-bottom:12vw; } }

.grinch-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: 4.2vw;
    line-height: 1.00;
    letter-spacing: -.025vw;
    word-spacing: -.25vw;
    color: #333; 
    margin-top: 0vw; }

    @media only screen and (max-width: 599px) { 
        .grinch-index-body-copy p {
            font-size: 6.5vw;
            line-height: 1.25; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .grinch-index-body-copy p {
            font-size: 6.25vw;
            line-height: 1.15; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .grinch-index-body-copy p {
            font-size: 4.65vw;
            line-height: 1.00; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .grinch-index-body-copy p {
            font-size: 4.85vw;
            line-height: 1.00; } }

.awesome-date p {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 2.8vw;
    line-height: 1.2;
    letter-spacing: -.015vw;
    word-spacing: -.15vw;
    color: #fff; }

    @media only screen and (max-width: 599px) { 
        .awesome-date p {
            font-size: 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .awesome-date p {
            font-size: 5vw; } }

.awesome-intro-copy p {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 1.9vw;
    line-height: 1.2;
    letter-spacing: -.015vw;
    word-spacing: -.15vw;
    color: #aaa; }

    @media only screen and (max-width: 599px) { 
        .awesome-intro-copy p {
            font-size: 4.75vw;
            line-height: 1.8;
            color: #888; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .awesome-intro-copy p {
            font-size: 4.5vw;
            line-height: 1.25; } }

.awesome-body-copy p {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 1.88vw;
    line-height: 1.2;
    letter-spacing: -.015vw;
    word-spacing: -.15vw;
    color: #999; 
    margin-bottom: .5vw; }

    @media only screen and (max-width: 599px) { 
        .awesome-body-copy p {
            font-size: 6vw;
            line-height: 1.25; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .awesome-body-copy p {
            font-size: 3vw;
            line-height: 1.3; } }

.award-body-copy p {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 2.25vw;
    line-height: 1.25;
    letter-spacing: -.015vw;
    word-spacing: -.15vw;
    color: #333; 
    margin-bottom: 1.5vw; }

    @media only screen and (max-width: 599px) { 
        .award-body-copy p {
            font-size: 3.75vw;
            line-height: 1.5;
            margin-bottom: 3.5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .award-body-copy p {
            font-size: 3.5vw;
            line-height: 1.25;
            margin-bottom: 2.5vw; } }

hr.grinch-breaker {
    border-top: 1px solid #d3d3d3;
    width: 55vw;
    margin-top: 2vw;
    margin-bottom: 1.5vw; }

    @media only screen and (max-width: 599px) { 
        hr.grinch-breaker {
            margin-top: 5vw;
            margin-bottom: 5vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        hr.grinch-breaker {
            margin-top: 4vw;
            margin-bottom: 4vw; } }

.grinch-faq-body h2 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400;
    font-size: 1.00vw;
    line-height: 1.54;
    text-align: left;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: #000;
    text-transform: none; }

    @media only screen and (max-width: 599px) { 
        .grinch-faq-body h2 {
            font-size: 3vw;
            line-height: 2; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .grinch-faq-body h2 {
            font-size: 2.7vw;
            line-height: 1.62; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .grinch-faq-body h2 {
            font-size: 1.1vw;
            line-height: 1.4; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .grinch-faq-body h2 {
            font-size: 1.1vw;
            line-height: 1.4; } }

.grinch-faq-body h1 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 500;
    font-size: 2.77vw;
    line-height: 1.0;
    text-align: left;
    margin: 0 0 0 0;
    letter-spacing: 0vw;
    word-spacing: 0vw;
    color: #000;
    text-transform: none; }

    @media only screen and (max-width: 599px) { 
        .grinch-faq-body h1 {
            font-weight: 500;
            font-size: 7vw;
            line-height: 1.54; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .grinch-faq-body h1 {
            font-weight: 500;
            font-size: 6.6vw;
            line-height: 1.54; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .grinch-faq-body h1 {
            font-size: 2.77vw;
            line-height: 1.54; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .grinch-faq-body h1 {
            font-size: 2.77vw;
            line-height: 1.54; } }

.page-logo {
    margin: 0 auto;
    width: 32vw;
    height: auto;
    padding-top: .75vw;
    padding-bottom: 2.0vw;
    transition: 1.5s ease; }

    @media only screen and (max-width: 599px) { 
        .page-logo {
            width: 79vw;
            padding-top: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .page-logo {
            width: 67vw;
            padding-top: 0vw;
            padding-bottom: 0vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .page-logo {
            width: 44vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1940px) { 
        .page-logo {
            width: 44vw; } }

.awesome-headline-outer {
    margin: 0 0;
    background: #000;
    position: relative;
    height: 18vh;
    /*padding-top: 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);
    z-index: 888888; }

    @media only screen and (max-width: 599px) { 
        .awesome-headline-outer {
            height: 16vh;
            padding-top: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .awesome-headline-outer {
            height: 18vh;
            padding-top: 0vw;
            padding-bottom: 0vw; } }

.awesome-headline-different {
    margin: 0 auto;
    width: 50vw;
    height: auto;
    text-align: center; }

    @media only screen and (max-width: 599px) { 
        .awesome-headline-different {
            width: 75vw;
            padding-top: 4vw;
            padding-bottom: 4vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .awesome-headline-different {
            width: 75vw;
            padding-top: 4vw;
            padding-bottom: 4vw; } }

.awesome-outer {
    margin: 0 0;
    background: transparent;
    position: relative;
    z-index: 666666;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 4.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 2s ease;
    box-shadow: 0 2vw 4vw -1vw rgba(0,0,0,0.44); }

    @media only screen and (max-width: 599px) { 
        .awesome-outer {
            padding-top: 0vw;
            padding-bottom: 20vw;
            box-shadow: 0 6vw 12vw -1vw rgba(0,0,0,0.55); } } 

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .awesome-outer {
            padding-top: 4vw;
            padding-bottom: 15vw;
            box-shadow: 0 4vw 8vw -1vw rgba(0,0,0,0.55); } } 

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .awesome-outer {
            padding-top: 5vw;
            padding-bottom: 5.5vw; } }

.awesome-outer-last {
    margin: 0 0;
    background: transparent;
    position: relative;
    z-index: 666666;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 7vw;
    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) { 
        .awesome-outer-last {
            padding-top: 0vw;
            padding-bottom: 16vw;
            box-shadow: 0 6vw 12vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .awesome-outer-last {
            padding-top: 4vw;
            padding-bottom: 10vw;
            box-shadow: 0 4vw 8vw -1vw rgba(0,0,0,0.55); } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        .awesome-outer-last {
            padding-top: 5vw;
            padding-bottom: 8vw; } }

.awesome-dark-1 {
    margin: 0 0;
    background: transparent;
    position: relative;
    z-index: 666666;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 4.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    transition: 2s ease;
    box-shadow: 0 5vw 8vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) { 
        .awesome-dark-1 {
            padding-top: 5vw;
            padding-bottom: 20vw;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .awesome-dark-1 {
            padding-bottom: 10vw;
            box-shadow: 0 0vw 0vw 0vw rgba(0,0,0,0.0); } }

.awesome-light-1 {
    margin: 0 0;
    background: transparent;
    position: relative;
    z-index: 555555;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 4.5vw;
    padding-left: 2vw;
    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); }

.awesome-dark-2 {
    margin: 0 0;
    background: #f4f2ee;
    position: relative;
    z-index: 444444;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 4.5vw;
    padding-left: 2vw;
    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); }

.awesome-light-2 {
    margin: 0 0;
    background: transparent;
    position: relative;
    z-index: 333333;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 4.5vw;
    padding-left: 2vw;
    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); }

.awesome-dark-3 {
    margin: 0 0;
    background: #f4f2ee;
    position: relative;
    z-index: 222222;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 4.5vw;
    padding-left: 2vw;
    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); }

.awesome-light-3 {
    margin: 0 0;
    background: transparent;
    position: relative;
    z-index: 111111;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 4.5vw;
    padding-left: 2vw;
    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); }

.awesome-grid-holder {
    margin: 0 auto;
    width: 60vw;
    height: auto;
    background: transparent; }

    @media only screen and (max-width: 599px) { 
        .awesome-grid-holder {
            width: 83vw;
            padding-left: 2vw;
            padding-top: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .awesome-grid-holder {
            width: 98vw;
            padding-left: 0vw;
            padding-top: 0vw; } }

.awesome-left {
    width: 30vw; }

    @media only screen and (max-width: 599px) { 
        .awesome-left {
            width: auto;
            padding-top: 10vw;
            padding-bottom: 0vw } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .awesome-left {
            width: 50vw;
            display: flex;
            justify-content: left;
            align-items: center;
            text-align: left; } }

.awesome-right {
    width: 30vw;
    text-align: left; }

    @media only screen and (max-width: 599px) { 
        .awesome-right {
            width: auto;
            margin-top: 15vw;
            padding-bottom: 0vw } }

    @media only screen and (max-width: 599px) { 
        .awesome-right {
            width: auto;
            padding-left: 0vw;
            padding-top: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .awesome-right {
            width: 40vw;
            display: flex;
            justify-content: left;
            align-items: center;
            text-align: left; } }

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

    @media only screen and (max-width: 599px) { 
        @supports (display: grid) {
            .awesome-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) {
            .awesome-2c-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 5vw; } } }

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

.awesome-2c-grid section { }

.camp-image {
    margin-top: .35vw;
    width: 13vw;
    height: 15.4vw;
    transition: 1.5s ease;
    box-shadow: 0 3vw 4vw -1vw rgba(0,0,0,0.55); }

    @media only screen and (max-width: 599px) { 
        .camp-image {
            width: 55vw;
            margin-top: 18vw;
            margin-bottom: 5vw;
            height: auto; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .camp-image {
            width: 26vw;
            margin-top: 1.25vw;
            height: auto; } }

.camp-image:hover {
    transition: 1.5s ease;
    transform: scale(1.2);
    box-shadow: 0 4vw 4vw -1vw rgba(0,0,0,0.65); }

hr.awesome-rule {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 50%;
    margin-top: .75vw;
    margin-bottom: .75vw;
    text-align: left;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) { 
        hr.awesome-rule {
            margin-top: 4vw;
            margin-bottom: 4vw; } }

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

hr.store-rule {
    height: 1px;
    background-color: #ccc;
    border: none;
    width: 100%;
    margin-top: .75vw;
    margin-bottom: .75vw;
    text-align: left;
    opacity: 1.0; }

    @media only screen and (max-width: 599px) { 
        hr.store-rule {
            margin-top: 4vw;
            margin-bottom: 0vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        hr.store-rule {
            margin-top: 2vw;
            margin-bottom: .5vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1440px) { 
        hr.store-rule {
            margin-top: 0vw;
            margin-bottom: 0vw; } }

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

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

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

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

.big-2c-grid section { }

.awesome-kid-images {
    width: 33vw;
    height: 9.6vw;
/*    multiplier: .29;*/
    margin-bottom: 1.2vw; }

    @media only screen and (max-width: 599px) { 
        .awesome-kid-images {
            width: 90vw;
            height: 24.65vw;
        /*    multiplier: .29;*/
            margin-bottom: 8vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) { 
        .awesome-kid-images {
            width: 85vw;
            height: 24.65vw;
        /*    multiplier: .29;*/
            margin-bottom: 3vw; } }






    


/* Fin */