section.about{
    padding-bottom: 4rem;
}
section.about h5{
    color:var(--main-hover-color);
    margin-bottom:0.5rem;
    font-weight:bold;
}
section.about h1{
    font-weight:bold;
    margin-bottom:2rem;
    font-size:2.2rem;
}

section.about .fly-box{
    box-shadow: 0px 10px 15px rgba(0,0,0,0.35);
    border-radius: 6px;
    overflow:hidden;
    position: relative;
    z-index:2;
}
section.about .promo-box{
    position:absolute;
    bottom:15px;
    left:-20px;
    padding:1rem 2rem;
    background:var(--main-hover-color);
    color:#ffffff;
    z-index:4;
    line-height:1.2;
    box-shadow:3px  3px 4px rgba(0,0,0,0.15);
    border-radius: 0 8px 8px 0;
}
section.about .promo-box h2{
    font-weight:bold;
    margin:0;
    display:inline;
}
section.about .fly-box figure{
    height:400px;
    margin:0;
}
section.about .fly-box figure img{
    width:100%;
    height:100%;
    object-fit: cover;
}
section.about .fly-box-border{
    border:solid 3px var(--main-hover-color);
    border-radius:10px;
    top:0px;
    left:0px;
    width: 100%;
    height:100%;
    position:absolute;
    transform: translate(-20px, 20px);
    z-index:1;
}
section.about article{
    font-size:1.1rem;
    line-height:1.3;
    margin-top:40px;
}

section.about-quote{
    padding:5rem 0;
    background:#f7f7f7;
}
section.about-quote .about-quote-autor svg{
    width:60px;
    height:60px;
    margin:auto;
}
section.about-quote svg path{
    fill:var(--main-link-color);
}
section.about-quote .about-quote-text{
    text-align: center;
    font-size:1.3rem;
    font-style: italic;
}
section.about-quote .about-quote-autor{
    text-align: center;
    padding-top:1rem;
    font-size:1rem;
}
section.about-quote .about-quote-autor b{
    font-size:1.4rem;
}
section.about-quote .about-quote-autor span{
    color:#999999;
}