.sobre {
    padding: 50px 10px;
}
.sobre-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    justify-items: center;
    align-items: center;
}
.sobre-content h3{
    font-size: 1.6rem;
    font-weight: 900;
    margin-bottom: 20px;
}
.sobre-content p {
    font-size: 1.1rem;
    font-weight: 500;
}
.sobre-content p > span {
    color: #FDCF1A;
    text-shadow: 0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000;
}
.sobre-img img {
    border: 3px solid #000;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #000 inset;
}

@media only screen and (min-width:1025px) and (max-width:1155px) {

    .sobre-content p {
        font-size: 1rem;
    }
    
}
@media only screen and (min-width:481px) and (max-width:1024px) {

    .sobre-content p {
        font-size: 1rem;
    }

    .sobre-grid {
        grid-template-columns: 1fr;
    }
    
}
@media only screen and (min-width:0px) and (max-width:480px) {

    .sobre-content p {
        font-size: .8rem;
    }

    .sobre-grid {
        grid-template-columns: 1fr;
    }
    
}