*{box-sizing:border-box;font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:400}body{margin:0}h1{color:#fff;background-color:#000;font-size:3.5em;text-align:center;width:75%;margin:20px auto auto;letter-spacing:4px;border:10px white double}p{padding:0 20px;font-size:1.3em}button{all:unset;cursor:pointer;display:inline-block}#navbar{display:flex;flex-direction:row;background-color:navy;color:#fff;height:15vh;justify-content:center;align-items:center;z-index:100;position:sticky;top:0;border-bottom:10px rgb(3,3,75) solid}#navlinks{display:flex;flex-direction:row;justify-content:space-between;list-style:none;width:100%;padding:0 200px;font-size:clamp(1rem,1vh + 1rem,1.8rem)}#navlinks>li{padding:10px;border-radius:20px;transition:all .3s ease-in-out}#navlinks>li:hover{cursor:pointer;background-color:#1e1eca;transform:scale(1.1);transition:all .3s ease-in-out;text-shadow:2px 2px 4px black}.section{height:85vh;display:flex}.left-container{display:flex;justify-content:center;align-items:center;background-color:gray;width:40%;border-bottom:20px solid black}.left-container>img{border-radius:25px;border:3mm ridge black;width:90%;height:650px}.right-container{width:60%;border-bottom:20px solid gray;overflow:auto}.right-container-mobile{display:none}.bulletin{padding:10px 40px;font-size:1em;background-color:wheat;margin:10px auto;width:95%;border:2px solid black}.bulletin>li{margin:15px 0}.advocations-select{text-align:center;width:65%;font-size:1em;overflow-wrap:"break-word"}#gallery{width:85%;margin:30px auto 80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:100px 30px}.img-card{border:1px solid black;text-align:center;height:55vh}.img-card>img{width:100%;height:100%}.img-card>div{background-color:#a7a2a2;border:1px solid black;border-radius:5px;margin-top:5px;font-size:.9em}@media (max-width: 1870px){p{font-size:1.25em}}@media (max-width: 1736px){.bulletin{padding:5px 35px;font-size:.9em}}@media (max-width: 1630px){h1{font-size:3.2em}p{font-size:1.2em}}@media (max-width: 1414px){h1{font-size:3.15em}p{font-size:1.15em}.left-container>img{height:550px}}@media (max-width: 1352px){h1{font-size:3em}p{font-size:1.1em}}@media (max-width: 1330px){#navlinks{padding:0 100px}}@media (max-width: 1296px){h1{font-size:2.8em}p{font-size:1.05em}}@media (max-width: 1222px){h1{font-size:2.7em}p{font-size:1.03em}}@media (max-width: 1186px){h1{font-size:2.65em}p{font-size:1em}}@media (max-width: 1167px){p{font-size:.95em}.left-container>img{height:500px}.bulletin{padding:5px 35px;font-size:.85em}}@media (max-width: 1024px){.section{height:auto;flex-direction:column-reverse;justify-content:center;align-items:center}.right-container{width:100%;border-bottom:none}.right-container-mobile{width:100%;display:flex;justify-content:center;align-items:center;background-color:gray;margin:10px 0;border-top:5px solid black;border-bottom:5px solid black}.right-container-mobile>img{width:55%;height:350px;margin:10px 0;border-radius:25px;border:3mm ridge black}.left-container{display:none}}@media (max-width: 880px){#navlinks{padding:0 50px}.right-container-mobile>img{width:70%}}@media (max-width: 744px){#navlinks{font-size:clamp(1rem,1vh + 1rem,1.2rem)}}@media (max-width: 656px){#navlinks{font-size:clamp(1rem,1vh + 1rem,.8rem)}.right-container-mobile>img{width:75%;height:300px}}@media (max-width: 576px){#navlinks{font-size:clamp(1rem,.9vh + 1rem,.7rem);padding:0 5px}h1{font-size:2em}.right-container-mobile>img{width:70%;height:225px}}@media (max-width: 470px){.right-container-mobile>img{width:75%;height:250px}#navlinks{font-size:clamp(.9rem,.9vh + 1rem,.7rem);padding:0 2px}.img-card{height:50vh}}@media (max-width: 412px){#navlinks{font-size:clamp(.85rem,.9vh + 1rem,.7rem)}.img-card{height:45vh}}@media (max-width: 394px){#navlinks{font-size:clamp(.75rem,.9vh + 1rem,.7rem)}#gallery{width:80%;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 358px){h1{font-size:1.6em}.right-container-mobile>img{width:80%}#navlinks{font-size:clamp(.7rem,.9vh + 1rem,.7rem)}.img-card{height:40vh}}@media (max-width: 340px){#navlinks>li{padding:2px}}@media (max-height: 874px){.bulletin>li{margin:10px 0}}