body
{
	background: linear-gradient(#430d73, #7d0c0c);
}
h1
{
	font-family: Calibri;
	font-weight: bold;
	color: white;
	font-size: 2.5vw;
	text-align: center;
}
li{
	color: white;
	
	margin: 2vw;
	font-size: 1.7vw;
}
.div1{
	max-width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;

}
.img1
{
	max-width: 100%;
	height: auto;
}
.photo{
    display: inline-block;
    position: relative;
    max-width: 100%;
	height: auto;
}
.photo:hover::after {
    content: attr(data-title);
    position: absolute;
    left: 0; right: 0; bottom: 5px;
    z-index: 1;
    background: rgba(0,42,167,0.6);
    color: #fff; /* Цвет текста */
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 2vw;
    padding: 0.3vw;
    border: 0.1vw solid #333;
}
figure
{
	width: 27%;
	margin: 0vw 2vw 0vw 0vw;
}
.img2{
	width: 100%;
}