@font-face {
font-family: "sans-serif";
src: url("/fonts/sans-serif.ttf") format("truetype");
}
* {
box-sizing: border-box;
font-family: sans-serif;
}
html {
box-sizing: border-box;
font-family: sans-serif;
overflow-y: scroll;
}
.main-container {
width: 1200px;
height: auto;
margin: auto;
}
.line {
margin-top: 1px;
width: 100%;
height: 20px;
background-color: #848484;
}
main {
display: flex;
flex-direction: row;
width: 100%;
height: auto;
margin: auto;
padding: 0px;
}
.main-section {
font-size: 17px;
height: 100% !important;
width: calc(100% - 284px - 25px);
margin-left: 25px;
}
.wrap-oferta {
padding-left: 20px;
padding-right: 10px;
}
h1 {
padding: 20px;
padding-left: 0;
font-size: 24px;
font-weight: bold;
color: var(--color-blue);
line-height: 1.33;
}
.p-info {
padding: 0 5px;
line-height: 1.66;
height: 100% !important;
margin-bottom: 20px;
text-align: justify;
margin: 0;
color: var(--color-graphite);
}
.info-oferta {
margin-right: 8px;
margin-top: 8px;
font-weight: 600;
padding: 5px 10px;
display: inline-block;
line-height: 1.5;
color: var(--color-blue);
}
.ol-oferta {
margin-left: 30px;
line-height: 1.66;
color: var(--color-graphite);
}
.ol-oferta > ul > li{
list-style-type: disc;
margin-left: 30px;
}
.ol-oferta > li,
.ol-oferta > ul > li
{
text-align: justify;
}
.ol-oferta > ul > li {
margin-left: 36px;
}
.ol-oferta a {
color: var(--color-blue); 
}
img {
display: block;
margin: 0 auto;
width: 100%;
height: auto;
}
@media screen and (max-width: 3840px) {
.main-container {
width: 1200px;
}
}
@media screen and (max-width: 1680px) {
.main-container {
width: 1200px;
}
}
@media screen and (max-width: 1270px) {
.main-container {
width: 90%;
}
}
@media screen and (max-width: 800px) {
.main-container {
width: 100%;
}
main {
margin: 0 auto;
width: 100%;
}
.main-section {
margin-left: 5px;
width: calc(100% - 10px);
font-size: 18px;
}
.wrap-oferta {
padding-left: 0;
}
.p-info {
line-height: 1.5;
}
.info-oferta {
margin-left: 0px;
margin-right: 0px;
line-height: 1.5;
}
.ol-oferta {
margin: 0 auto;
margin-top: 10px;
padding-left: 28px;
padding-right: 0;
line-height: 1.5;
}
.ol-oferta > ul {
margin-left: -38px;
}
}