.static .container {
  max-width: 650px;
  width: calc(100% - 60px);
  margin: auto;
}
.static .divider {
  width: 100%;
  display: block;
  height: 1px;
  margin: 2rem 0;
  border-top: 1px dashed var(--c-line);
}
.static p a {
  color: var(--c-red);
}

.contact_links {
  margin: 2rem 0 0 0;
  padding: 0;
}
.contact_links li {
  list-style-type: none;
  display: flex;
  padding: 0.5rem 0 0 0;
  gap: 1rem;
}
.contact_links li svg {
  color: var(--c-muted);
}
.contact_links li a {
  color: var(--c-text);
  text-decoration: none;
  font-weight: var(--w-semibold);
}

.contact a {
  user-select: all;
}
.contact a[href^="mailto:"] {
  display: flex;
  gap: 1rem;
  color: var(--c-text);
  text-decoration: none;
  font-weight: var(--w-semibold);
}
.contact a[href^="mailto:"]::before {
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  background-position: center center;
  opacity: 0.5;
  background-size: 24px 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKzSURBVHgB1VXNThNRFP7uTGsiYDKJIQEx8bIrYuL0CWyfQLp0RV26Kj4B4QmEJ6DsdAXu3BWfoEMiweii1400sLmJxGo7vddzOh24/bFFWXGSydyee+Z853z3O7fAbTcxLSCQYTCHeN3ChBQu2WdhtYA46CL7saki9V8ACzKUHuI3lG4tSQqF5OFfUvTByKoG2a2/AY0FWJQrax78XaoUBnZbCFs9bZx8GywgRyB+xQPKBK5jmNdn6uRgKgAnF/D2KXlE6UtN9VlhgiVAXo07IpDSMIgYDGZaOjWuvIWfea2UxjVM0jm16TteEl15l66MG0jJNzmIKl92k/NBzyDeAMxTqjQwAHWX3UkTKRVp6qTkw6/3c7y8yulUT68yHWDVpWVJhuEs4gb5N1lFJml7gzudl4/DNI6/sRDbnIMLGgHw0S7w28BsuaAWnX3yaYPu8nd1nD9Vx0VeM41ZiJqbzCDe4/dd/F4fAbDwntNLu9X76FT6lBVdf1KtKTJ7M2hXXD8zRjSGIwACNiC5RRi0kHyH45TEPtE7C4Sun3xMlRwBGGcUSAdtgwkhtC8m7bsUcWtWDu1H3G5fAAOWnA8KmGLe1UJErJLF5ZVHqe8OMjvUsmbFuCDpvPCa9i8LSEGpUDUCkEGmpwBhRTn1sb6ptyIrhhI2luRq7YFcZa2TbBHwPcUXX7rnI67Tb+Uq0U8XWjd/3QvmqRJRng2W3l3oZm/Qfujz5lxw/31Co1ig6po0C29p0l+cq69HvMfDZ3uP+UAAr1xRDF0VOcnTSAlUC9mi7nVwMxtQESN3IUrM6ww69XGHeyOABOTToYG45J043x0HJKnbh/JJxZ3kcTbhDydHSvH4/ikngb2Z4MHihPxI9sfohGfqy9E/A7hA1GiBWn2WTijLkPqLWrjYu+6VfnvtD6DVSSFG0gNBAAAAAElFTkSuQmCC);
}

.reklama_types {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 4rem;
}
.reklama_types_item {
  display: grid;
  place-content: center;
  gap: 0.35rem;
  border: 1px solid var(--c-line);
  border-radius: 2px;
  padding: 1.5rem;
  justify-content: center;
  text-decoration: none;
  color: var(--c-text);
  font-weight: var(--w-semibold);
}
.reklama_types_item svg {
  margin: auto;
}
.reklama_types_item .button {
  display: block;
  color: var(--c-on-accent);
  margin: auto;
  margin-top: 1rem;
}

.reklama_team {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem 2rem;
  margin: 2rem 0;
}
.reklama_team_item {
  display: grid;
  grid-template-columns: 50px 1fr;
}
.reklama_team_item svg {
  opacity: 0.5;
}
.reklama_team_item div {
  display: grid;
  gap: 0.15rem;
}
.reklama_team_item div b {
  font-size: 1.15rem;
  color: var(--c-red);
}
.reklama_team_item div small {
  opacity: 0.75;
  margin-bottom: 0.5rem;
}
.reklama_team_item div a {
  color: var(--c-text);
  text-decoration: none;
}

.reklama_modal ul {
  margin: 0;
  padding: 0;
}
.reklama_modal ul li {
  align-items: center;
  list-style-type: none;
  width: 100%;
}
.reklama_modal ul li a {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 1rem;
  padding: 1rem;
  border-bottom: 1px dashed var(--c-line);
  color: var(--c-text);
  width: calc(100% - 2rem);
  text-decoration: none;
}
.reklama_modal ul li a:hover {
  color: var(--c-red);
}
.reklama_modal ul li a::before {
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  background-position: center center;
  opacity: 0.5;
  background-size: 24px 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFcSURBVHgB3VQxVsMwDP0psHfkhcVZaYcegR6hJ2l7AugNegNyEzhClvLY6gmykT0vMRJJaOzajZPCAH9J/C3ry7Ik4K8jsJGhmD7QxlJBjU+clSWu5qlMJPoI3Ijplhwv4YdOEYvA5EMB4xJFlMpX68FQTJSvyMgk2Dl/Xc51W8U2YoT86VrMhJdAHyiU8y6RQQKU16w6fLEPEIia/hL5EYECal1HbkKYxCUGIJUvMX3iNmc8/DfOegMf/LrAUYocue3E0HNn46iT6bH2OFRDQl264C5teCrLrISK3+VubbFnyDe5i5qF7Q3axrMA+WOb5wFIUa1CcXtvsed9zZmzTCnyiBqHGgl3Ol9E3GB0+RUtNw1PUVsns7OK2HkdUdLmWzNKG+XcB3W6/AQq53imebOAJ8z0MJwpcl25Gmg5/2Y+9r0b7ZA6fVS44N1ozNeTk8t0S/Noc8r+/+ATxCKXfxJAgv4AAAAASUVORK5CYII=);
}

.reklama_info {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px dashed var(--c-line);
}
.reklama_info p {
  font-size: 0.9rem;
  opacity: 0.75;
  margin: 0.5rem 0 0 0;
  line-height: 1.5rem;
}
.reklama_info .reklama_info_buttons {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.reklama_info .reklama_info_buttons .button {
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
}

:root[data-theme=theme-dark] .contact a[href^="mailto:"]::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFnSURBVHgB3VXRVcMwDHSYIBvUG5AN6AZkA9igI4QNOkIeE8AGhgnoBs4GyQZCphcihJI6+Wv1nl5eZfXufLYS5649iksNRFTy44mz4vQoD5zvnJ9FUXRuSzCw53yjKSJnQEZRb1PvGuwEXnP2yIZzNyPgiJ5EWK8BT/GVowxE447q3OYI73NFlRDUL4qCn6SbAPCCMwmwxhviEkHrFtSTbuDfFf442hbEoVeqt8FaaRE8a/XKMqveSzAh8mARpO33qnbUpAZYo+pRunAn1pKSk8JJFnxYw4TaCT0yUt1bBFYMIN66/oegk8yIH4VzFvFj73IjHQw83YlaSdOkeglO03D93v25myjBrEOrBFjAVR2BH9XaPzGapCVjGml67wTctma8nlhraWYAnQHUQ2X2q2JVMPAeW4609jW8kmT0tl0YtMPmnQpvSRxqgH1R1O+XcHI+md6d7/uDm+akc+cZeeWJHtxNxzd3011oCHHeQwAAAABJRU5ErkJggg==);
}
:root[data-theme=theme-dark] .reklama_modal ul li a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADFSURBVHgB3ZTdDcIwDIQP1EGyEhuwCWwAI7AJbNAR0g3KBib8RKSRndppK1X9JL9c7ZyVXgtsEiI6h+qpjA/lYCUMXUmPN5skm7tCT71JnNL0/A63mRgNnNlEaSAFwGMmg2Oy+QDMYWCZ22NhFjdoGK1DHR1WQZaONmY70d8RvQj941FlkncX9JOgqw1cGj1G71MdhivKafODBGN2+7GYPkIdMIFGerALcDr9f2hPTX/Nhxav4YYa6Bs7L+iflxsTVOrfDi9kDgtNc5Y/uwAAAABJRU5ErkJggg==);
}

@media only screen and (max-width: 900px) {
  .static .container {
    width: calc(100% - 2rem);
  }
}
@media only screen and (max-width: 640px) {
  .reklama_team {
    gap: 1rem 2rem;
  }
  .reklama_team_item {
    gap: 0.5rem;
    grid-template-columns: 32px 1fr;
  }
}
@media only screen and (max-width: 425px) {
  .reklama_team {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .reklama_team_item {
    gap: 1rem;
  }
  .reklama_types_item {
    padding: 1rem 0.5rem;
  }
  .reklama_types_item .button {
    width: 100%;
  }
}