.wrap{
       width: 1200px;
       max-width: 100%;
       margin: 30px auto;
       
}

ul.tabs{
        width: 100%;
        background: #8f3d38;
        list-style: none;
        display:flex;
}

ul.tabs li {
        width: 30%;
}

ul.tabs li a{
        color:#fff;
        text-decoration: none;
        font-size:16px;
        text-align:center;
        
        display:block;
        padding:15px 0px;
}

.active{
        background: #5ec79c;
        
}

ul.tabs li a .tab-text{
        margin-left: 0px;
        
}

.seccciones{
        width: 100%;
        background: #fff;
}

.seccciones article{
        padding:30px;
}

.seccciones article p{
        text-align:justify;
}

@media screen and (max-width: 700 px){
ul.tabs li {
        width: none;
        flex-basis:0;
        flex-grow:1;
        }
}

@media screen and (max-width: 450 px){
ul.tabs li a{
        padding:15px 0px;
        }
ul.tabs li a .tab-text{
        display:none;
        }
.secciones article{
        padding:20px;
        }
}