.main-content{width:100%; float:left; padding-top:40px;}
::-webkit-scrollbar{display:none;}
#about{background-image:url('../images/about-bg.jpg'); background-size:cover; background-position:top center; float:left; width:100%; height:100%; position:fixed;}
.about-detail{width:60%; margin:auto; display:flex; justify-content:initial; flex-wrap:wrap; height:-moz-calc(100% - (40px)); height:-webkit-calc(100% - (40px)); height:calc(100% - (40px)); overflow-y:scroll;  padding-right:15%;}
.about-detail h1{margin:0px;font-weight:inherit;line-height:1.2;}

@media (max-width:1480px){
.about-detail h1{font-size:50px;}
}

@media (max-width:1080px){
.about-detail h1{font-size:40px;}
}

@media (max-width:960px){
.about-detail{height:-moz-calc(100% - (70px)); height:-webkit-calc(100% - (70px)); height:calc(100% - (70px));}
#about{padding-top:70px;}
}

@media (max-width:840px){
.about-detail{padding-top:0; padding-right:0;}
}

@media (max-width:760px){
.about-detail{padding-top:10px; height:-moz-calc(100% - (70px)); height:-webkit-calc(100% - (80px)); height:calc(100% - (80px)); padding-right:50px; padding-left:50px; width:100%;}
}

@media (max-width:680px){
.about-detail{padding-top:0; padding-right:20px; padding-left:20px;}
.about-detail h1{font-size:38px;}
}

@media (max-width:480px){
.about-detail h1{font-size:34px;}
}