.cookieBanner{
    position: fixed;
    bottom: 0px;
    z-index: 6;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    height:7%;
    overflow: auto;
    display: none;
  }
  #bannerMessage{
    position: absolute;
    top:20%;
    font-size: 30px;
    float: left;
    color: white;
    margin-left: 10%;
  
  }
  #bannerButton{
    position: absolute;
    top:15%;
    font-size: 20px;
    margin-right:20%; 
    float: right;
    right:10%;
    width:5%;
    bottom: 10%;
    
  }

  @media only screen and (max-width: 980px) {
    #bannerMessage{
      position: absolute;
      font-size: 8px;
      top: 1px;
      margin-right: 0%;
      left:0;
      margin-left: 5%;
      margin-top: 1%;
      margin-bottom: 1%;
   
    }
    #bannerButton{
      position: absolute;
      bottom: 0;
      font-size: 10px;
      left:0;
      height:50%;
      width:100%;
      margin-top: 2%;
      
    }
    .cookieBanner{
      height:10%;
    }
  }

  @media only screen and (min-width: 980px) {
    #bannerMessage{
      position: absolute;
      font-size: 14px;
      top: 1px;
      left:0;
      margin-top: 1.5%;
      margin-bottom: 1%;
   
    }
    #bannerButton{
      position: absolute;       
      font-size: 14px;
      right:0; 
    }  
  }
  @media only screen and (min-width: 1366px) {
    #bannerMessage{
      position: absolute;
      font-size: 17px;
      top: 1px;
      left:0;
      margin-top: 1.1%;
      margin-bottom: 1%;
   
    }
    #bannerButton{
      position: absolute;       
      font-size: 17px;
      right:0; 
    }  
  }
  @media only screen and (min-width: 1920px) {
    #bannerMessage{
      position: absolute;
      font-size: 25px;
      top: 1px;
      left:0;
      margin-top: 1.1%;
      margin-bottom: 1%;
   
    }
    #bannerButton{
      position: absolute;       
      font-size: 25px;
      right:0; 
    }  
  }