@media only screen and (min-width: 993px) {
    main{
        width:66%;
        margin:auto;
        padding-top: 20px;
        padding-bottom: 20px;
        }

    main h2{
        font-size: 30px;
        }

    main p {
        font-size: 20px;
        text-align: justify;
        }

    main h3{
        font-size: 23px;
        }

    .fondo_resaltar{
        background-color: lightgrey;
        }
    }
@media only screen and (max-width: 600px) {
    main{
        width:90%;
        margin:auto;
        padding-top: 20px;
        padding-bottom: 20px;
        }
    main h2{
        font-size: 30px;
        }

    main p {
        font-size: 20px;
        text-align: justify;
        }

    main h3{
        font-size: 23px;
        }

    .fondo_resaltar{
        background-color: lightgrey;
        }

}

@media only screen and (min-width: 601px) and (max-width:768px) {
    main{
        width:90%;
        margin:auto;
        padding-top: 20px;
        padding-bottom: 20px;
        }
    main h2{
        font-size: 30px;
        }

    main p {
        font-size: 20px;
        text-align: justify;
        }

    main h3{
        font-size: 23px;
        }

    .fondo_resaltar{
        background-color: lightgrey;
        }
}

@media only screen and (min-width: 769px)  and (max-width:992px){
    main{
        width:90%;
        margin:auto;
        padding-top: 20px;
        padding-bottom: 20px;
        }
    main h2{
        font-size: 30px;
        }

    main p {
        font-size: 20px;
        text-align: justify;
        }

    main h3{
        font-size: 23px;
        }

    .fondo_resaltar{
        background-color: lightgrey;
        }
}