/* MOBILE CSS TEMPLATE */

/* SCREEN CHANGES WHEN SCREEN HAS LARGER WIDTH THAN 1280px */

@media screen and (max-width: 1280px) {

  /* EVERYTHING NORMAL */

}

/* SCREEN CHANGES WHEN SCREEN HAS LARGER WIDTH THAN 1024px */

@media screen and (max-width: 1024px) {

  div#header_logo {
    width:175px !important;
  }

  ul.header li {
    font-size: 14px !important;
  }

  ul.header#header_right li:last-child {
    margin-left:-5px !important;
  }

  a.select_language {
    font-size:10px !important;
  }

  span.language_active {
    font-size:14px !important;
  }

  div.actor-post-wrapper {
    box-sizing: border-box !important;
    width:31% !important;
    vertical-align: top !important;
    margin-bottom:40px;
  }

  div.actor-post-wrapper img {
    margin-bottom:15px !important;
  }

  h1.blog-post-headline {
    font-size: 18px !important;
  }

  img#footer-logo {
    width:200px !important;
  }

}
/* SCREEN CHANGES WHEN SCREEN HAS LARGER WIDTH THAN 768px */

@media screen and (max-width: 800px) {

  div#mobile-menu {
    display: block !important;
    text-align: right;
    position: fixed;
    right:0px;
    top:0px;
    width:100%;
    background-color:#fff;
    z-index: 9900;
  }

  ul#mobile-menu {
    list-style-type: none;
    padding:17px;
    padding-bottom:24px;
  }

  ul#mobile-menu li:not(:first-child) {
  }

  ul#mobile-menu li {
    font-size: 18px;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Akkurat Bold", sans-serif;
    font-optical-sizing: auto;
    margin: 10px 9px 0px;
  }

  ul#mobile-menu li div.hamburger-main {
    display:inline-block;
    margin-top:-10px;
    width:35px;
  }

  ul#mobile-menu li div.hamburger {
    width: 35px;
    height: 5px;
    background-color: black;
    margin: 6px 0;
  }

  ul#mobile-menu li a {
    text-decoration: none;
    color:#000;
  }

  div#header_left, div#header_right {
    display:none !important;
  }

  div#header_logo {
    width:150px !important;
    z-index: 9999;
  }

  img#footer-logo {
    width:150px !important;
  }

  div#client_cv {
      flex-wrap: wrap !important;
  }

  div#client_cv_left, div#client_cv_right {
    width:100% !important;
  }

  div#client_cv_left {
    margin-bottom:40px;
  }

}


/* SCREEN CHANGES WHEN SCREEN HAS LARGER WIDTH THAN 480px */
/* 1170×2532 pixels at 460ppi */
@media only screen
    and (-webkit-device-pixel-ratio: 3) {

  div#wrapper {
    /*min-height:100% !important;*/
  }

  div#mobile-menu {
    display: block !important;
    text-align: right;
    position: fixed;
    right:0px;
    top:0px;
    width:100%;
    background-color:#fff;
    z-index: 9900;
  }

  ul#mobile-menu {
    list-style-type: none;
    padding:17px;
    padding-bottom:24px;
  }

  ul#mobile-menu li:not(:first-child) {
  }

  ul#mobile-menu li {
    font-size: 42px;
    line-height:200%;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Akkurat Bold", sans-serif;
    font-optical-sizing: auto;
    margin: 10px 9px 0px;
  }

  ul#mobile-menu li div.hamburger-main {
    display:inline-block;
    margin-top:-10px;
    margin-right:20px;
    width:35px;
  }

  ul#mobile-menu li div.hamburger {
    width: 35px;
    height: 5px;
    background-color: black;
    margin: 6px 0;
  }

  ul#mobile-menu li a {
    text-decoration: none;
    color:#000;
  }

  div#header_left, div#header_right {
    display:none !important;
  }

  div#header_logo {
    width:200px !important;
    margin-top: 20px;
    margin-left:20px;
    z-index: 9999;
  }

  ul#sub-header{
    padding-top:20px;
    padding-bottom: 20px;
  }

  ul#sub-header li{
    font-size: 30px !important;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Akkurat Regular", sans-serif;
    font-optical-sizing: auto;
    margin: 0px 1px 0px;
    text-transform: uppercase;
    border:1px solid #000;
    border-radius: 25px;
    padding:3px 20px;
  }

  h1.blog-post-headline {
    font-size: 30px !important;
  }

  div.blog-post-meta {
    flex-wrap: wrap !important;
  }

  div.blog-post-casting, div.blog-post-category {
    width: 100% !important;
  }

  div.blog-post-category {
    text-align: left !important;
    margin-top:20px;
  }

  div.flex_break {
    flex-basis: 100%;
    height: 0;
  }

  div.blog-post-casting p, div.blog-post-category p {
    font-size: 20px !important;
  }

  div#client_cv {
      flex-wrap: wrap !important;
  }

  div#client_cv_left, div#client_cv_right {
    width:100% !important;
  }

  div#client_cv_left {
    margin-bottom:40px;
  }

  div#footer {
    position:relative !important;
    /*bottom:0px;*/
  }

  img#footer-logo {
    width:150px !important;
  }

}