@media (max-width:900px){.pedagosko-section{flex-direction:column;align-items:stretch}.sidebar{box-sizing:border-box;z-index:2;border-radius:0;min-width:0;max-width:100vw;margin:0;padding:16px 0 8px;display:block;position:relative;width:100vw!important}.sidebar h1{border-radius:0;justify-content:center;align-items:center;width:100%;height:60px;margin:0 auto 8px;font-size:2rem;display:flex;transform:none}.main-content{box-sizing:border-box;width:100vw;min-width:0;margin:0;padding:0}.subject-content{flex-direction:column;grid-template-columns:1fr;gap:16px;display:flex!important}.subject-sidebar{border-right:none;padding:0 0 16px}.subject-list{border-bottom:1px solid #969cad;flex-flow:column;gap:8px;margin-bottom:8px;padding-bottom:8px;display:flex;overflow-x:auto}.subject-list li{text-align:center;border-radius:6px;flex:none;min-width:120px;padding:10px 8px;font-size:1rem}.subject-details{padding:0 0 30px}}.pedagosko-section{display:flex}.active-study{transition:all .3s;color:#f2c94c!important;border-color:#969cad!important}.sidebar{text-align:center;background-color:#fff;width:16%;padding:20px}.sidebar h1{font-size:2.5rem}.sidebar ul{padding:0;list-style-type:none}.sidebar li{color:#304682;border:1px solid #dfeaf0;margin:10px 0;padding:5px;font-size:1.2rem;transition:all .3s}.sidebar li:hover{cursor:pointer;color:#3bb273;text-decoration:underline;transition:all .3s}.sidebar h1{color:#304682;background-color:#dfeaf0;justify-content:center;align-items:center;width:114%;height:100px;margin:0;display:flex;transform:translate(-20px)}.main-content{background-color:#dfeaf0;flex:1;padding-top:0}.section-header{text-align:center;color:#304682;margin-bottom:20px;font-size:36px}.subject-content{color:#304682;border-top:1px solid #304682;grid-template-columns:1fr 3fr;gap:5px;display:grid}.subject-sidebar{border-right:1px solid #969cad;padding:0 20px}.subject-list{padding:0;list-style-type:none}.subject-list li{cursor:pointer;border:1px solid #969cad;margin:5px 0;padding:10px;transition:all .3s}.subject-list li:hover{color:#3bb273;background-color:#dfeaf0;text-decoration:underline;transition:all .3s}.active-subject{color:#f2c94c;background-color:#969cad;transition:all .3s}.subject-details{padding:0 20px 30px}.subject-details ul{padding-left:20px}.subject-details a{color:#ff8c42;margin-top:10px;text-decoration:none;transition:all .3s;display:inline-block}.subject-details a:hover{color:#3bb273;text-decoration:underline;transition:all .3s}