.about{
	
	padding: 10%;
	overflow-x: hidden;
}
video {
  position: relative;
 
  width: 100%;
  height: 100%;
  padding-top: 5%;
 
}







.about h1 {
 position: relative;
  color:#005489;
  line-height: 1;
  letter-spacing:0.3px;
  font-size: 34px;
  font-weight: 700;  
  text-align:center;
  text-transform:none;
  margin-bottom:30px;
 
}
.about h1:before{
  content: '';
  width: 60px;
  height: 3px;
  background: #005489;
  position: absolute;
  left: 0px;
  bottom: -10px;
  right:0;  
  margin:0 auto;
}
      





.grid-page{
  /*display: grid;
  grid-gap: 13px;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 8;
  padding-left: 2%;
  padding-right: 2%;*/
}
.imgbox{
  height: 550px;
background:url(../images/slide11.jpg); background-repeat: no-repeat;background-position: center;background-size:cover;
 width: 50%;
}
.content-box{
width: 50%;
  padding-left: 4%;
  padding-right: 4%;
}
.row1, .row2, .row3, .row7{
  border:2px solid #004774;
  height: auto;
  padding: 40px 0px 0px 0px;
}
@media screen and (max-width: 1170px){

.imgbox{
height: 500px;

background:url(../images/slide11.jpg); background-repeat: no-repeat;background-position: center;background-size:cover;
width: 100%;
}
.imgbox img{
  height: auto;
  width: 100%;
}
.content-box{
width: 100%;
}
.row1, .row2, .row3, .row7{
  height: auto;
}
}
@media screen and (max-width: 500px){


.row1, .row2, .row3, .row7{
  height: auto;

}

.imgbox{
height: 300px;

background:url(../images/slide11.jpg); background-repeat: no-repeat;background-position: center;background-size:contain !important;
width: 100%;
}
}