html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}


video {
    z-index: 0;
}

.ctrls {
    z-index: 1;
    display: none;
}

.about_content {

  background: url(../img/ourstory_bg.jpg) no-repeat center center  ; 
 
  padding-top: 80px;
  padding-bottom: 80px;
  height: 100vh;
position: relative;
overflow: auto;
overflow-y: scroll;

}
.about_content p {
  font-family: robotolight_italic;
  font-size:26px;
  line-height: 44px;
  max-width: 100%;
  color:#515151;
}.about_content h1 {
  font-size: 45px;
  font-family: robotomedium;
  color: #515151

}

.about-content-textbox {
  position: absolute;
  max-width: 1200px;
  left:0;
  right: 0;
  top:0;
  bottom:0;
  margin:auto;
  height: 500px;
}

@media(max-width:479px) {
  .about-content-textbox {top:24px;bottom:auto;}
	.about_content p { font-size: 14px !important; line-height: 32px;}
	.about_content h1 {font-size:35px;}
  .breadcrumbs_area {
      margin-bottom: 20px;
      height: auto; 
      background-size: 100%;
  }

}