.container-noticia{
    padding: 100px;
    text-align: center;
    .titulo-noticia{
        margin-top: 0px;
    }

    h1{
        font-size: 40px;
        text-align: center;
        
    }
    img{
       border-radius: 10px;
       width: 820px;
       margin-top: 40px;
    }
    h3{
        font-size: 20px;
        margin-top: 0px;
        border-top: 0px;
    }
    .noticia{
        padding: 420px;
        text-align: justify;
        padding-top: 30px;
        margin-inline-end: 0px;
    }
}

    
    


@media (max-width: 1450px) {
    .container-noticia{
        padding: 10px;
        text-align: center;
        
        .titulo-noticia{
            margin-top: 80px;
        }

        h1{
            font-size: 30px;
            text-align: center;
            
            
        }
        img{
           border-radius: 10px;
           width: 660px;
           margin-top: 40px;
        }
        h3{
            font-size: 20px;
            margin-top: 0px;
            border-top: 0px;
        }
        .noticia{
            padding: 280px;
            text-align: justify;
            padding-top: 30px;
            margin-inline-end: 0px;
        }
    } 

}
@media (max-width: 1150px) {
    .container-noticia{
        padding: 10px;
        text-align: center;
        
        .titulo-noticia{
            margin-top: 120px;
        }

        h1{
            font-size: 30px;
            text-align: center;
            
            
        }
        img{
           border-radius: 10px;
           width: 560px;
           margin-top: 40px;
        }
        h3{
            font-size: 20px;
            margin-top: 0px;
            border-top: 0px;
        }
        .noticia{
            padding: 120px;
            text-align: justify;
            padding-top: 30px;
            margin-inline-end: 0px;
        }
    } 

}
@media (max-width: 768px) {
    .container-noticia{
        padding: 10px;
        text-align: center;
        
        .titulo-noticia{
            margin-top: 120px;
        }

        h1{
            font-size: 30px;
            text-align: center;
            margin-top: 60px;
            
        }
        img{
           border-radius: 10px;
           width: 460px;
           margin-top: 40px;
        }
        h3{
            font-size: 20px;
            margin-top: 0px;
            border-top: 0px;
        }
        .noticia{
            padding: 80px;
            text-align: justify;
            padding-top: 30px;
            
        }
    } 

}
@media (max-width: 500px) {
    .container-noticia{
        padding: 10px;
        text-align: center;
        
        

        h1{
            font-size: 30px;
            text-align: center;
            margin-top: 60px;
            
        }
        img{
           border-radius: 10px;
           width: 360px;
           margin-top: 40px;
        }
        h3{
            font-size: 20px;
            margin-top: 0px;
            border-top: 0px;
        }
        .noticia{
            padding: 20px;
            text-align: justify;
            padding-top: 30px;
            margin-inline-end: 0px;
        }
    } 

}