.fprojects-page h1{text-align:center;text-transform:uppercase;color:var(--light-red);margin-top:40px}.fprojects-page .s-projects{padding:0 15px}.fprojects-page .s-projects .project-box{position:relative;display:block;width:100%;max-width:400px;padding:20px;margin:30px auto 0;border:2px solid var(--dark-brown)}.fprojects-page .s-projects .project-box .img-box{position:relative;width:100%;height:200px}.fprojects-page .s-projects .project-box .img-box img{object-fit:cover}.fprojects-page .s-projects .project-box .title{text-align:center;text-transform:uppercase;font-weight:600;font-size:20px;color:var(--light-red);margin-top:10px}.fprojects-page .s-projects .project-box .date,.fprojects-page .s-projects .project-box .location,.fprojects-page .s-projects .project-box .number{display:block;text-align:center;text-transform:uppercase;color:var(--dark-brown);font-size:14px}.fprojects-page .s-projects .project-box .status{position:absolute;text-transform:uppercase;top:-15px;right:-15px;color:var(--cream);font-weight:600;font-size:12px;transform:rotate(35deg);background-color:var(--light-red);padding:10px 0;border-radius:50%;width:60px;height:60px;text-align:center}.fprojects-page .s-projects .project-box .location{position:absolute;bottom:5px;right:5px;color:var(--dark-red);font-weight:600;font-size:13px}@media screen and (min-width:700px){.fprojects-page .s-projects{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:20px;column-gap:20px}}@media screen and (min-width:1200px){.fprojects-page .s-projects{grid-template-columns:1fr 1fr 1fr}}