.content1 {
    grid-area: content1;
  }

  .content2 {
    grid-area: content2;
  }

  .content3 {
    grid-area: content3;
  }

  .content4 {
    grid-area: content4;
  }

  .content5 {
    grid-area: content5;
  }

  .htitle {
        grid-area: htitle;
    }

.panels {
    margin : 0 auto;
    color: #444;
  }

  .panels {
    /* background-image: linear-gradient(to bottom, #262e3f, #2f5773, #1c86a4, #00b8cb, #12ebe2); */
    display: grid;
    grid-gap: 1.1em;
    grid-template-areas:
      "htitle"
      "content1"
      "content2"
      "content3"
      "content4"
      "content5";
    max-width: 1544px;
  }

  @media only screen and (max-width: 500px)  {
  .panels {
/* grid-template-columns: 500px; */
grid-template-areas:
"htitle"
"content1"
"content2"
"content3"
"content4"
"content5";
max-width: 500px;
   }
  }

  @media only screen and (max-width: 600px)   {
    .panels {
/* grid-template-columns: 600px; */
grid-template-areas:            
"htitle"     
"content1"
"content2"
"content3"
"content4"
"content5";
/* max-width: 402px; */
           }
  }

.box {
  color: #fff;
  padding: 10px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
}

@media only screen and (max-width: 500px) {
  .box {
    font-size: .8em;
  }
}

.htitle {
  text-align: center;
  background-color: #217895;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
}

.content1, 
.content2, 
.content3, 
.content4, 
.content5,
.content6,
.content7,
.content8,
.content9,
.content10,
.content11 {
    background-color: #262e3f;
    color: #fff;
    border-radius: 5px;
    border-bottom: solid 1px rgba(33, 120, 148, 0.45);
}

.header-text-center {
  position: relative;
    margin: 0 auto;
    text-align: center;
    padding: 15px;
    background-color: #830638;
    border-radius: 10px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
}