.banner{height:500px;width:100%;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url('/Images/about-barvida-page-cover-photo-19-02-25.jpg');display:table}.banner>.layer{height:100%;width:100%;background-color:rgba(2,45,121,.55);display:table-cell;vertical-align:middle;text-align:center}.banner>.layer>.title{font-size:50px;color:#fff;font-family:'Roboto',sans-serif;font-weight:600}.president-banner{height:500px;width:100%;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url('/Images/president-bg.png');display:table}.president-banner>.layer{height:100%;width:100%;background-color:rgba(2,45,121,0);display:table-cell;vertical-align:bottom;text-align:left;padding:100px}.president-banner>.layer>.title{font-size:40px;color:#fff;font-family:'Roboto',sans-serif;font-weight:600}.president-banner>.layer>.sub-title{font-size:18px;color:#fff;font-family:'Roboto',sans-serif;font-weight:600}.president-banner>.layer>.sub-title>span{font-weight:300}.about-main{display:flex;border-bottom:1px solid #e8ebef}.about-main>.about-menu{width:300px;min-height:500px;background-color:#f1f2f6;padding:20px 0;border-right:1px solid #e8ebef}.about-main>.about-menu>.menu-item{padding:5px 20px;color:#6a6f76;cursor:pointer;font-size:14px;font-family:'Roboto',sans-serif;font-weight:500}.about-main>.about-menu>.menu-item:hover{background-color:#44ccd4;color:#fff}.about-main>.about-menu>.menu-item-active{background-color:#eaebf2;color:#41d6ce}.about-main>.about-body{flex:1;background-color:#fff;padding:20px;font-size:16px;font-family:'Roboto',sans-serif;font-weight:300}.about-main>.about-body>.body-context{max-width:700px}.footer-simple{background-color:#f6f6f6}@media(max-width:850px){.banner{height:200px}.banner>.layer>.title{font-size:40px}.president-banner{height:300px}.president-banner>.layer{padding:50px}.president-banner>.layer>.title{font-size:35px}}@media(max-width:767px){.banner{height:200px}.banner>.layer>.title{font-size:35px}.president-banner{height:250px}.president-banner>.layer>.title{font-size:25px}.president-banner>.layer>.sub-title{font-size:16px}.about-main>.about-menu{width:250px}.about-main>.about-menu>.menu-item{padding:5px 20px;font-size:13px}}@media(max-width:650px){.banner{height:150px}.banner>.layer>.title{font-size:30px}.president-banner{height:200px}.president-banner>.layer{padding:30px}.president-banner>.layer>.title{font-size:16px}.president-banner>.layer>.sub-title{font-size:13px}.about-main>.about-menu{display:none}.about-main>.about-body{padding:10px;font-size:14px}}