body {
   background-color: white
 }

 img {
   display: block;
   margin-left: auto;
   margin-right: auto;
 }

 @media screen and (max-width: 800px) {

   /* Скрываем заголовки таблицы */
   table thead {
     left: -9999px;
     position: absolute;
     visibility: hidden;
   }

   table tr {
     border-bottom: 0;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     margin-bottom: 40px;
   }

   table td {
     border: 1px solid;
     margin: 0 -1px -1px 0;
     width: 50%;
   }
 }

 .over-img {
   position: absolute;
   top: 80%;
   left: 20%;
 }

 .over-img-parent {
   position: relative;
 }

 .mytext {
   color: #FFFFFF;
   text-shadow: 2px 2px #000000;
 }

 .bull_h {
   color: #FFFFFF;
   text-shadow: 2px 2px #000000;

 }
 .bull_white_color {

   background-color: #FFFFFF;
 }

 .bull_red_color {
   background-color: #ff0000;

 }

 .bull_button {
   color: #FFFFFF;
   background-color: #000000;

 }

 .img_container {
   position: relative;
   width: 50%;
 }

 /* Make the image responsive */
 .img_container img {
   width: 100%;
   height: auto;
 }

 /* Style the button and place it in the middle of the container/image */
 .img_container .btn {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   background-color: #555;
   color: white;
   font-size: 16px;
   padding: 12px 24px;
   border: none;
   cursor: pointer;
   border-radius: 5px;
 }

 .img_container .btn:hover {
   background-color: black;
 }