body {
    background-image: url(bg.jpg); /* Путь к фоновому изображению */
	background-repeat: no-repeat;
    background-size: 100% 100%;
   }
   
   @media (max-width: 1280px) {
		body {
            background-image: url(bg0.jpg);
        } 
	}
   
   @media (max-width: 880px) {
		body {
            background-image: url(bg1.jpg);
        } 
	}
   
   @media (max-width: 580px) {
		body {
            background-image: url(bg2.jpg);
        } 
	}
   
   
   html, body {
    height: 100%;
   }
   
   div#container {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 70%;
  width: 100%;
}

   footer {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
	  text-align: justify;
   }
   
   
   footer > a {
    width: 34px; /* Declare your value. Can be in relative units. */
    display: inline-block;
}
   
   footer:after {
    content: "";
    width: 100%;
    display: inline-block;
}

.img-link, #target-icon{
   background-color: transparent;
}

.img-link{
   color: #fff;
}

i.target-active{
   color: blue;
}

i.target-passive{
   color: red;
}

a:hover {
   opacity: 0.8;
   text-decoration: none;
}

h1, h2 {
   color: #fff;
   display: inline-block;
   position: absolute; 
}

h2 {
	padding-top: 8px;
}


i#close-modal {
   cursor: pointer;
}

i#close-modal:hover {
   opacity: 0.7;
}