@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&family=Open+Sans:wght@300;400;600&display=swap');

:root{
  --gold: #FFB84C;
  --gold-dark: #d78f25;
  --black: #000;
  --white: #fff;
  --muted: #9b9b9b;
  --max-width: 1100px;
}

*{box-sizing:border-box}
html,body{
  height:100%;
  margin:0;
  font-family:"Open Sans", sans-serif;
  background-color:var(--white);
  color:#111;
}

/* Shared layout */
.container-centered{
  max-width: var(--max-width);
  margin:0 auto;
  padding:2rem;
}

/* Production site */
.prod-logo{
  display:block;
  margin:1rem auto;
  max-width:220px;
  width:30%;
}
.prod-intro{
  margin-top:1.2rem;
  font-size:1rem;
  line-height:1.6;
}

.gold-link{
    color:var(--gold-dark);
    font-weight:600;
    text-decoration:none;
}

.gold-link:hover{
    color:var(--gold);
}

.footer-copyright{
  text-align:right;
  font-size:0.5rem;
  margin-top:2.5rem;
}

/* Adult site */
.adult-page{
  min-height:100vh;
  background:var(--black);
  color:var(--gold);
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:2rem;
}
.adult-logo{
  max-width:480px;
  width:70%;
  margin:1rem auto;
}

/* Footer */
.footer-dark{
  margin-top:auto;
  text-align:center;
  font-size:0.5rem;
  color:var(--gold);
}

/* Responsive */
@media(max-width:768px){
  .prod-logo{ width:45%; }
  .adult-logo{ width:85%; }
  .caution-img{ width:140%; margin-left:-20%; }
}