@media screen and (min-width: 280px) and (max-width: 560px) {
  .container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
/* detail */

.headerText {
  margin-top: 3rem;
  background-color: #636060;
  width: 100%;
  color: white;
}

.photoHL {
  background-image: url(https://tookteecomhome.files.wordpress.com/2019/03/ideo.jpg);
  background-repeat: no-repeat;  
  background-size: cover;
  background-position: 48% 60%;
  min-height: 550px;
}

.detailHL h1 {
  color: #2b4b5f; 
  font-size: 2.3rem;
}

  @media screen and (min-width: 900px) and (max-width: 1920px) {
  #detailHL {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 2rem;
    }
  }
  
  .detailHL {
    padding: 4rem;
    font-size: 1.5rem;
    text-justify: auto;
  }
  
  .btn-darkBlue {
    font-size: 1.2rem;
    background-color: #2c4d62;
    border-radius: 50px;
    border-style: none;
  }
  
  /* detailTable */
  table.imagetable {
    width: 100%;
    font-size: 1.25rem;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
  }
  
    table.imagetable th{
        background: #cdd6d6;
        border-width: 1px;
        width: 30%;
        padding: 0.7rem;
        border-style: solid;
        border-color: #999999;
    }
  
    table.imagetable td {
        background: rgba(237, 235, 247, 0);
        border-width: 1px;
        padding: 0.7rem;
        border-style: solid;
        border-color: #999999;
    }
  
  .detailGallery {
    width: 100%;
    padding-left: 3rem;
  }
  @media screen and (min-width: 260px) and (max-width: 900px) {
  .photoHL {
    background-image: url(https://tookteecomhome.files.wordpress.com/2019/03/ideo.jpg);
    background-repeat: no-repeat;  
    background-size: cover;
    background-position: 48% 60%;
    min-height: 400px;
  }
  .detailHL h1 {
    font-size: 2.2rem !important;
  }
    
}