.attention1 .name_attention{
  width: 60%;
  text-align: center;
  margin: auto;
}

.attention .name_attention{
  width: 60%;
  text-align: center;
  margin: auto;
}

.attention2 .name_attention2{
  width: 90%;
  text-align: center;
  margin: auto;
}

.attention1 .name_attention p{
  padding-top: 10px;
  font-size: 45px;
  color: #ffa000;
  font-family: Sylfaen;
}

.attention .name_attention p{
  padding-top: 10px;
  font-size: 45px;
  color: #ffa000;
  font-family: Sylfaen;
}

.attention2 .name_attention2 a{
  padding-top: 10px;
  font-size: 30px;
  font-weight: bold;
  color: #a7e02b;
  font-family: Sylfaen;
}

.attention2 .name_attention2 p{
  padding-top: 10px;
  font-size: 30px;
  color: #bced53;
  font-family: Sylfaen;
}


.container3{
  background-image: url(http://sch153.minsk.edu.by/ru/sm_full.aspx?guid=147603);
  width: 100%;
}

.container1 .row1{
  width: 90%;
  margin: auto;

}

.content1{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.content1 .card1{
  display: block;
  flex:1;
  margin: 10px 30px;
  box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1);
  background-color: ##FFA500;
}

.content1 .card1 a{
       display: block; /* Ссылка как блочный элемент */
       text-align: center; /* Выравнивание по центру */
       height: 100%; /* Высота на весь слой */
       text-decoration: none;
}


.content1 .card1 img{
  display: block;
  width: 100%;
  height: auto;
}

.content1 .card1 h4{
  display: block;
  text-align: center;
  color: #ffffff;
  font-family: Sylfaen;
  margin-top: 0px;
  margin-left: 0px;
  font-size: 24px;
}



@media screen and (max-width: 768px){
  .content1{
    flex-direction: column;
  }
}