.owl-carousel.owl-drag .owl-item {
width: 269.5px !important;
}

.owl-stage {
    display: flex;
    justify-content: center;
}

div#page-container {
    overflow: visible !important;
}

.main-class {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1200px;
margin: 60px auto 0px;
padding: 20px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.main-class .section-title-description {
margin-right: 0;
padding: 0;
flex-basis: 25%;
position: sticky;
top: 20px;
}

.main-class .title-categories {
background-color: #141414;
border-radius: 3px;
padding: 14px 14px 8px 14px;
text-align: center;
}

.main-class .web-title-description {
display: inline-block;
background: #2C3E4F;
color: #fff !important;
font-size: 11px;
padding: 2px 5px;
}

.main-class .web-title-description::before {
font-family: 'fables';
content: " \e929";
font-size: 10px;
font-weight: 900;
}

.main-class .section-article-description {
margin-right: 0;
padding: 25px;
flex-basis: 60%;
}

.main-class .section-aside-description {
margin-right: 0;
border-right: none;
padding: 0;
}

.main-class .line-division-title-description {
width: 150px;
transform-origin: left center;
height: 3px;
margin: 9px 0 8px 0;
border-width: 1px;
border-style: solid;
}

.main-class aside {
padding: 0;
text-align: center;
flex-basis: 25%;
position: sticky;
top: 0;
}

.main-class .aside-categories {
background-color: #141414;
border-radius: 3px;
padding: 14px;
}

.main-class .aside-categories a {
 font-size: 12px;   
}

.main-class .line-division-aside-categories {
width: 150px;
transform-origin: left center;
height: 3px;
margin: 10px 0 10px 0;
border-width: 1px;
border-style: solid;
}

.main-class h1 {
font-family: 'Michroma',Helvetica,Arial,Lucida,sans-serif;
font-size: revert;
font-weight: bold;
margin-bottom: 20px;
}

.main-class h2 {
font-family: 'Michroma',Helvetica,Arial,Lucida,sans-serif;
font-size: 15px;
font-weight: bold;
margin-bottom: 20px;
}

.main-class p {
font-size: 12px;
line-height: 1.5;
text-align: justify;
margin-top: 3%;
padding-bottom: 3% !important;
}

.main-class .imagenes-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin-top: 50px;
margin-bottom: 50px;
}

.main-class button {
display: block;
margin-top: 5px;
padding: 10px 20px;
background-color: #2C3E4F;
color: #fff;
border-radius: 0px;
border: none;
font-size: 16px;
cursor: pointer;
margin-left: auto;
margin-right: auto;
font-family: 'Michroma',Helvetica,Arial,Lucida,sans-serif!important;
}

.main-class button a {
font-size: 14px;
color: white;
}

.main-class button a::after {
font-family: 'fables';
content: " \e90d";
font-size: 10px;
font-weight: 900;
}

.main-class h3 {
font-family: 'Michroma',Helvetica,Arial,Lucida,sans-serif;
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
color: #fff;
}

.main-class .title-categories h3 {
margin-bottom: 0;
}

.main-class ul {
list-style: none;
padding: 0;
margin: 0;
}

.main-class li {
margin-bottom: 10px;
}

.main-class a {
color: white;
text-decoration: none;
font-size: 15px;
transition: color 0.2s ease;
}

.main-class a:hover {
color: #2C3E4F;
}

.main-class .zcd  {
    text-align: center;
    padding: 5%;
}

.main-class .zcd a {
    font-size: xx-small;
    color: #2C3E4F;
}

.main-class .btn {
    display: block;
}

.main-class article .btn {
    margin-bottom: 1rem;
    display: block;
}

.main-class button a:hover {
color: white;
}

.main-class #iframes {
    margin-top: 2rem;
    font-size: smaller;
    text-align: justify;
}

.main-class #iframes a {
    color: #2C3E4F;
}

.main-class #parce {
    margin: 1rem 0;
}

.main-class #iframe1 {
    text-align: center;
}

.main-class article {
    margin: 1rem 0 1rem 0;
    text-align: justify;
}

.main-class article h2, 
article h3, 
article h4, 
article h5, 
article h6 {
    font-size: large !important;
    font-family: monospace !important;
    font-weight: bold !important;
    margin: 0;
    padding-top: 1rem;
    color: #333 !important;
}

.brsazo {
    height: 1rem;
}

.turbai {
    position: sticky;
    top: 0;
}

@media only screen and (max-width: 767px) {
    
.owl-carousel.owl-drag .owl-item {
width: -webkit-fill-available !important;
}
    
.main-class {
flex-direction: column;
margin: 20px auto;
border-top: none;
border-bottom: none;
padding: 0;
align-items: center;
}

.main-class .section-title-description {
max-width: 100%;
padding: 25px;
position: initial;
width: -webkit-fill-available;
}

.main-class .section-article-description {
max-width: 100%;
padding: 25px;
}

.main-class aside {
max-width: 100%;
padding: 25px;
position: initial;
}

.main-class .parrafo.hover {
background: black;
}

.main-class article {
    margin: 1rem 0 3rem 0;
}

.main-class article h2, 
article h3, 
article h4, 
article h5, 
article h6 {
    font-size: large;
    font-family: monospace;
    font-weight: bold;
    margin: 0;
    padding-top: 1rem;
}

.brsazo {
    height: 1rem;
}

.turbai {
    position: sticky;
    top: 0;
}

}