@charset "utf-8";
@font-face {
    font-family: 'ch';
    font-style: normal;
    font-weight: 400;
    src: url('../font/dinlt.eot');
    src: local('Chartwell'), 
	     url('../font/Chwell.eot?#iefix') format('embedded-opentype'),
         url('../font/Chwell.woff') format('woff'),
         url('../font/Chwell.ttf') format('truetype')
}
html {overflow-y:scroll;font-size: 10px; height:100%;}  
body,td,th {line-height:1.8em;color: #000;background:url(../images/2026_bg.jpg?v=20260909-v18) center/cover no-repeat; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;animation: fadeIn 2s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal; }
body {margin:0;padding: 0;width:100%;height:100%;position:relative;font-family:ch , -apple-system, BlinkMacSystemFont, 'Helvetica Neue', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;font-weight:inherit;font-size:inherit;color: inherit;}
p,ul{padding:0;margin:0;}
div{ padding:0; margin:0;}
img {border:0;border-style:none; width:100%;-ms-interpolation-mode: bicubic;-webkit-interpolation-mode: bicubic; }
a img:hover {opacity: 0.4 ;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
li {list-style-type:none;}
a:link {text-decoration: none; color:inherit; font-size:inherit; font-weight:inherit;}
a:visited {text-decoration: none; color:inherit;}
a:hover {text-decoration: none; color: #000;}
a:active {text-decoration: none; color:inherit;}
a,a:hover {-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
::selection {background: #000;color: #fff;}
::-moz-selection {background: #000;color: #fff;}
.pc,.on_pc{ display:block;}
.sp,.on_sp{ display:none;}
.in{ padding:5%; margin: auto; max-width: 1005px; position: relative;width: 90%;}
.flx_cen{ display: flex; align-items: center; flex-wrap: wrap; }
 
.wrapper{ min-height: 100vh;}
.op_w{ width:100%; text-align: center; background: #000; position: fixed; height: 100vh; top: 0; left: 0; z-index: 99;pointer-events: none;}
.op_w video{width: auto; height: 90vh; margin:auto;position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
.op_w {
    opacity: 100%;
    animation: late-open 2.5s ease-in 24s forwards;
}
@keyframes late-open {
  0%{opacity: 100%;}
  50%{opacity: 100%;}
  100%{opacity: 0;}
}
.tot_ttl{padding: 0 0 calc(40px + 3%) 0; max-width: 770px; margin: auto; width: 65%;}
.tot_ava{text-align: center;padding: 0 0 calc(20px + 2%) 0;}
.tot_ava img{width: auto; height: 3.2vw; max-height: 40px; margin: auto;}
.tot_stre {padding:0 0 calc(60px + 2.5%) 0;}
.tot_stre li{text-align: center;}
.tot_stre li img{width: auto; height: 3.2vw; max-height: 40px;padding: 0 0 calc(10px + 1.5%) 0;}
.copy{font-size: 2.8rem; text-align: center;font-family: acumin-pro-condensed, sans-serif;font-weight: 700;font-style: normal; letter-spacing: 0.1em; color: #5da453;}
.copy_y{color: #F9db00;}
.copy_bl{color: #076082;}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1500px) {
/*header*/
}/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1024px) {
/*header*/
    
    .copy{font-size:2.7vw;}

}/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/

@media screen and (max-width:768px) {
.pc{ display:none !important;}
.sp{ display:block !important;}
    /*header*/

    
    
}/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/

@media screen and (max-width:600px) {
    /* Same narrow-window behaviour as the currently published TOT site. */
    body{
        background:url(../images/2026_bgsp.jpg?v=20260909-v15) center bottom/cover no-repeat;
    }
    .on_pc{ display:none;}
    .on_sp{ display:block;}
    .op_w video{max-height:560px;}
    .tot_ttl{width:92%;margin:auto;}
    .tot_ava{text-align:center;padding:0 0 calc(10px + 6%) 0;}
    .tot_ava img{height:5.225vw;max-height:500px;margin:auto;}
    .tot_stre li img{width:auto;height:5.225vw;padding:0 0 calc(10px + 2%) 0;}
    .in{transform:none;}
}

/* Preserve the approved iPhone composition only on touch devices. */
@media screen and (max-width:600px) and (hover:none) and (pointer:coarse) {
    body{
        background-image:url(../images/2026_bgsp.jpg?v=20260909-v15-touch);
        background-position:center calc(50% - 2.5vh);
        background-size:auto 106%;
        background-repeat:no-repeat;
    }
    .in{transform:translateY(8vh);}
}

.copy_2026{color:#29859e;}

/* =========================================================
   v16 COMPACT DESKTOP FIX
   When a Mac/desktop browser is made both narrow and short,
   scale the whole composition from the smaller viewport dimension.
   This prevents horizontal overflow, page scrolling, and the
   background ending before the text.
========================================================= */
html, body {
    min-height: 100%;
}
body {
    min-height: 100vh;
}

@media screen and (max-height: 820px) and (hover: hover),
       screen and (max-width: 600px) and (hover: hover) {
    html {
        overflow: hidden;
        background: #222;
    }
    body {
        width: 100%;
        height: 100vh;
        min-height: 100vh;
        overflow: hidden;
        background-image: url(../images/2026_bgsp.jpg?v=20260909-v16);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .wrapper {
        width: 100%;
        height: 100vh;
        min-height: 100vh;
        overflow: hidden;
        box-sizing: border-box;
    }
    .in {
        width: min(92vw, 112vh);
        max-width: 1005px;
        padding: min(4vw, 4vh);
        margin: auto;
        box-sizing: border-box;
        transform: none !important;
    }
    .tot_ttl {
        width: min(92%, 92vmin);
        max-width: 770px;
        margin: auto;
        padding: 0 0 min(4.5vh, 34px) 0;
    }
    .tot_ttl img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
    }
    .tot_ava {
        padding: 0 0 min(3.5vh, 24px) 0;
        text-align: center;
    }
    .tot_ava img {
        display: inline-block;
        width: auto;
        height: clamp(18px, 4.25vmin, 40px);
        max-width: 96%;
        object-fit: contain;
    }
    .tot_stre {
        padding: 0 0 min(4.5vh, 36px) 0;
    }
    .tot_stre li {
        text-align: center;
        line-height: 1;
    }
    .tot_stre li img {
        display: inline-block;
        width: auto;
        height: clamp(18px, 4.25vmin, 40px);
        max-width: 94%;
        padding: 0 0 min(1.6vh, 12px) 0;
        object-fit: contain;
    }
    .copy {
        font-size: clamp(11px, 2.45vmin, 28px);
        line-height: 1.25;
        white-space: nowrap;
    }
}

/* True phones keep the approved mobile artwork/positioning. */
@media screen and (max-width: 600px) and (hover: none) and (pointer: coarse) {
    html { overflow-y: auto; }
    body {
        height: 100%;
        min-height: 100%;
        overflow-x: hidden;
        overflow-y: visible;
        background-image: url(../images/2026_bgsp.jpg?v=20260909-v16-touch);
        background-position: center calc(50% - 2.5vh);
        background-size: auto 106%;
        background-repeat: no-repeat;
    }
    .wrapper {
        min-height: 100vh;
        height: auto;
        overflow: visible;
    }
    .in {
        width: 90%;
        max-width: 1005px;
        padding: 5%;
        box-sizing: content-box;
        transform: translateY(8vh) !important;
    }
    .tot_ttl{width:92%;margin:auto;padding:0 0 calc(40px + 3%) 0;}
    .tot_ava{text-align:center;padding:0 0 calc(10px + 6%) 0;}
    .tot_ava img{width:auto;height:5.225vw;max-height:500px;margin:auto;}
    .tot_stre{padding:0 0 calc(60px + 2.5%) 0;}
    .tot_stre li img{width:auto;height:5.225vw;padding:0 0 calc(10px + 2%) 0;}
    .copy{font-size:2.7vw;white-space:normal;}
}


/* =========================================================
   v17 INTERMEDIATE NARROW-DESKTOP BACKGROUND TUNING
   Just before the phone breakpoint, pull the portrait background
   back slightly so more of the model is visible.
========================================================= */
@media screen and (min-width: 601px) and (max-width: 900px) and (hover: hover),
       screen and (max-width: 600px) and (hover: hover) {
    body {
        background-image: url(../images/2026_bgsp.jpg?v=20260909-v17);
        background-position: center center;
        background-size: 94% auto;
        background-repeat: no-repeat;
        background-color: #222;
    }
}

/* Keep true phones exactly as approved. */
@media screen and (max-width: 600px) and (hover: none) and (pointer: coarse) {
    body {
        background-image: url(../images/2026_bgsp.jpg?v=20260909-v17-touch);
        background-position: center calc(50% - 2.5vh);
        background-size: auto 106%;
        background-repeat: no-repeat;
    }
}

/* =========================================================
   v19 — Client crop direction
   Desktop/Mac: prioritize denim + boots vertically.
   Cropping on the left/right of the motorcycle is allowed.
   Keep all title/store artwork centered independently of the photo crop.
========================================================= */
@media screen and (hover: hover) and (pointer: fine) {
    body {
        background-image: url(../images/2026_bg_pc.jpg?v=20260909-final);
        background-position: center bottom;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #222;
    }

    .wrapper {
        width: 100%;
        min-height: 100vh;
        background: transparent;
    }

    .in,
    .tot_ttl,
    .tot_ava,
    .tot_stre,
    .copy {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

/* Narrow/portrait desktop windows:
   use the same desktop artwork rather than the portrait phone artwork.
   This intentionally crops the bike left/right so the lower denim/boots remain visible. */
@media screen and (max-width: 1100px) and (hover: hover) and (pointer: fine),
       screen and (max-height: 820px) and (hover: hover) and (pointer: fine) {
    body {
        background-image: url(../images/2026_bg_pc.jpg?v=20260909-final-narrow);
        background-position: center bottom;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

/* True phones keep the already-approved phone composition. */
@media screen and (max-width: 600px) and (hover: none) and (pointer: coarse) {
    body {
        background-image: url(../images/2026_bgsp.jpg?v=20260909-v19-touch);
        background-position: center calc(50% - 2.5vh);
        background-size: auto 106%;
        background-repeat: no-repeat;
    }
}

/* =========================================================
   v20 — DESKTOP PHOTO POSITION
   Move the new PC background slightly downward while keeping
   cover/cropping and all text positioning unchanged.
========================================================= */
@media screen and (hover: hover) and (pointer: fine) {
    body {
        background-image: url(../images/2026_bg_pc.jpg?v=20260909-v20);
        background-position: center calc(100% + 4vh);
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 1100px) and (hover: hover) and (pointer: fine),
       screen and (max-height: 820px) and (hover: hover) and (pointer: fine) {
    body {
        background-image: url(../images/2026_bg_pc.jpg?v=20260909-v20-narrow);
        background-position: center calc(100% + 4vh);
        background-size: cover;
        background-repeat: no-repeat;
    }
}

/* True phones remain exactly as previously approved. */
@media screen and (max-width: 600px) and (hover: none) and (pointer: coarse) {
    body {
        background-image: url(../images/2026_bgsp.jpg?v=20260909-v20-touch);
        background-position: center calc(50% - 2.5vh);
        background-size: auto 106%;
        background-repeat: no-repeat;
    }
}


/* =========================================================
   v21 — DESKTOP PHOTO POSITION
   Show more of the top of the original PC photograph by moving
   the background farther downward. The lower part of the photo
   is intentionally cropped around the requested red-line level.
   Text layout is unchanged.
========================================================= */
@media screen and (hover: hover) and (pointer: fine) {
    body {
        background-image: url(../images/2026_bg_pc.jpg?v=20260909-v21);
        background-position: center calc(100% + 9vh);
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 1100px) and (hover: hover) and (pointer: fine),
       screen and (max-height: 820px) and (hover: hover) and (pointer: fine) {
    body {
        background-image: url(../images/2026_bg_pc.jpg?v=20260909-v21-narrow);
        background-position: center calc(100% + 9vh);
        background-size: cover;
        background-repeat: no-repeat;
    }
}

/* True phones remain exactly as previously approved. */
@media screen and (max-width: 600px) and (hover: none) and (pointer: coarse) {
    body {
        background-image: url(../images/2026_bgsp.jpg?v=20260909-v21-touch);
        background-position: center calc(50% - 2.5vh);
        background-size: auto 106%;
        background-repeat: no-repeat;
    }
}



/* =========================================================
   v23 — ORIGINAL IMAGE ONLY / RESPONSIVE FIX
   Uses the supplied image files exactly as-is.
   No generated extension, scaling beyond CSS cover, or image synthesis.
========================================================= */

.copy_2026{color:#29859e;}

/* Desktop */
@media screen and (min-width:601px){
    html,body{
        min-width:0 !important;
        width:100%;
        min-height:100%;
        overflow-x:hidden;
    }

    body{
        background-image:url(../images/2026_bg_pc.jpg?v=20260909-v23) !important;
        background-repeat:no-repeat !important;
        background-position:center top !important;
        background-size:cover !important;
        background-color:#222 !important;
    }

    .wrapper{
        width:100%;
        min-width:0 !important;
        min-height:100vh;
    }

    .in{
        min-width:0 !important;
    }
}

/* Short desktop window:
   only scale the foreground content; background remains the supplied photo. */
@media screen and (min-width:601px) and (max-height:820px){
    .in{
        width:min(90%,100vh);
        max-width:1005px;
        padding:3vh 5%;
        box-sizing:border-box;
    }

    .tot_ttl{
        width:min(65%,76vh);
        max-width:770px;
        padding-bottom:4vh;
    }

    .tot_ava{
        padding-bottom:3vh;
    }

    .tot_ava img,
    .tot_stre li img{
        height:min(3.2vw,4.4vh);
        max-height:40px;
    }

    .tot_stre{
        padding-bottom:4vh;
    }

    .copy{
        font-size:min(2.8rem,3.2vh);
        line-height:1.25;
    }
}

/* Narrow browser = mobile layout.
   Width alone decides the switch, so Mac Chrome also changes correctly. */
@media screen and (max-width:600px){
    html,body{
        min-width:0 !important;
        width:100%;
        overflow-x:hidden;
    }

    body{
        background-image:url(../images/2026_bgsp.jpg?v=20260909-v23) !important;
        background-repeat:no-repeat !important;
        background-position:center bottom !important;
        background-size:cover !important;
        background-color:#222 !important;
    }

    .wrapper{
        min-width:0 !important;
        width:100%;
        min-height:100vh;
        height:auto;
    }

    .in{
        width:90%;
        max-width:1005px;
        min-width:0 !important;
        padding:5%;
        margin:auto;
        transform:none !important;
    }

    .tot_ttl{
        width:92%;
        margin:auto;
    }

    .tot_ava img,
    .tot_stre li img{
        width:auto;
        height:5.225vw;
        max-height:500px;
    }

    .copy{
        font-size:2.7vw;
    }
}

/* =========================================================
   v25 — MOBILE BACKGROUND CROP
   Existing 2026_bgsp.jpg only. No image generation/editing.
   Top/bottom cropping is intentional for a tighter mobile composition.
========================================================= */
@media screen and (max-width:600px) {
    body {
        background-image: url(../images/2026_bgsp.jpg?v=20260910-v25) !important;
        background-repeat: no-repeat !important;
        background-position: center 44% !important;
        background-size: auto 118% !important;
    }
}

@media screen and (max-width:600px) and (hover:none) and (pointer:coarse) {
    body {
        background-image: url(../images/2026_bgsp.jpg?v=20260910-v25-touch) !important;
        background-position: center 44% !important;
        background-size: auto 118% !important;
        background-repeat: no-repeat !important;
    }
}

/* =========================================================
   v26 — NARROW DESKTOP MATCHES MOBILE BACKGROUND CROP
   Background only switches earlier (<=768px) so a narrow PC
   uses the same crop balance as the approved smartphone view.
   Existing image only; no image generation/editing.
========================================================= */
@media screen and (max-width:768px) {
    body {
        background-image: url(../images/2026_bgsp.jpg?v=20260910-v26) !important;
        background-repeat: no-repeat !important;
        background-position: center 44% !important;
        background-size: auto 118% !important;
    }
}

/* =========================================================
   v27 — NARROW DESKTOP: MATCH PHONE CROP BY VIEWPORT HEIGHT
   Existing 2026_bgsp.jpg only. No image generation/editing.
   The key fix is using vh, not %, so body/content height no longer
   changes how much of the photo is visible.
========================================================= */
@media screen and (max-width:768px) and (hover:hover) and (pointer:fine) {
    body {
        background-image: url(../images/2026_bgsp.jpg?v=20260910-v27) !important;
        background-repeat: no-repeat !important;
        background-size: auto 118vh !important;
        background-position: center center !important;
        background-attachment: fixed !important;
        background-color: #222 !important;
    }
}

/* Actual touch phones keep the already-approved v25 mobile crop. */
@media screen and (max-width:600px) and (hover:none) and (pointer:coarse) {
    body {
        background-image: url(../images/2026_bgsp.jpg?v=20260910-v27-touch) !important;
        background-repeat: no-repeat !important;
        background-position: center 44% !important;
        background-size: auto 118% !important;
        background-attachment: scroll !important;
    }
}

/* =========================================================
   v28 — DESKTOP VERTICAL COMPOSITION LOCK
   Goal:
   - show the boots/lower denim on desktop
   - keep the SAME vertical crop in normal and fullscreen views
   - use only the supplied 2026_bg_pc.jpg
   - allow black side margins when the viewport is wider than the photo
   This avoids background-size:cover, whose crop changes with viewport ratio.
========================================================= */
@media screen and (min-width:769px) {
    html,
    body {
        background-color:#000 !important;
    }

    body {
        background-image:url(../images/2026_bg_pc.jpg?v=20260910-v28) !important;
        background-repeat:no-repeat !important;
        background-position:center center !important;

        /* Lock photo height to the viewport.
           This keeps the top/bottom composition identical between
           normal desktop and fullscreen, and keeps the boots visible. */
        background-size:auto 100vh !important;
        background-attachment:fixed !important;
    }
}

/* Use the modern dynamic viewport height where supported. */
@supports (height:100dvh) {
    @media screen and (min-width:769px) {
        body {
            background-size:auto 100dvh !important;
        }
    }
}

/* =========================================================
   v29 — DESKTOP NORMAL/FULLSCREEN CONSISTENCY
   Goal:
   - desktop normal and fullscreen use the same composition
   - show the full supplied PC photo vertically, including the boots
   - no crop caused by viewport aspect-ratio changes
   - black margins are allowed when the viewport ratio differs
   - no image generation/editing
========================================================= */
@media screen and (min-width:769px) {
    html,
    body {
        background-color:#000 !important;
    }

    body {
        background-image:url(../images/2026_bg_pc.jpg?v=20260910-v31) !important;
        background-repeat:no-repeat !important;
        background-position:center center !important;
        background-size:contain !important;
        background-attachment:fixed !important;
    }

    /* Cancel the height-based desktop scaling from earlier revisions.
       Desktop layout now changes by width only, so normal/fullscreen
       keep the same text sizing and spacing. */
    .in {
        width:90% !important;
        max-width:1005px !important;
        padding:5% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:content-box !important;
        transform:none !important;
    }

    .tot_ttl {
        width:65% !important;
        max-width:770px !important;
        padding:0 0 calc(40px + 3%) 0 !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .tot_ava {
        padding:0 0 calc(20px + 2%) 0 !important;
        text-align:center !important;
    }

    .tot_ava img {
        width:auto !important;
        height:3.2vw !important;
        max-height:40px !important;
        margin:auto !important;
    }

    .tot_stre {
        padding:0 0 calc(60px + 2.5%) 0 !important;
    }

    .tot_stre li img {
        width:auto !important;
        height:3.2vw !important;
        max-height:40px !important;
        padding:0 0 calc(10px + 1.5%) 0 !important;
    }
}

/* Keep the original width-based copyright scaling on smaller desktop widths. */
@media screen and (min-width:769px) and (max-width:1024px) {
    .copy {
        font-size:2.7vw !important;
    }
}

@media screen and (min-width:1025px) {
    .copy {
        font-size:2.8rem !important;
    }
}



/* =========================================================
   v33 — COPYRIGHT FIT FIX
   Only adjusts the copyright line on desktop.
   Background / title / store layout stay exactly as v31.
========================================================= */
@media screen and (min-width:769px) {
    .copy {
        position: relative !important;
        left: 50% !important;
        width: calc(100vw - 32px) !important;
        max-width: none !important;
        margin-left: calc(-50vw + 16px) !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        text-align: center !important;
        white-space: nowrap !important;
        font-size: clamp(12px, 1.9vw, 28px) !important;
        line-height: 1.2 !important;
    }
}

/* Keep the approved phone copyright behaviour unchanged. */
@media screen and (max-width:768px) {
    .copy {
        position: static !important;
        left: auto !important;
        width: auto !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        white-space: normal !important;
    }
}


/* =========================================================
   v34 — COPYRIGHT SINGLE-LINE FIT
   Keep copyright on one line for desktop/narrow-desktop widths.
   Phones stay unchanged.
========================================================= */
@media screen and (min-width:601px) {
    .copy {
        position: relative !important;
        left: 50% !important;
        width: calc(100vw - 24px) !important;
        max-width: none !important;
        margin-left: calc(-50vw + 12px) !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        text-align: center !important;
        white-space: nowrap !important;
        line-height: 1.15 !important;
        font-size: clamp(10px, 1.55vw, 28px) !important;
        letter-spacing: 0.06em !important;
    }
}

@media screen and (min-width:601px) and (max-width:900px) {
    .copy {
        font-size: clamp(9px, 1.40vw, 16px) !important;
        letter-spacing: 0.04em !important;
    }
}

@media screen and (max-width:600px) {
    .copy {
        position: static !important;
        left: auto !important;
        width: auto !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        white-space: normal !important;
    }
}