.about {
    /*  background: url("/images/pexels-photo-884450.jpeg") no-repeat;

height: 50%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;*/
}

.section {
    padding: 0px;
}

.about-main-title > h1{
    text-align: center;
    margin: 0px;
    
    margin-bottom: 50px;
    color: #434A54;
}

.section_1_a h1 {
    color: #212121;
    text-align: center;
    font-size: 20pt;
}

.section_1_a > P {
    font-size: 14pt;
line-height: 1.6;
}

.about-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
    /*background: #f2f2f2;*/
    
}

.feature-wrap-p {
    margin-top: 10px;
}

.feature-wrap-h {
    color: #212121;
}

.clear-about {
    height: 60px;
}

.tagline {
    border: 1px solid #212121;
    padding: 20px;
    text-align: center;
    color: #212121;
}

.tagline h1 {
    color: #212121;
}

.feature-about-p {
    font-size: 14pt;
}

@media all and (max-width: 400px) {
    .about-main-title > h1{
        text-align: center;
        margin: 0px;
        font-size: 18pt;
        margin-bottom: 50px;
        color: #434A54;
    }

    .img-banner {
        height: 100px;
    }

    .section_1_a > P {
        margin-top: 50px;
    }
    
    .clear-about{
        height: 1px;
    }
    
   
.about-wrapper{
    padding-top: 50px;
}
    
}

@keyframes yourAnimation{
    0%{
        transform: rotate(0) translateY(-50%);
        opacity: 0;
        }
    27%{
        transform: rotate(0) translateY(-40%);
        opacity: 0.3;
        }
    65%{
        transform: rotate(0) translateY(-30%);
        opacity: 0.6;
        }
    100%{
        transform: rotate(0) translateY(0);
        }
}

.elementToAnimate{
    animation: yourAnimation 0.3S forwards 0s linear;
}