@media (max-width:900px){.projekti-section{flex-direction:column;align-items:stretch;padding-bottom:10px}.main-content{min-width:0;padding:0;width:100vw!important}.main-content aside{width:100vw;height:60px;margin-top:10px;padding:0;transform:none!important}.arrow-container{display:none!important}.main-content h1{text-align:center;padding:12px 2vw;font-size:2rem}.project-card{min-height:unset;max-height:unset;flex-direction:column;width:100vw;margin:0 auto 16px;display:flex!important}.project-card h2{margin:12px;font-size:1.5rem}.project-card div,.project-card span{max-width:100vw;margin:10px;padding:0}.project-image{object-fit:contain;width:100%;max-width:400px;height:auto;margin:0 auto;padding:20px;display:block}}@media (max-width:1200px){.main-content aside h1{margin-left:5%}}.projekti-section{justify-content:center;padding-bottom:20px;display:flex}.main-content{width:80%}.main-content aside{justify-content:center;align-items:center;width:100%;height:100px;margin-top:20px;display:flex;transform:translate(-13%)}.arrow-container{background-color:#dfeaf0;justify-content:center;align-items:center;width:17%;height:100px;display:flex}.arrow{color:#304682;height:10%;display:block;position:relative;left:50%;transform:scaleY(5)scaleX(10)rotate(90deg)}.main-content h1{color:#969cad;width:100%;padding:20px 5%;font-size:2.5rem}.projects-list{flex-flow:column wrap;gap:20px;display:flex}.project-card{color:#fff;background-color:#304682;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;width:100%;min-height:20vh;display:grid}.project-card h2{margin:20px;font-size:2.5rem}.project-card a{color:#f2c94c;font-size:1.5rem;text-decoration:none;transition:all .3s}.project-card a:hover{color:#3bb273;text-decoration:underline;transition:all .3s}.project-card div{text-align:center;margin:20px}.project-card span{background-color:#fff;justify-content:center;align-items:center;max-height:100%;margin:20px;display:flex;overflow:hidden}.project-image{width:auto;max-width:100%;height:70%;overflow:hidden}