* { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { margin: 0; font-family: 'Montserrat', sans-serif; font-style: normal; color: #111825; font-size: 0.75em; letter-spacing: 0.175em; line-height: 2.14em; letter-spacing: 0.1em; }

header, header.what-is-recycled-down, header.interior { color: #f1f1f1; position: relative; height: 75vh; overflow: hidden; }

header.what-is-recycled-down, header.interior { color: #111825; height: 50vh; }

@media only screen and (min-width: 769px) { header.what-is-recycled-down, header.interior { min-height: 500px; } }

header nav { color: inherit; position: absolute; z-index: 20; top: 0; left: 0; width: 100%; padding: 0 0.5% 0.5% 0.5%; background-color: rgba(0, 0, 0, 0.35); -webkit-transition: background 250ms ease-in-out; transition: background 250ms ease-in-out; }

header.interior nav { background-color: rgba(0, 0, 0, 0); }

header nav ul { position: relative; text-align: right; /* color:#f8f8f9; */ }

header nav ul li { list-style-type: none; display: inline-block; margin: 0 1%; }

header nav a, main a, footer a { position: relative; text-transform: uppercase; color: inherit; text-decoration: none; }

header nav a:after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0%; height: 1px; background-color: #f8f8f9; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }

header.interior nav a:after { background-color: #111825; }

header nav a:hover:after, header nav a.active:after { width: 100%; }

.renuVideo, .videoCover { position: absolute; z-index: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); min-height: 100%; min-width: 100%; opacity: 0; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }

body.isLoaded .renuVideo { opacity: 1; }

.hide{display:none;visibility:hidden;}

.videoCover { opacity: 1; z-index: 1; background: url("assets/img/RENUBedding_Allied-Feather-And-Down.jpg"); background-size: cover; background-position: center center; }

body.isLoaded .videoCover { opacity: 0.5; background:rgb(17,24,37, 0.8) }

.content { position: relative; z-index: 10; height: 100%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.content h1 { text-transform: uppercase; letter-spacing: 0.175em; font-size: 2.4em; font-size: 6vw; line-height: 1.4em; text-align: center; width: 90%; }

@media only screen and (min-width: 769px) { .content h1 { font-size: 4vw; } }

.content p { width: 50%; }

main h1, main h2, main h3 { text-transform: uppercase; }

.myBtn { position: absolute; right: 2.5%; bottom: 2.5%; width: 20px; padding: 0 2px; color: #fff; height: 2em; }

.myBtn span { display: inline-block; font-size: 1.65em; background-image: url("assets/pause.svg"); background-size: cover; background-position: center; background-repeat: no-repeat; }

.myBtn span:first-child { margin-right: 1px; }

.closing__btn, section.instructions.recycle a { color: #111825; }

.myBtn, .closing__btn, section.instructions.recycle a { background-color: transparent; border: none; cursor: pointer; -webkit-transition: background 250ms ease-in-out; transition: background 250ms ease-in-out; }

.myBtn:hover, section.instructions.recycle a:hover, section.closing a:hover { background: #111825; color: #f8f8f9; }

.container { width: 100%; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media only screen and (min-width: 769px) { .container { min-height: 500px; } }

.container section { width: 90%; max-width: 768px; margin: auto; }

.container section p, .container section ol, .container section ul, .container section a, footer { font-weight: 300; }

.container section ul { margin-top: 0; }

section.intro { margin-top: 40px; }

section.instructions ol { padding-left: 15px; /* font-size:1.2em;     */ }

section.instructions ol li { margin-bottom: 1.4em; }

section.instructions.recycle, section.closing { text-align: center; }

section.instructions.recycle p, section.instructions.recycle ol, section.closing p { text-align: left; }

section.instructions.recycle a, section.closing a { display: inline-block; margin-top: 30px; padding: 1% 2.5%; font-weight: 400; border: solid 1px #111825; background-color: transparent; }

section.instructions ol a,section.instructions.recycle ol a{position:relative; padding:initial;border:none;margin:initial;font-weight:300;transition:none;}

section.instructions ol a:hover,section.instructions.recycle ol a:hover{background:transparent;color:initial;}

section.instructions ol a:after,section.instructions.recycle ol a:after{content:"";position:absolute;left:0;bottom:3px; width:100%;height:1px; background-color:#111825;}

section.instructions ol a:after{bottom:-3px;}

section.recycle-intro .pillow, section.why-recycle .pillow { width: 100%; margin: auto; height: 450px; content: ''; background-image: url("./assets/img/pillow.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; }

section.why-recycle h2 { text-align: center; }

section.why-recycle .pillow.blueSign-system-partner{ margin-top:2.14em;height: 65px; background-image: url("./assets/img/bluesign_system_partner.min.svg");}

footer { position: relative; margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2.5%; height: 15vh; background-color: #f8f8f9; }

footer .footer__logo, footer .Allied-Feather-And-Down, .global-recycling-standard__logo { position: relative; width: 100%; margin: auto; height: 35px; content: ''; background-image: url("./assets/img/AFD_logo-k.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; bottom: 0; left: 0; }

nav .nav__logo { position: absolute; z-index: 20; top: 1em; left: 5%; display: block; height: 25px; width: 50px; }

@media only screen and (min-width: 769px) { nav .nav__logo { height: 35px; width: 60px; } }

nav .nav__logo:after { content: ''; position: relative; height: 100%; width: 100%; background-color: green; }

.Allied-Feather-And-Down { height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; }

nav .nav__logo .Allied-Feather-And-Down { background-image: url("./assets/img/AFD_logo-k.svg"); }

nav .nav__logo.home .Allied-Feather-And-Down { background-image: url("./assets/img/AFD_logo.svg"); }

/* nav .nav__logo{ position:absolute; width:70px; top:0; left:5%;     display:block;     cursor:pointer; } nav .nav__logo:after{ display:none; visibility:hidden; } */
.global-recycling-standard__logo { margin-top: 30px; height: 65px; background-image: url("./assets/img/GRS-Logo.svg"); }

footer small { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

footer small .small__contact { margin-left: 2em; }

@media only screen and (min-width: 769px) { footer { padding-top: 0; padding-bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  footer small { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  footer .Allied-Feather-And-Down { position: absolute; top: 0; margin-top: auto; margin-bottom: auto; } }