@media screen and (max-width: 767px){
    #HomePage{
        display: inline-block;
        width: 100%;
        height: 90%;
    }
    .tittle{
        width:80%;
        margin-left: 10%;
        margin-top: 30%;
        text-align: center;
        font-size: 50%;
    } 
    .arrowDown{
        display:none;
    }
    .headline{
        width:100%;
        margin-left: 0%;
    }
    .Advantages1{
        margin-left: 0%;
        width:100%;
        margin-bottom: 0%;
        display: inline-block;
    }
    .Advantages2{
        margin-left: 0%;
        margin-top: 0%;
        width:100%;
        display: inline-block;
    }
    .Advantages1 div, .Advantages2 div{
        margin-top: 10px;
    }
    .location .headline{
        width:100%;
        margin-left: 0%;
    }
    .interactivePlans, .interactivePlans3ch{
        display: inline-block;
        width:98%;
        padding:1%;
    }
    .selectPlan,.selectPlan3ch {padding-top: 0px;}
    .footer .companyLogo{
        height: auto ;
        width: 50%;
        float: left;
        margin-left: 25%;
    }
    .footer{
        display: inline-block;
    }
    .footerLogo{
        width: 100%;
        float: left;
    }
    .footer .companyLogo img{
        height:auto;
        width:100%;
        float: left;
    }
    .footer .navMain{
        float: left;
        width: 100%;
        height: auto;
    }
    .footerNav{
        width: 100%;
        display: inline-block;
    }
    .FooterDetails{
        text-align: center;
        margin-bottom: 20px;
    }
    .planButtons{
        width:100%;
        margin: 0%;
        font-size: 1em;
    }
    .Floor, .Floor2ch{
        font-family: Arial, Helvetica, sans-serif;
        margin-left:5.68%;
        float: left;
        width:20%;
    }
    #Floor5{
        margin-left: 0;
    }
    .closebtn{
      position: absolute;
      top:0;
      right: 35px;
      font-size: 60px;
      display: inline;
      color: #613f75;
    }
    .openbtn{
        width:5%;
        text-align: center;
      text-decoration: none;
      margin-right: 10%;
      float: right;
      font-size: 3vw;
      color: #818181;
      display: block; /* Display block instead of inline */
      transition: 0.3s; /* Transition effects on hover (color) */
    }
    .navMenu{
        /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(255, 255, 255); /* Black fallback color */
    background-color: rgba(255, 255, 255, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s;
    }
    #nMain{
        margin-top: 15%;
    }
    .navMain{
       width:100%;
       height:15%;
       text-align: center;
       font-size: 5vh;
       transition-duration: 0.5s;
       line-height: auto;
    }  
.documents{
    margin:0%;
    margin-bottom: 10px;
    display: block;
    width:100%;
}
.documents .documentButtons{
    margin-left:10%;
    width:80%
}
.headline{
    margin:0;
}
#genPlan{
    margin:0;
    width:100%;
}
.characteristics{
    width:100%;
    margin-left:0%;
    margin-right:0%;
}
.charactBox{
    width:30%;
    margin-left:1%;
    margin-right: 1%;
}
.rozterm{
    width:90%;
    margin-right: 5%;
    margin-left: 5%;
    padding: 10px;
}
.sale{
    width:90%;
    margin-right: 5%;
    margin-left: 5%;
    padding: 10px;
}
.award{
    width:100%;
    font-size:15px;
    text-align: center;
    margin-right: 0px;
}
.award img{
    width:15%;
}
#status .carousel{
    margin-right: 0%;
    margin-left: 0%;
}
}
@media screen and (max-width: 1210px){
    .planButtons{
        width:96%;
        margin: 2%;
    }
}
@media screen and (max-height: 450px){
    .tittle{
        margin-top: 5%;
    } 
    .award{
        display:none;
    }
    .arrowDown{
        display:none;
    }
}