.about{margin-top:0;padding:20px;background:var(--bg-pink);color:var(--background-light);width:100%}.about .title{padding-bottom:40px;text-align:center}.about .title h2{font-size:var(--font-size-xxlarge);padding:20px 0 2px;margin-bottom:20px;letter-spacing:2px;text-transform:uppercase;color:var(--background-light);position:relative;display:inline-block}.about .title h2:after{position:absolute;left:0;bottom:0;content:"";width:100%;height:1px;background:var(--red)}.about .content h3,.about .welcome h3{padding:0 5px;font-size:var(--font-size-large);margin-bottom:20px;position:relative}.about .content p,.about .welcome p{font-size:var(--font-size-small)}.about .content ul{list-style:none;padding:0}.about .content ul li{font-size:var(--font-size-small);padding-bottom:15px}.about .content li i{font-size:var(--font-size-normal);color:var(--accent)}.about .hero-image-container{margin:40px 0;max-width:100%;height:400px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative}.about .hero-image-container img{transition:all .4s ease-in-out}.about .hero-image-container:hover img{transform:scale(1.1)}.about .hero-image-container:after{content:"";position:absolute;bottom:0;left:0;width:20px;height:20px;-webkit-clip-path:polygon(0 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 100%,0 100%);background:var(--secondary);z-index:1}.about .sub-description{margin:20px 0;font-size:var(--font-size-small)}.about .into-title{padding:0 5px;margin:30px 0;font-size:var(--font-size-large);position:relative;display:inline-block}.about .into-title:before,.about .welcome h3:before{position:absolute;left:-4px;top:4px;content:"";width:4px;height:75%;background:var(--red)}.about .info i{padding:0;margin:-2px 0 0;min-width:50px;font-size:var(--font-size-large);color:var(--accent)}.about .info p{padding:2px 0 0;margin-bottom:0;font-family:var(--font-instrument);font-size:var(--font-size-normal);letter-spacing:1.5px}.about .info .contact-email,.about .info .contact-phone{margin-top:20px}@media (max-width:576px){.about{padding:20px 10px}.about .hero-image-container{max-height:250px}}