@media screen and (max-width: 2000px) {
    .topnav .nav_links .nav_links_item {
        padding: 10px 1em;
        font-size: 1.3em;
    }

    h1 {
        font-size:2.5em;
    }
}

@media screen and (max-width: 1500px) {
    .banner_digirent .infos_box {
        width: 30%;
    }

    .topnav .nav_links .nav_links_item {
        padding: 10px;
        font-size: 1.15em;
    }
}
  
@media screen and (max-width: 1350px) {

    .container {
        width: 85%;
    }

    .banner_digirent .infos_box {
        width: 35%;
    }
    .banner_digirent .title_part h1 {
        font-size: 2.35em;
    }

    .advantages_container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1em;
        margin:0 -2em;
    }

    .advantages_item {
        width: calc(100% - 4em);
        margin: 2em;
    }

    .advantages_item:hover {
        width: 100%;
        margin:0;
        padding: 2em;
    }
}
  
  @media screen and (max-width: 1200px) {

    .banner_digirent .infos_box {
        width: 40%;
    }

    .banner_digirent .title_part h1 {
        font-size: 2.1em;
    }

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

    #menu_top .back_immomig_top {
        color:#B2071B;
        margin-right: 1em;
        display: flex;
        justify-content: center;
    }

    .container {
        width: 90%;
        margin: 0 auto;
    }

    .icon-scroll {
        bottom: calc(2.7rem + 50px);
    }

    #logo_desktop img {
        max-height: 40px;
        width: auto;
    }

    .logolive {
        width: 100%;
        justify-content: space-between;
    }

    .topnav .icon {
        display: flex;
        align-items: center;
    }

    .nav_desktop {
        align-items: center;
        flex-direction: column;
        width: 100%;
        padding: 0.5em 1em;
    }

    .topnav .nav_links_container {
        width:100%;
        max-height: 0px;
        transition: max-height 0.2s ease-in;
        overflow: hidden;
        padding: 0;
        opacity: 0;
    }

    .topnav.open .nav_desktop  {
        padding: 0.5em 1em 0 1em;
    }

    .topnav.open .nav_links_container  {
        max-height: 1000px;
        opacity: 1;
    }

    .nav_links {
        flex-direction: column;
        margin:0;
    }

    #menu_top {
        position: unset;
        margin-top: 1em;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .banner_digirent .title_part h1 {
        font-size: 1.9em;
        text-shadow: unset;
    }

    #contact .container > div.flex {
        flex-direction: column;
    }

    .contact_infos, .contact_form {
      width: 100%;
    }
  
    .contact_box {
      width:70%;
      margin:0 auto 50px auto;
    }

    #references .customers_list {
        display: flex;
        flex-wrap: wrap;
    }

    #references .customers_list a {
        width: 50%;
        display: flex;
    }
}

@media screen and (max-width: 900px) {
    .banner_digirent .infos_box {
        width: 60%;
    }
}
  
  @media screen and (max-width: 768px) {
  
    .mobile_only {
        display:flex;
    }

    .container {
        width: 100%;
        margin: 0 auto;
    }

    h4 {
        font-size: 1em;
    }

    h3 {
        font-size: 1.2em;
    }

    h2 {
      font-size: 1.5em;
    }
    
    h1 {
      font-size:1.8em;
    }
  
    section {
        padding: 40px 5%;
    }
    .brochure {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .form {
      display:flex;
      flex-direction: column;
    }
  
    .form_col11, .form_col12 {
      margin: 0;
    }
  
    .icon-scroll {
      display:none;
    }
  
    .contact_box {
      width:100%;
    }
  
    .contact_box img {
      width: 100%;
      max-width: 150px;
    }

    .advantages_container {
        display: flex;
        margin: 0 -1em;
    }

    .advantages_item {
        width: 100%;
        margin: 1em;
    }

    .advantages_item:hover {
        width: 100%;
        padding: 0;
        margin: 1em;
    }

    .advantages_item:hover {
        background: none;
        box-shadow: none;
        font-weight: inherit;
        transition: none;
        color:inherit;
    }

    .advantages_item:hover strong, 
    .advantages_item:hover .advantage_title svg * {
        color:#99CC33;
        fill:#99CC33;
        transition: none;
    }

    .form {
        display:flex;
        flex-direction: column;
    }
    
    .form_col11, .form_col12 {
        margin: 0;
    }
    
    .contact_box {
        width:100%;
    }
    
    .contact_box img {
        width: 100%;
        max-width: 150px;
    }

    .mobile_banner {
        display: flex;
    }

    .banner_digirent {
        min-height: unset;
        background-image: unset;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: relative;
        margin-bottom: 5vh;
    }

    .banner_digirent::after {
        background-color: unset;
    }

    .banner_digirent .title_part {
        margin:1em auto;
        width: 90%;
        justify-content: flex-start;
    }

    .banner_digirent .infos_box {
        width: 90%;
        padding: 2em;
        align-self: flex-start;
        margin: 0 auto;
        background-color: #99cc33;
        color: white;
    }

    .banner_digirent .infos_box strong{
        color: #505b60;
    }

    .infos_box .button {
        background-color: #505b60;
        color:#fff;
        border-color: #505b60;
    }

    .infos_box .button:hover {
        background-color: #fff;
        color:#505b60;
    }

    .infos_box .button.fixed {
        background-color: #99cc33;
        border-color: #99cc33;
        color:#fff;
    }

    .infos_box .button.fixed:hover {
        background-color: #fff;
        border-color: #99cc33;
        color:#99cc33;
    }

    .banner_digirent .title_part h1 {
        font-size: 1.5em;
        margin: 1em 0;
        color:#505b60;
    }
  }
  
  @media screen and (max-width: 480px) {
    html, body {
        font-size: 14px;
    }
  }