*{
    margin: 0;
    padding: 0;
}

body {
  font-family: sans-serif;
    background: #F1F1F1;

}



aside {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #546CF5;
    float: left;
        
}


aside.anun {
    width: 100%;
    padding: 0px;
    background: #F1F1F1;
    float: left;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}


.anun img{
    width: 100%;
    height: 215px;
    margin: 0;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.com1 {
    font-size: 45px;
    color: white;
    margin-top: 0px;
    text-align: center;
    font-family: roboto_slab_regular;
    
}

.com2 {
    font-size: 18px;
    color: white;
    margin-top: 0px;
    text-align: center;
    font-family: roboto_slab_regular;
}

.com3 {
    font-size: 20px;
    color: white;
    margin-top: 0px;
    text-align: left;
}

.anun{
    font-size: 45px;
    color: white;
    margin-top: 0px;
    text-align: center;
    font-family: roboto_slab_regular;
    
}
.containercomu {
    width: 10%;
    margin: 0%;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;

}

.container-inf {
    display:flex;
    justify-content:space-around;
    
    
}

.anun{
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #546CF5;
    float: left;
}

.comu1 {
    max-width: 50%;
    font-size: 12px;
    padding: 2px;
    color: white;
    

}

.comu {
    margin-top: 5px;


}

.comu1 h1 {
    font-size: 15px;
    text-decoration: underline;
    font-family: roboto_slab_regular;

}

.comu2 {
    max-width: 50%;
    font-size: 12px;
    padding: 2px;
    color: white;
    
}

.comu2 h1 {
    font-size: 15px;
    text-decoration: underline;
    font-family: roboto_slab_regular;

}

.comu11 img {
    width: 18px;
    height: 17px;
}

@media screen and (max-width: 700px){
        
    .main {
        width: 100%;
        padding: 20px;

    }
    
    .anun img{
    width: 100%;
    height: 150px;
    margin: 0;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

    aside {
    width: 100%;

    padding: 5px;
    float: left;

}
    
}

@media screen and (max-width: 700px){
    
    .contenedor {
        width: 100%;
    }


}

/*@media screen and (max-width: 700px){
    
    .main p {
        line-height: 90%; 
        background: red;
        
    }
    
}