@charset "UTF-8";
/*
Theme Name: onlinebrandambassadors
Theme URI: https://www.onlinebrandambassadors.com
Author: onlinebrandambassadors
Author URI: http://onlinebrandambassadors.com
Version: 2026-05-20-001
License: GNU General Public License
*/

/* ROOT */
/* 1rem = 1 * 16px */
@root, html { scroll-behavior: smooth; overflow-y: scroll; interpolate-size: allow-keywords; }
*, *::before, *::after { box-sizing: border-box; }
:root {
--colorwhite: 250, 245, 242;
--colorblack: 26, 17, 12;
--colorgood: 66, 107, 70;
--colorbad: 176, 61, 51;
--color01: 26, 17, 12;
--radius01: 11px;
--fontbasesize: 1.2rem;
--fontbasesizemobi: 1.5rem;
--font01: "Playfair Display", serif;
--font02: "Inter", sans-serif;
--boxshadow01: 0 0 1rem 1rem rgba(0, 0, 0, 0.1);
}
html { scroll-behavior: smooth; overflow-y: scroll; box-sizing: border-box; }
header, nav, main, footer, aside, article, section, h1, h2, h3, h4, h5, h6, p, strong, em, address, blockquote, figure, ul, ol, button, label, fieldset, legend {}

/* FONTS */
@font-face { font-display: swap; font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('_fonts/inter-v20-latin-regular.woff2') format('woff2'); }
@font-face { font-display: swap; font-family: 'Inter'; font-style: normal; font-weight: 900; src: url('_fonts/inter-v20-latin-900.woff2') format('woff2'); }
@font-face { font-display: swap; font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: url('_fonts/playfair-display-v40-latin-regular.woff2') format('woff2'); }
@font-face { font-display: swap; font-family: 'Playfair Display'; font-style: normal; font-weight: 900; src: url('_fonts/playfair-display-v40-latin-900.woff2') format('woff2'); }

/* A */
a, a:link, a:visited { text-decoration: none; transition: all 1s ease; color:inherit; }
a:hover, a:active { text-decoration: none; }

/* ACCORDEON */
.accordion01 { max-width: 100%; margin: 0 auto 0 auto; }
.accordion01 details { background-color: #ffffff; border: 1px solid rgba(var(--color01),1); border-radius: var(--radius01); margin-bottom: 1rem; overflow: hidden; box-shadow: var(--boxshadow); transition: box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1); transition: all 1s ease;}
.accordion01 details[open] { box-shadow: var(--boxshadow); }
.accordion01 summary { list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 1rem; color: rgba(var(--color01),1); cursor: pointer; user-select: none; background-color: rgba(var(--color02),0.1); transition: background-color 0.3s ease; }
.accordion01 summary::-webkit-details-marker { display: none; }
.accordion01 summary:hover { background-color: rgba(var(--color02),0.5); }
.accordion01 summary::after { content: "+"; font-size: inherit; line-height: 0; color: rgba(var(--color01),1); transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), color 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
.accordion01 details[open] summary::after { content: "−"; color: rgba(var(--color01),1); transform: rotate(180deg); }
.accordion01 .accordion01-content { color: rgba(var(--colorblack),1); line-height: 1.6; height: 0; padding: 0 1rem; opacity: 0; visibility: hidden; transition: height 1s cubic-bezier(0.25, 1, 0.5, 1), padding 1s cubic-bezier(0.25, 1, 0.5, 1), opacity 1s ease; }
.accordion01 details[open] .accordion01-content { height: auto; padding: 1rem; opacity: 1; visibility: visible; }

.alignleft { text-align: left !important; align-items: flex-start; }
.aligncenter { text-align: center !important; align-items: center !important; }
.alignright { text-align: right !important; align-items: flex-end !important; }
.alignmiddle { vertical-align:middle !important; justify-content: center !important; }

/* ALTERNATE */
#alternate01 { display: block; width: 100%; min-width: 100%; max-width: 100%; padding: 0; margin: 0 auto 0 auto; font-size: 0; vertical-align: middle; }
.alternate01row01 { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: center; align-content: space-between; padding: 0 5rem 0 5rem; margin: 0 auto 0 auto; box-shadow: 0 0 2rem 2rem rgba(var(--colorblack), 1); vertical-align: middle; align-self: center; }
.alternate01row01:nth-of-type(even) { flex-direction: row-reverse; }
.alternate01column01 { width: 50%; height: auto; background-color: rgba(var(--colorwhite), 1); overflow: visible; vertical-align: middle; }
.alternate01column01:nth-of-type(even) { background-color: rgba(var(--color01), 1); }

/* ANIMATION */
.animatebottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s; }
@-webkit-keyframes animatebottom { from { bottom: -150rem; opacity: 0; } to { bottom: 0rem; opacity: 1; } }
@keyframes animatebottom { from { bottom: -150rem; opacity: 0; } to { bottom: 0; opacity: 1; } }
article {}
.article01 {}

.aspectratio-1-1 { aspect-ratio: 1 / 1; object-fit: cover; }
.aspectratio-3-4 { aspect-ratio: 3 / 4; object-fit: cover; }
.aspectratio-4-5 { aspect-ratio: 4 / 5; object-fit: cover; }
.aspectratio-9-16 { aspect-ratio: 9 / 16; object-fit: cover; }
.aspectratio-16-9 { aspect-ratio: 16 / 9; object-fit: cover; }

/* B */
.banner01spacer { display:block; height:10rem;}
.banner01 { display: block; position: relative; z-index: 0; width: 100%; min-width: 100%; max-width: 100%; height: 50vh; padding: 0; margin: 0 auto 0 auto; border: none; vertical-align: middle; text-align: center; overflow: hidden; background-color: rgba(var(--color01), 1);}
.banner01 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.banner01text01 { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; color: rgba(var(--colorwhite), 1); font-size: clamp(24px, 5rem, 48px); font-weight: 400; line-height: 1.2; text-transform: lowercase; letter-spacing: 1px; }
.banner01text02 { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: calc(clamp(12px, 2.5rem, 24px) + (clamp(24px, 5rem, 48px) * 0.6)); color: rgba(var(--colorwhite), 1); font-size: clamp(12px, 1.5rem, 16px); font-weight: 400; line-height: 1.5; text-transform: lowercase; letter-spacing: 1px; opacity: 0.9; }

/* BENTO */
.bento01 {  display: grid;  grid-template-columns: repeat(12, 1fr);  grid-auto-rows: minmax(100px, auto); gap: 1rem; }
.bento01item { display: flex;  flex-direction: column; align-items: flex-start; justify-content: center;  border-radius: var(--radius01); }
.column-2 { grid-column: span 12; display: grid; grid-template-columns: repeat(2, 1fr); }
.column-7 { grid-column: span 12; display: grid; grid-template-columns: repeat(7, 1fr); }
.column-8 { grid-column: span 12; display: grid; grid-template-columns: repeat(8, 1fr);}
.span-1 { grid-column: span 1; } .span-2 { grid-column: span 2; } .span-3 { grid-column: span 3; } .span-4 { grid-column: span 4; } .span-5 { grid-column: span 5; } .span-6 { grid-column: span 6; } .span-7 { grid-column: span 7; } .span-8 { grid-column: span 8; } .span-9 { grid-column: span 9; } .span-10 { grid-column: span 10; } .span-11 { grid-column: span 11; } .span-12 { grid-column: span 12; } .row-1 { grid-row: span 1; } .row-2 { grid-row: span 2; } .row-3 { grid-row: span 3; } .row-4 { grid-row: span 4; } .row-5 { grid-row: span 5; } .row-6 { grid-row: span 6; } .row-7 { grid-row: span 7; } .row-8 { grid-row: span 8; } .row-9 { grid-row: span 9; } .row-10 { grid-row: span 10; } .row-11 { grid-row: span 11; } .row-12 { grid-row: span 12; }

body { display: block; padding: 0; margin: 0 auto 0 auto; text-align: center; color: rgba(var(--colorblack), 1); }

button, .button { padding: 10px 20px 10px 20px; text-align: center; transition: all 0.3s ease; cursor: pointer; box-shadow: none; text-shadow: transparent; border-radius: var(--radius01);}
button:hover, .button:hover { cursor: pointer; box-shadow: var(--boxshadow01); text-shadow: transparent; transform: scale(1.02); filter: brightness(0.85) saturate(0.9) contrast(1.1); }

/* C */
.caption01 { display:inline-block; padding:0.1rem; font-size:05rem; text-transform:uppercase;}
.clearfix { }
.clearfix::after { content: ""; display: table; clear: both; }

/* COLOR */
.colorblack { color: rgba(var(--colorblack), 1); }
.colorblackbg { background-color: rgba(var(--colorblack), 1); }
.colorwhite { color: rgba(var(--colorwhite), 1); }
.colorwhitebg { background-color: rgba(var(--colorwhite), 1); }
.colorwhitebrdr { border: solid 2rem rgba(var(--colorwhite), 1); }
.colorgoodbg { color:rgba(var(--colorgood), 1); }
.colorgoodbg { background-color:rgba(var(--colorgood), 1); }
.colorgoodbg50 { background-color:rgba(var(--colorgood), 0.5); }
.colorbadbg { color:rgba(var(--colorbad), 1); }
.colorbadbg { background-color:rgba(var(--colorbad), 1); }
.colorbadbg50 { background-color:rgba(var(--colorbad), 0.5); }

.color01 { color: rgba(var(--color01), 1); }
.color01-25 { color: rgba(var(--color01), 0.5); }
.color01bg { background-color: rgba(var(--color01), 1); color: rgba(var(--colorwhite), 1); }
.color01brdr { border: solid 1px; border-color: rgba(var(--color01), 1); }
.color01bg25 { background-color: rgba(var(--color01), 0.25); }
.color02 { color: rgba(var(--color02), 1); }
.color02bg { background-color: rgba(var(--color02), 1); }
.color02brdr { border: solid 1rem; border-color: rgba(var(--color02), 1); }
.color02bg25 { background-color: rgba(var(--color02), 0.25); }

/* COMPLIANZ */
.cmplz-manage-consent { background-color: #fff !important;  width: 55px !important; height: 55px !important; min-width: 0 !important; border-radius: 50% !important; padding: 0 !important; display: flex !important; align-items: center !important;
 justify-content: center !important; border: 2px solid #666666 !important;  box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;  font-size: 0 !important;  color: transparent !important;  bottom: 40px !important;  right: 20px !important; z-index: 99999 !important; transition: transform 0.2s ease, background-color 0.2s ease !important; }
.cmplz-manage-consent:hover { background-color: #fff !important; transform: scale(1.08) !important; }
.cmplz-manage-consent::after { content: "" !important; width: 26px !important; height: 26px !important; position: absolute !important; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23000000"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-3-9c-.83 0-1.5-.67-1.5-1.5S8.17 8 9 8s1.5.67 1.5 1.5S9.83 11 9 11zm4.5 4c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1-6c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/></svg>') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }

/* D */
.displayblock { display: block; text-decoration: none; }
.displayinlineblock { display: inline-block; text-decoration: none; }
.displayinline { display: inline; text-decoration: none; }
.divider01 { display:block; width:100%; height:calc(var(--fontbasesize)*1.618*1.618); background-color: rgba(var(--color02), 0); }

/* E */
em { font-style: italic; }

/* F */
.font01 { font-family: "Inter", sans-serif; }
.font02 { font-family: "Inter", sans-serif; }
.fontsize05 { font-size: calc(var(--fontbasesize)/1.3); line-height:1.2; font-weight:400; }
.fontsize1 { font-size: calc(var(--fontbasesize)*1); line-height:1.5; font-weight:400; }
.fontsize01flex { font-size: clamp(0.6rem + 0.5vw, 0.6rem + 0.5vw, 0.6rem + 0.5vw); line-height:1.5; font-weight:400; }

footer {}
#footer01 { }
#footer01 a { text-decoration: none; color: rgba(var(--colorblack), 1); font-weight: 500; padding: 1rem; }

/* G */
.gradientX { background: linear-gradient(to right, rgba(var(--color01), 0), rgba(var(--colorblack), 1)); }
.gradientY { background: linear-gradient(to bottom, rgba(var(--color01), 0), rgba(var(--colorblack), 1)); }
.grayscale01 { filter: grayscale(100%); }

/* H */
header{}
#header01 { display: block; position: fixed; z-index: 2; top: 0; left: 0; width: 100vw; min-width: 100vw; max-width: 100vw; height: auto; transition: all 1s ease; padding: 0; margin: 0 auto 0 auto; background-color: rgba(var(--colorwhite), 1); box-shadow: var(--boxshadow); }
h1 { font-size: calc(var(--fontbasesize)*1.618*1.618); line-height:1.2; font-weight:600; padding:0; margin:0; margin-bottom: var(--fontbasesize); }
h2 { font-size: calc(var(--fontbasesize)*1.618); line-height:1.2; font-weight:600; padding:0; margin:0; margin-top: calc(var(--fontbasesize)*2); margin-bottom: var(--fontbasesize); text-transform:uppercase; }
h3 { font-size: calc(var(--fontbasesize)*1); line-height:1.2; font-weight:600; padding:0; margin:0; margin-top: calc(var(--fontbasesize)*2); margin-bottom: var(--fontbasesize); }
.hover01:hover { transform: scale(1.02); filter: brightness(0.5) saturate(0.9) contrast(1.1); cursor:pointer; box-shadow: var(--boxshadow); transition: all 0.5s ease; }

/* I */
.image01 { display: block; width:100%; height:auto;  }

/* CLICK TO VIEW */
.image01ctv-link { text-decoration: none; display: block; width: 100%; max-width: 100%; height: auto; }
.image01ctv-div { position: relative; overflow: hidden; width: 100%; max-width: 100%; height: auto; padding: 1rem; border-radius: var(--radius); }
.image01ctv-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease, filter 0.4s ease; padding: 1rem; border: solid 1rem rgba(var(--colorblack), 1); }
.image01ctv-overlay { position: absolute; inset: 0; background: rgba(var(--colorblack), 1); display: flex; align-items: center; justify-content: center; opacity: 0; transition: background 0.4s ease, opacity 0.4s ease; }
.image01ctv-overlay-content { text-align: center; color:rgba(var(--color01), 0.5); transform: translateY(10rem); transition: transform 0.4s ease; }
.image01ctv-circle-arrow { width: 60px; height: 60px; border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; font-size: 22px; }
.image01ctv-overlay-text { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; }
.image01ctv-div:hover .image01ctv-overlay { background: rgba(var(--colorblack), 1); opacity: 1; }
.image01ctv-div:hover .image01ctv-overlay-content { transform: translateY(0); }
.image01ctv-div:hover .image01ctv-img { transform: scale(1.05); filter: brightness(0.7); }

/* J */

/* K */

/* L */
/* link01 only works inside <p> tags */
.link01, .link01 a, .link01 a:link, .link01 a:visited { text-decoration: none; border-bottom: solid 1px rgba(var(--color01), 1); padding-bottom: 0.1rem; }
.link01:hover, .link01 a:hover { border: none; }

.list01 ul, .list01 ol { display: block; height: auto; list-style: none; }
.list01 { display: block; height: auto; list-style: none; border-left: solid 1px rgba(var(--color01), 1); padding: 0 0 0 var(--fontbasesize); margin: 0 0 0 var(--fontbasesize); }
.list01 li { display:block; padding: var(--fontbasesize) 0 var(--fontbasesize) 0; }

#logo01 { width: 100%; margin: 0 auto 0 auto; padding:0; height:auto; transition: all 1s ease; }

/* M */
main {}
.main01 { display: block; width: 100%; min-width: 100%; max-width: 100%; height: auto; padding: 0; margin:0 auto 0 auto; }
.media_screen { display: block; opacity: 1; visibility: visible; }
.media_tablet { display: none; opacity: 0; visibility: hidden; }
.media_mobi { display: none; opacity: 0; visibility: hidden; }
.message01 { display: block; width: auto; padding: 1rem 1rem 1rem 1rem; margin: 1rem auto 1rem auto; }
.message01 .bad { background-color: rgba(var(--colorbad), 0.1); color: rgba(var(--colorbad), 1); }
.message01 .good { background-color: rgba(var(--colorgood), 0.1); color: rgba(var(--colorgood), 1); }

/* N */
nav {}
.nav01 {}
.nav01 a { text-decoration: none; color: rgba(var(--colorwhite), 1); font-weight: 500; padding: 1rem; }

/* P */
p { display: block; padding: 0; margin:0; margin-bottom: var(--fontbasesize); }

.padding1111 { padding: 1rem; }
.padding1010 { padding: 1rem 0 1rem 0; }
.padding0101 { padding: 0 1rem 0 1rem; }
.padding1000 { padding: 1rem 0 0 0; }
.padding0100 { padding: 0 1rem 0 0; }
.padding0010 { padding: 0 0 1rem 0; }
.padding0001 { padding: 0 0 0 1rem; }
.padding2222 { padding: 2rem; }
.padding2020 { padding: 2rem 0 2rem 0; }
.padding0202 { padding: 0 2rem 0 2rem; }
.padding2000 { padding: 2rem 0 0 0; }
.padding0200 { padding: 0 2rem 0 0; }
.padding0020 { padding: 0 0 2rem 0; }
.padding0002 { padding: 0 0 0 2rem; }
.padding5555 { padding: 5rem; }
.padding5050 { padding: 5rem 0 5rem 0; }
.padding0505 { padding: 0 5rem 0 5rem; }
.padding5000 { padding: 5rem 0 0 0; }
.padding0500 { padding: 0 5rem 0 0; }
.padding0050 { padding: 0 0 5rem 0; }
.padding0005 { padding: 0 0 0 5rem; }

.page01 { display:block; width: 100%; padding: 5rem 5rem 5rem 5rem; margin: 0 auto 0 auto; }
.page02 { display:block; width: 61.80%; padding: 5rem 5rem 5rem 5rem; margin: 0 auto 0 auto; }

.pattern01 { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url('_img/pattern01.svg'); background-repeat: repeat; background-size: 7rem auto; }

/* R */
.radius1000 { border-radius:var(--radius01) 0 0 0; }
.radius1100 { border-radius:var(--radius01) var(--radius01) 0 0; }
.radius1110 { border-radius:var(--radius01) var(--radius01) var(--radius01) 0; }
.radius1111 { border-radius:var(--radius01); }
.radius0011 { border-radius:0 0 var(--radius01) var(--radius01); }
.radius1010 { border-radius: var(--radius01) 0 var(--radius01) 0; }
.radius0001 { border-radius: 0 0 0 var(--radius01); }
.radius1001 { border-radius: var(--radius01) 0 var(--radius01) 0; }

/* S */
.search01 { display: block; width: 100%; min-width:100%; }
.search01 .search-form { display: block; width: 100%; }
.search01 .search-field { display: block; width: 100%; border: solid 0.1rem rgba(var(--color02), 0.2); text-align: center; margin: 0 auto 0 auto; padding: 0.5rem 0 0.5rem 0; border-radius: var(--radius); }
.search01 .search-submit { display: none; }

section {}
.section01 {}

.social01 { display: block; width: auto; height: auto; list-style: none; padding: 0; margin: 0 auto 0 auto; }
.social01 li { display: inline-block; width: auto; height: auto; list-style: none; padding: 0; margin: 0 0.1rem 0 0.1rem; }
.social01 li a { display: inline-flex; align-items: center; justify-content: center;
color: rgba(var(--color01), 1); transition: color 0.3s ease, transform 0.3s ease; }
.social01 li a:hover { color: rgba(var(--color02), 1); transform: scale(1.1);}
.social01 svg { width: 1.5rem; height: 1.5rem; display: block; }

strong { font-weight: 600; }

/* T */
.table01 > .cell01:not(:last-child) { border-right: 1rem solid rgba(var(--colorblack), 1); }
.textShadow { text-shadow: 5rem 5rem 5rem rgba(var(--colorblack), 1); }

/* U */
.underline a, .underline a:link, .underline a:visited { text-decoration: underline; text-decoration-color: rgba(var(--colorblack), 1); }
.underline a:hover, .underline a:active { text-decoration: none; background-color: rgba(var(--colorblack), 1); }

/* V */
video {}
.video01 { display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); border: none; z-index: 1; }

/* Media Queries: Smartphone -------------------------------------------------------------- */
@media (max-width: 768px) {
  @-ms-viewport { width: device-width; }
  @viewport { width: device-width; }
  a, a:link, a:visited { color: rgba(var(--colorblack), 1); }
  #alternate01 { display: block; width: 100%; min-width: 100%; max-width: 100%; padding: 0; margin: 0 auto 0 auto; font-size: 0; }
  .alternate01-row01 { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: flex-start; align-content: space-between; flex-direction: row; }
  .alternate01-row01:nth-of-type(even) { flex-direction: row-reverse; }
  .alternate01-column02 { width: 50%; height: auto; background-color: rgba(var(--colorwhite), 1); overflow: visible; }
  .alternate01-column02:nth-of-type(even) { background-color: rgba(var(--color01), 1); }

	.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-112 { grid-column: span 12; }

	
	
	
  body { }
  button, .button { display: block; min-width:50px; min-height:50px; font-size: 1rem; line-height: 155%; font-weight: 600; }
.fontSize05 { font-size:calc(var(--fontbasesizemobi) / 2);  line-height:1; font-weight:400; }
.fontSize1 { font-size: var(--fontbasesizemobi); line-height:1.5; font-weight:400; }
.fontsize01flex { font-size: clamp(0.6rem + 0.5vw, 0.6rem + 0.5vw, 0.6rem + 0.5vw); line-height:1.5; font-weight:400; }

  footer {}
  header {}
  .header01 { display: block; position: fixed; z-index: 5; top: 0; left: 0; width: 100%; height: auto; padding: 2hv 0 2rem 0; margin: 0 auto 0 auto; text-align: center; }

	h1 { font-size: calc(var(--fontbasesize)*1.618); line-height:1.2; font-weight:600; padding:0; margin:0; margin-bottom: var(--fontbasesize); }
h2 { font-size: var(--fontbasesize); line-height:1.2; font-weight:600; padding:0; margin:0; margin-top: calc(var(--fontbasesize)*2); margin-bottom: var(--fontbasesize); text-transform:uppercase; }
h3 { font-size: var(--fontbasesize); line-height:1.2; font-weight:600; padding:0; margin:0; margin-top: calc(var(--fontbasesize)*2); margin-bottom: var(--fontbasesize); }
	
  .media_screen { display: none; opacity: 0; visibility: hidden; }
  .media_tablet { display: none; opacity: 0; visibility: hidden; }
  .media_mobi { display: block; opacity: 1; visibility: visible; }
	
	/*P */
	.page01 { display:block; width: 100%; padding: 2rem; margin: 0 auto 0 auto; }
.page02 { display:block; width: 100%; padding: 2rem; margin: 0 auto 0 auto; }

  /* V */
  .video01 { object-position: center center; width: 100%; height: 100%; }
}