.navigationSA{
    width: 100%;
    height: 10%;
    background: silver;
    padding: 2% 0;
    text-align: center;
  .hqsc{
         height: 0;
         color: white;
         padding-top: 60%;
         font-size: 100%;
         border: solid 5px coral;
       }
}

.middoleConter{
    width: 100%;
    height: 70%;
    border: black;
    text-align: center;
}
.leftSA{
    width: 20%;
    height: 70%;
    background: blue;
    float: left;
    padding: 60% 0;
}
.rightSA{
    width: 35%;
    height: 70%;
    background: #4dc71f;
    float: left;
    padding: 60% 0;
}
.middoleSA{
    width: 45%;
    height: 70%;
    background: #ff2a00;
    float:left;
    padding: 60% 0;
}
.buttomSA{
    width: 100%;
    height: 20%;
    background: olive;
    padding: 10% 0;
}