@media(max-width:992px){

.hero-grid{

    grid-template-columns:1fr;

}

.life{

    grid-template-columns:repeat(2,1fr);

    grid-template-rows:auto auto;

}

.header .container{

    flex-direction:column;

    text-align:center;

    gap:20px;

}

.search input{

    width:100%;

}

.navigation ul{

    flex-wrap:wrap;

}

}
/* ==========================================
   QUICK LINKS
========================================== */

@media(max-width:992px){

    .quick-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:600px){

    .quick-grid{

        grid-template-columns:1fr;

    }

}
/* ==========================================
   INFO BOXES
========================================== */

@media(max-width:992px){

    .info-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:600px){

    .info-grid{

        grid-template-columns:1fr;

    }

}
/* ==========================================
   MOBILE MENU
========================================== */

@media(max-width:992px){

.menu-toggle{

    display:block;
	
	padding: 12px;

    margin:10px 0;

}

.nav-container{

    justify-content:flex-start;

}

.menu{

    display:none;

    position:absolute;

    top:100%;

    left:0;

    width:100%;

    background:var(--white);

    flex-direction:column;

    box-shadow:var(--shadow);

    z-index:999;

}

.menu.active{

    display:flex;

}

.menu li{

    width:100%;

    border-bottom:1px solid #eee;

}

.menu a{

    padding:16px 20px;

}

}
/* ==========================================
   AKTUALITY + KALENDÁR
========================================== */

@media(max-width:992px){

    .home-grid{

        grid-template-columns:1fr;

    }

}
/* ==========================================
   KONTAKT + MAPA
========================================== */

@media(max-width:992px){

    .contact-grid{

        grid-template-columns:1fr;

    }

}
/* ==========================================
   PERSON CARD
========================================== */

@media(max-width:768px){

    .person-grid{

        grid-template-columns:1fr;

    }

    .person-photo{

        text-align:center;

    }

    .person-photo img{

        max-width:260px;

        margin:auto;

    }

    .document-card{

        flex-direction:column;

        align-items:flex-start;

    }

    .document-card .btn{

        width:100%;

        text-align:center;

    }

}