.banner {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url("../img/team1.webp") no-repeat center;
    
}
.conten__tittle p {
    line-height: 1.4em;
}
.conten__tittle h1 {
    color: var(--yellow-color);
    padding-bottom: 10px;
    margin: 15px 0;
}
.content__about {
    padding: var(--padding-content);
    max-width: var(--max-width-content);
    margin: auto;
}
.star__content {
    max-width: 650px;
    margin: auto;
    text-align: center;
    font-size: 19px;
}
.mission__about {
    padding: 30px;
    background: rgba(0,0,0,0.1);
    
}
.mission__flex {
    display: flex;
    flex-wrap: wrap;
}
.mission__img div {
    width: 95%;
    margin: auto;
}
.mission__img img {
    width: 100%;
    border-radius: 15px;
} 
h2 {
    margin-bottom: 20px;
    text-align: center;
}
.inf_mission{
    margin-bottom: 20px;
    
}
.inf_mission p {
    text-align: justify
}
.license {
    padding: var(--padding-content);
    
}
.license h3 {
    text-align: center;
    font-size: 26px;
}
.license p {
    
    max-width: 700px;
    margin:  40px auto;
    text-align: center;
}
.why {
    margin-top: 30px;
    padding: var(--padding-content);
    background: rgba(0,0,0,0.05);
    
}
.why h4 {
    font-size: var(--font-size-tittle);
    text-align: center;
    margin-bottom: 30px
}
.why__firts {
    max-width: 700px;
    margin: auto;
    line-height: var(--space-line);
    text-align: center
}
.why__second {
    max-width: var(--max-width-content);
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
} 
.why_content {
    width: 45%;
    line-height: 1.3em;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0;
    box-shadow: 5px 5px 2px rgba(0,0,0,0.05);
}
.why_content h5 {
    font-size: 20px;
    margin-bottom: 20px;
}


@media screen and (min-width: 800px) {
    .inf_mission {
        width: 50%;
        display: flex;
    }
    .inf_mission div {
        max-width: 550px;
        margin: auto;
    }
    .inf_mission h2 {
        text-align: left;
        margin-top: 20px
    }
    .inf_mission p {
        font-size: 17px;
        text-align: left;
        
    }
    .mission__img {
        width: 50%;
    }
    .mission__img div {
        width: 90%;
        
    }
    
    
    
    
}