*{

    
    
}
html{
    font-family: 'san francisco',sans-serif;
}

column__txt {
    font-size: 1.2em;
}

.btn-item {
   
    display:block;
    color: white;
    padding:8px;
    border-bottom-color: black;
    padding: 02px 20px;
   }
.item-content {
    
    overflow:hidden;
    max-height: 0px;
    opacity: 0;
    transition: 0.2s ease-in-out;
     }

.item
.active+.item-content {
    font-size: 15px;
    text-align: justify;
    max-height: 1200px;
    opacity: 1;

}

/*para que flote hacia abajo poner el item float left*/

.btn-item.active{
    color: #1e2b44;    
}

.btn-item:after {
    content:'\002b';  
}

.btn-item.active:after{
    content:'\02212';   
    
}


@media screen and (min-width:375px){
    
   .main-container{
    margin: 0 auto;
    padding: -5px;    
}
    .btn-item {

    width: 310px;
    margin-top: -5px;
    display:block;
    color: black;
    padding:02px;
    padding-left: 1px;    
    border-bottom-color: black;
    border-radius: 02px;
   
}
   .noticias{
    /*padding-top: 15px;
    margin-left: 03px;*/
    
}
     
    
    .btn-item1 {
    width: 200px;
    
    margin-left: 15px;
    text-align: center;
    color: black;
    padding:8px;
    font-weight: bold;
    border-bottom-color: black;
    padding: 05px 40px;
}
    
}

@media screen and (min-width:414px){
    
    


.main-container{
    /*float:left;*/
    margin-top: 10px;
    width:280px;
    margin: 0 auto;
       
}

    
}

@media screen and (min-width:1024px){
    
    .main-container{
    width: 300px;
    margin: 0 auto;
    padding: 0px;    
}
    
   
    
.btn-item {
  
    display:block;
    color: #1e2b44;
    padding:0px;
    border-bottom-color: black;
    
   }
    
    

.main-container{
    
    margin: 0 auto;
    padding: 0px;    
}

    
}