﻿body .vebko-bg {
  position: fixed;
  z-index: -9999999;
  opacity: 0.1;
  left: 0px;
  top: 0px; }
  @media only screen and (min-width: 481px) {
    body .vebko-bg {
      width: contain; } }
  @media only screen and (min-width: 768px) {
    body .vebko-bg {
      width: max-content; } }
  @media only screen and (min-width: 1024px) {
    body .vebko-bg {
      width: 100%; } }
  @media only screen and (min-width: 1440px) {
    body .vebko-bg {
      width: 100%; } }
  @media only screen and (min-width: 1921px) {
    body .vebko-bg {
      width: 100%; } }

body .amttester {
  direction: ltr;
  text-align: left; }
  body .amttester .infoamttester h1 {
    font-weight: bold;
    font-family: tahoma;
    color: #0d8786; }
  @media only screen and (min-width: 481px) {
    body .amttester section {
      margin: 15px; } }
  @media only screen and (min-width: 768px) {
    body .amttester section {
      margin: 20px; } }
  @media only screen and (min-width: 1024px) {
    body .amttester section {
      margin: 30px; } }
  @media only screen and (min-width: 1440px) {
    body .amttester section {
      margin: 40px; } }
  @media only screen and (min-width: 1921px) {
    body .amttester section {
      margin: 50px; } }

@media only screen and (min-width: 1024px) {
  body .fav {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 30px; } }

@media only screen and (min-width: 1440px) {
  body .fav {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 30px; } }

@media only screen and (min-width: 1921px) {
  body .fav {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 30px; } }

body .col2-20-80 img {
  width: 100%;
  padding: 30px;
  background-color: white; }

@media only screen and (min-width: 1024px) {
  body .col2-20-80 {
    display: grid;
    grid-template-columns: 20% 80%;
    gap: 20px; } }

@media only screen and (min-width: 1440px) {
  body .col2-20-80 {
    display: grid;
    grid-template-columns: 20% 80%;
    gap: 20px; } }

@media only screen and (min-width: 1921px) {
  body .col2-20-80 {
    display: grid;
    grid-template-columns: 20% 80%;
    gap: 20px; } }

@media only screen and (min-width: 1024px) {
  body .col2 {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px; } }

@media only screen and (min-width: 1440px) {
  body .col2 {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px; } }

@media only screen and (min-width: 1921px) {
  body .col2 {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px; } }

@media only screen and (min-width: 481px) {
  body .rw ul {
    column-count: 1; } }

@media only screen and (min-width: 768px) {
  body .rw ul {
    column-count: 1; } }

@media only screen and (min-width: 1024px) {
  body .rw ul {
    column-count: 2; } }

@media only screen and (min-width: 1440px) {
  body .rw ul {
    column-count: 3; } }

@media only screen and (min-width: 1921px) {
  body .rw ul {
    column-count: 4; } }

body .col2, body .col3, body .fav, body .col2-20-80, body .rw {
  /*background-color: rgba(232,232,232,.51);*/ }
  body .col2 .divimg, body .col3 .divimg, body .fav .divimg, body .col2-20-80 .divimg, body .rw .divimg {
    align-content: normal;
    text-align: center; }
  body .col2 ul, body .col3 ul, body .fav ul, body .col2-20-80 ul, body .rw ul {
    list-style: none; }
    @media only screen and (min-width: 481px) {
      body .col2 ul, body .col3 ul, body .fav ul, body .col2-20-80 ul, body .rw ul {
        padding: 0px;
        font-size: 15px;
        line-height: 25px; } }
    @media only screen and (min-width: 768px) {
      body .col2 ul, body .col3 ul, body .fav ul, body .col2-20-80 ul, body .rw ul {
        padding: 10px;
        font-size: 16px;
        line-height: 28px; } }
    @media only screen and (min-width: 1024px) {
      body .col2 ul, body .col3 ul, body .fav ul, body .col2-20-80 ul, body .rw ul {
        padding: 15px;
        font-size: 17px;
        line-height: 31px; } }
    @media only screen and (min-width: 1440px) {
      body .col2 ul, body .col3 ul, body .fav ul, body .col2-20-80 ul, body .rw ul {
        padding: 20px;
        font-size: 18px;
        line-height: 33px; } }
    @media only screen and (min-width: 1921px) {
      body .col2 ul, body .col3 ul, body .fav ul, body .col2-20-80 ul, body .rw ul {
        padding: 20px;
        font-size: 19px;
        line-height: 35px; } }
    body .col2 ul li i, body .col3 ul li i, body .fav ul li i, body .col2-20-80 ul li i, body .rw ul li i {
      color: #d60b0b; }
  body .col2 img, body .col3 img, body .fav img, body .col2-20-80 img, body .rw img {
    width: 100%;
    max-width: fit-content; }
  body .col2 h3, body .col3 h3, body .fav h3, body .col2-20-80 h3, body .rw h3 {
    color: #064544;
    font-weight: bold; }
    @media only screen and (min-width: 481px) {
      body .col2 h3, body .col3 h3, body .fav h3, body .col2-20-80 h3, body .rw h3 {
        font-size: 16px; } }
    @media only screen and (min-width: 768px) {
      body .col2 h3, body .col3 h3, body .fav h3, body .col2-20-80 h3, body .rw h3 {
        font-size: 20px; } }
    @media only screen and (min-width: 1024px) {
      body .col2 h3, body .col3 h3, body .fav h3, body .col2-20-80 h3, body .rw h3 {
        font-size: 23px; } }
    @media only screen and (min-width: 1440px) {
      body .col2 h3, body .col3 h3, body .fav h3, body .col2-20-80 h3, body .rw h3 {
        font-size: 25px; } }
    @media only screen and (min-width: 1921px) {
      body .col2 h3, body .col3 h3, body .fav h3, body .col2-20-80 h3, body .rw h3 {
        font-size: 30px; } }
    body .col2 h3 i, body .col3 h3 i, body .fav h3 i, body .col2-20-80 h3 i, body .rw h3 i {
      color: #d60b0b; }
  body .col2 strong, body .col3 strong, body .fav strong, body .col2-20-80 strong, body .rw strong {
    font-size: 18px; }
