@media screen and (min-width: 4500px) {
}

@media screen and (min-width: 3501px) and (max-width: 4500px) {
}

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

@media screen and (min-width: 2201px) and (max-width: 3449px) {
}

@media screen and (min-width: 1751px) and (max-width: 2200px) {
}

@media screen and (min-width: 1441px) and (max-width: 1750px) {
}

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

@media screen and (min-width: 641px) and (max-width: 767px) { 
}

@media screen and (min-width: 481px) and (max-width: 640px) {   
    .body h1 {
        font-size: 14px;
    }
}

@media screen and (max-width: 1200px) {
    body {
        font-size: 18px;
      }
      .navbar a {
        float: none;
        width: 100%;
      }
      .header hr {
        max-width: 55%;
      }
      .header h1 {
        font-size: 34px;
        margin-left: 5px;
        margin-top: -3px;
      }
      .header h2 {
        font-size: 18px;
        font-weight: normal;
        margin-left: 10px;
        margin-top: -15px;
      }
      .headerLogo {
        height: 125px;
      }
      .tabControl button {
        font-size: 16px;
        margin-left: 3px;
      }
      .row {
        float: none;
        flex-direction: column;
        width: 100%;
      }
      
      .textContent p {  
        max-width: 100%;
        padding: 15px;
        margin-top: 0;  
      }
    
      .imageStation {
        max-width: 100%;
        max-height: 100%;
      }
      .imageFitting {
        margin-right: 0;
        margin-top: 0;
        max-height: 100%;
      }
      .imageGrundfos {
        margin-right: 0;
        margin-top: 0;
        max-width: 100%;
        max-height: 100%;
      }
      .address {
        margin-top: 20px;    
      }
    
    /* Products ----------------------------------------------------------------- */
      .productsImage {
        margin-right: 0;
        margin-top: 0;
        width: 100%;
        height: auto;
      }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) { 
}

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

@media screen and (min-width: 768px) {   
}

@media screen and (min-width: 768px) and (max-width: 991px) {
}

@media screen and (max-width: 767px) {
    body {
        font-size: 18px;
      }
      .navbar a {
        float: none;
        width: 100%;
      }
      .header hr {
        max-width: 55%;
      }
      .header h1 {
        font-size: 34px;
        margin-left: 5px;
        margin-top: -3px;
      }
      .header h2 {
        font-size: 18px;
        font-weight: normal;
        margin-left: 10px;
        margin-top: -15px;
      }
      .tabControl button {
        font-size: 16px;        
        margin-left: 3px;
      }
      .row {
        float: none;
        flex-direction: column;
        width: 100%;
      }
      
      .textContent p {  
        max-width: 100%;
        padding: 15px;
        margin-top: 0;  
      }
    
      .imageStation {
        max-width: 100%;
        max-height: 100%;
      }
      .imageFitting {
        margin-right: 0;
        margin-top: 0;
        max-height: 100%;
      }
      .imageGrundfos {
        margin-right: 0;
        margin-top: 0;
        max-width: 100%;
        max-height: 100%;
      }
      .address {
        margin-top: 20px;    
      }
    
    /* Products ----------------------------------------------------------------- */
      .productsImage {
        margin-right: 0;
        margin-top: 0;
        width: 100%;
        height: auto;
      }
}

@media screen and (min-width: 641px) and (max-width: 767px) {}

@media screen and (min-width: 481px) and (max-width: 640px) {    
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    
}