section,.white{display: flex;align-items: center;justify-content: center;overflow: hidden;}
section img,.white,.zoomed img{border-radius: 30px;border: 2px solid var(--primary-color);}
section{padding:5vh 5%;flex-wrap: wrap;gap: 10%;row-gap: 5vh;}
section img,.white{width: 80%;}
p{text-align: justify;text-align-last: center;padding:0 5%;}
h1::after{content: '';width: 100%;height: .5vh;position: absolute;bottom: 0;background-color: var(--primary-color);left: 0;}
h1{padding-top: var(--header);text-transform: uppercase;width: fit-content;position: relative;font-size:1.5em;font-weight: 400;display: block;margin:2vh auto;}
.white img{border: none;width: 100%;}.white{width: 43%;}
.zoomed{position: fixed;left: 0;top: 0;width: 100%;height: 100%;align-items: center;justify-content: center;display: none;z-index:10;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}
.visible{display: flex;}.zoomed img{width:90%;}
@media only screen and (min-width: 600px) {h1{font-size:3em}}
@media only screen and (min-width: 992px) {.section2{gap: 20%;}section,.section2{row-gap: 10vh;}section img{width: 43%;}.white img{width:80%;}.white{width: 33%;}.zoomed img{width:auto;max-height: 80%;}}
@media only screen and (min-width: 1700px) {h1{font-size:5em}}