@charset "UTF-8";

/* RESPONSIVE */

/*
 @media screen and (max-width: 330px) {
.logo {padding-top: 30px; margin: 0 auto; width: 300px;}
.hamburger {padding-top: 20px; margin-left: -12px; top: 50px; right: 50%; width: 25px; }
.overlay .closebtn {padding-top: 20px; margin-left: -14px; top: 67px; right: 50%; width: 22px; height: 22px; z-index: 2}
body {font-size: 1.0rem;}
h1 {font-size: 1.8rem;}
h2 {font-size: 1.2rem;}
.footer_mob h3 {padding-top: 54px;}	 
.content_text {margin: 0 20px;}
.content_contact {margin-left: 20px;}
.overlaytext {font-size: 1.8rem;}
.cd-top {right: 20px;}
 }
*/

@media screen and (min-width: 870px) and (max-width: 1200px) {
  .content_text {
    max-width: 800px;
  }
  .royalSlider {
    width: 85vw;
  }
}

@media screen and (min-width: 550px) and (max-width: 869px) {
  .content_text {
    margin: 5vw 40px 0;
  }
  .content_contact {
    margin: 0 40px 0;
  }
  .logo {
    margin-left: 40px;
  }
  .hamburger {
    right: 40px;
  }
  .portfolio_close {
    right: 45px;
  }
  .overlay .closebtn {
    right: 40px;
  }
  body {
    font-size: 1.1em;
  }
  h1 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h2 {
    font-size: 1.2rem;
  }
  h4 {
    font-size: 0.9rem;
  }
  .overlaytext {
    font-size: 1.8rem;
  }
  .royalSlider {
    width: 90vw;
    margin-top: 60px;
  }
  .img-overlay h2 {
    font-size: 1.2rem;
    line-height: 1rem;
  }
  .mid-landscape {
    margin-top: 30%;
  }
  .mid-portrait {
    margin-top: 50%;
  }
  /* .ovcontainer:hover .img-overlay {opacity: 0.4;} */
  .moodimage {
    display: none;
  }
  .moodimage_mob {
    display: block;
  }
}

@media screen and (min-width: 100px) and (max-width: 549px) {
  .content_text {
    margin: 5vw 20px 0;
  }
  .content_contact {
    margin: 0 20px 0;
  }
  .logo {
    margin: 40px auto 90px;
    max-width: 90vw;
  }
  .hamburger {
    top: 90px;
    left: 50%;
    margin-left: -15px;
  }
  .portfolio_close {
    top: 90px;
    left: 50%;
    margin-left: -10px;
  }
  .overlay .closebtn {
    top: 90px;
    left: 50%;
    margin-left: -10px;
  }
  body {
    font-size: 1.1em;
  }
  h1 {
    font-size: 1.8rem;
    line-height: 2rem;
  }
  h2 {
    font-size: 1.2rem;
  }
  h4 {
    font-size: 0.9rem;
  }
  .overlaytext {
    font-size: 1.8rem;
  }
  .royalSlider {
    width: 95vw;
    margin-top: 100px;
  }
  .footer {
    display: none;
  }
  .footer_mob {
    display: block;
  }
  .img-overlay h2 {
    font-size: 1rem;
    line-height: 0.9rem;
  }
  .mid-landscape {
    margin-top: 30%;
  }
  .mid-portrait {
    margin-top: 50%;
  }
  /* .ovcontainer:hover .img-overlay {opacity: 0.4;} */
  .moodimage {
    display: none;
  }
  .moodimage_mob {
    display: block;
  }
  .about-img {
    max-width: 100vw;
    margin: 10vw 20px 5vw;
  }
}

@media screen and (max-width: 400px) {
  .desk-only {
    display: none;
  }
  .mob-only {
    display: block;
  }
}

@media screen and (orientation: portrait) and (max-width: 500px) {
}