.archive-types {display:block;float:left;width:100%;margin:0;}
.block1 { display: block; width: 1280px; background-color: #284257; margin: 30px auto 0 auto; padding: 50px 0; text-align: center; color: #fff; }
.block1-title { display: block; width: 100%; font-weight: 400; font-size: 38px; line-height: 140%; margin: 0 0 30px 0; }
.block1-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 40px; font-size: 14px; font-weight: 500; color: #284257; background-color: #fff; text-decoration: none; text-transform: uppercase; transition: background-color 0.3s ease, color 0.3s ease; font-family: "Roboto", sans-serif; }
.block1-button::after { content: ""; display: block; width: 10px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Ccircle cx='4.28599' cy='1.42857' r='1.42857' fill='%23284257'/%3E%3Ccircle cx='4.28599' cy='8.57143' r='1.42857' fill='%23284257'/%3E%3Ccircle cx='7.8571' cy='4.99954' r='1.42857' fill='%23284257'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; }
.block1-button:hover { background-color: #F7F7F7; }
.block2 {display:block;float:left;width:100%;}
.block2-quadra1, .block2-quadra3 {display:block;float:left;width:100%;margin:0;background-color:#fff;padding:50px 0;}
.block2-quadra2, .block2-quadra4 {display:block;float:left;width:100%;margin:0;background-color:#F7F7F7;padding:50px 0;}
.block2-quadra-title {display: block; width: 100%; font-weight: 600; font-size: 38px; line-height: 140%; margin: 0 0 30px 0;text-align:center;color:#284257;text-transform:uppercase;}
.block2-quadra-desc {display:block;float:left;width:100%;font-weight:400;font-size:24px;line-height:140%;text-align:center;}
.block2 ul {width:1280px;margin:0 auto;}
.block2 ul li {display:block;float:left;width:290px;margin:50px 0 0 40px;}
.block2 ul li:first-of-type {margin:50px 0 0 0;}
.block2 ul li a {display:block;float:left;width:290px;font-family: "EB Garamond", serif;font-weight:400;font-size:38px;text-align:center;color:#284257;}
.block2 img {display:block;float:left;width:290px;height:290px;margin:0 0 30px 0;}
.block2 span {display:block;float:left;width:100%;color:#434244;margin:20px 0 0 0;font-size:24px;}
@media (max-width: 1279px) {
.archive-types {overflow:hidden;}
.block1 { float:left; width: 100%; margin: 30px 0 0 0; padding: 30px 0; }
.block1-title {  font-size: 28px;  margin: 0 0 30px 0; }
.block1-button { padding: 10px 20px; font-size: 14px; }
.block2-quadra1, .block2-quadra3 {padding:50px 0;}
.block2-quadra2, .block2-quadra4 {padding:50px 0;}
.block2-quadra-title {font-size: 28px;}
.block2-quadra-desc {font-size:20px;width:90%;margin:0 5%;}
.block2 ul {width:100%;margin:0;float:left;padding:0;}
.block2 ul li {width:50%;margin:50px 0 0 0;}
.block2 ul li:first-of-type {margin:50px 0 0 0;}
.block2 ul li a {width:100%;font-size:28px;}
.block2 img {width:70%;height:auto;aspect-ratio: 1 / 1;margin:0 15% 10px 15%;}
.block2 span {margin:10px 0 0 0;font-size:20px;}
}