.hero__content {   

  height: 70vw;
}

.hero {
    background-color: #000;
    background-image: url("The_Queens_Death_Webpage_5.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    height: 100%;
    margin: 10px;
  }
  .div-txt {
    font-family: 'AGaramondPro';   
    text-align: center;   
    margin: 2%;
    width: 95%; 
    
  }
  
  .div-txt-p {   
    line-height: 26px;    
    font-style: italic;   
    font-size: 18px;
    
    color: #14284a;
  }

  @media (min-width: 1080px) {
    .hero__content {   
      height: 32vw;
    }
    .div-txt {
      font-family: 'AGaramondPro';   
      width: 100%;
      height: 100px;
      font-size: 22px;
      margin: 3% 0 0 0;
    }
    .div-txt-p {      
      font-size: 22px;     
    }
  }