.about{
padding-top:140px;
padding-bottom:60px;
min-height:calc(100vh - 200px);
}

.about-title{
margin-bottom:40px;
}

.about-image{
display:flex;
justify-content:center;
margin-bottom:20px;
}

.about-image img{
width:100%;
height:100%;
object-fit:contain;
}

.about p{
margin-bottom:24px;
line-height:1.7;
}

.about-text{
max-width:1000px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

@media (min-width:768px){

.about-image{
margin-bottom:0;
}

.about{
padding-top:140px;
}

.about-text{
text-align:center;
}

}

/* HAMBURGER ICON */
.navbar-toggler-icon{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

@media (max-width:767px){

.about-text{
text-align:center;
}

}

/* HERO IMAGES FULL SCREEN */
.about-hero{
height:100vh;
overflow:hidden;
width:100%;
}

.about-hero .about-image{
height:100vh;
max-height:100vh;
margin:0;
}

.about-hero .about-image img{
width:100%;
height:100%;
object-fit:contain;
}

/* TEXT SECTION */
.about-text-section{
padding:60px 0;
}

.about-hero .row{
margin:0;
}

.about-hero [class*="col"]{
padding:0;
}

#about-portrait-2{
transform: scaleX(-1);
}

/* SCROLL EFFECT IMAGES */
.about-image img{
transition: transform 0.2s linear;
}

/* OVERLAY TEXT */
.about-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background:white;
z-index:9999;
display:flex;
align-items:center;
justify-content:center;
transform: translateY(100%);
transition: transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.about-overlay.active{
transform: translateY(0);
}

.about-close{
position:absolute;
top:30px;
right:30px;
font-size:24px;
background:none;
border:none;
cursor:pointer;
}