rus_example

{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  html {
    height: 100%;
  }

  body {
    min-height: 100%;
    /* background: #eee; */
    /* font-family: "roboto", sans-serif; */
    font-weight: 300;
    color: #222;
    /* font-size: 18px; */
    /* /* line-height: 26px; */
    padding-bottom: 50px; 
    /* background-color: #6C7A86 ; */
    
  }
  .container {
    max-width: 1000px;
    background: #f5ed89;
    margin: 0px auto 0px;
    /* box-shadow: 1px 1px 2px #b12020; */
    border-radius: 3px;
    padding: -4px;
    margin-top: 13px;
   
  }


  .right {
    vertical-align: top;
    /* display: inline-block; */

  }

  /* ul {
    font-size: 20px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(202, 10, 10);
}

li {
    float: right;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 22px 20px;
    text-decoration: none;
}

/* Измените цвет ссылки на #111 (черный) при наведении */
/* li a:hover {
    background-color: rgb(214, 178, 178);
} */ 


/* .navbar {
  overflow: hidden;
  background-color: rgb(202, 10, 10);;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 20px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  padding: 20px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: rgb(141, 140, 135);
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgb(194, 176, 20);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
} */

footer {
  padding-top: 10px;
  /* padding-right: 30px; */
  padding-bottom: 10px;
  /* padding-left: 80px; */
  background:  #26835ef0;
  color: rgb(220, 20, 60);
}

* {
  box-sizing: border-box;
}

/* body {
  font-family: Arial, Helvetica, sans-serif;
} */

/* Поплавок четыре колонки бок о бок */
.column {
  float: left;
  width: 25%;
  padding: 0 10px;
 
}
a {
  color: #0075B2; /* Цвет обычной ссылки */ 
  text-decoration: none; /* Убираем подчёркивание у ссылок */
 }
 a:visited {
  color: #e2b10f; /* Цвет посещённой ссылки */
 } 
 a:hover {
  color: #CE242B; /* Цвет ссылки при наведении */ 
  text-decoration: underline; /* Добавляем подчёркивание */
 }

/* Удалите лишние левые и правые поля, из-за заполнения */
.row {margin: 0 -5px;}

/* Очистить поплавки после столбцов */
.row:after {
  content: "";
  display: table;
  clear: both;
  
}

/* Отзывчивые столбцы */
@media screen and (max-width: 600px) {
  .column {
    width: 70%;
    text-align: right;
    display: block;
    margin-bottom: 15px;
    
  }
  .row {
    
      position: relative;
 
   
    
      /* ширина и высота 2 блока в % */
      height: 50%;
     
      /* Значения определяются в зависимости от его размера в % */
      left: 15%; /* (100% - width) / 2 */
     
    }
}

/* Стиль контейнера карточек */
.card {
  /* box-shadow: 0 4px 8px 0 rgba(99, 10, 10, 0.986); */
  padding: 16px;
  text-align: center;
  /* background-color: #f1f1f1; */
}