/********** Úvodná stránka **********/

@media (max-width: 1280px) {
    .obrazok {  /*****  obrázok vpravo sa zmenší a posunie nižšie *****/
         width: 400px;
         top: 280px;
}}

@media (max-width: 1220px) {
    .blob-svg {   /***** podklad loga sa zmenší *****/
        height: 200px;
    }
    .logo {   /***** logo sa zmenší *****/
        width: 140px;
    }
    .text_01 {   /***** text 01 sa zmenši a zúži sa blok *****/
        font-size: 30px;
        width: 700px;
    }
    .text_01:before {   /***** skráti sa čiara nad text 01 *****/
        width: 600px;
    }
    .text_01:after {   /***** skráti sa čiara pod text 01 *****/
        width: 600px;
    }
    .text_02 {   /***** text 02 sa zmenši a zúži sa blok *****/
        font-size: 25px;
        width: 500px;
    }}

@media (max-width: 1100px) {
    .obrazok {  /*****  obrázok vpravo sa zmenší *****/
         width: 350px;
         top: 300px;
    }
    .blob-svg {   /***** podklad loga sa zmenší *****/
        height: 170px;
    }
    .logo {   /***** logo sa zmenší *****/
        width: 110px;
    }
    .text_01 {   /***** text 01 sa zmenši a zúži sa blok *****/
        font-size: 26px;
        width: 630px;
    }
    .text_01:before {   /***** skráti sa čiara nad text 01 *****/
        width: 600px;
    }
    .text_01:after {   /***** skráti sa čiara pod text 01 *****/
        width: 600px;
    }
    .text_02 {   /***** text 02 sa zmenši a zúži sa blok a posunie sa vyššie k text 01 *****/
        font-size: 21px;
        width: 430px;
        top: 450px;
    }
}

@media (max-width: 1000px) {
    .obrazok {  /*****  obrázok vpravo sa zmenší *****/
         width: 260px;
         top: 300px;
    }
}

@media (max-width: 900px) {
    .obrazok {  /*****  obrázok vpravo zmizne *****/
         display: none;
    }
    .text_01 {
        width: 100vw;
        font-size: 40px;
    }
    .text_01:before {
        width: 700px;
    }
    .text_01:after {
        width: 700px;
    }
    .text_02 {
        width: 70vw;
        font-size: 30px;
    }
}

@media (max-width: 800px) {
    .text_01 {
        width: 100vw;
        font-size: 30px;
    }
    .text_01:before {
        width: 550px;
    }
    .text_01:after {
        width: 550px;
    }
    .text_02 {
        font-size: 25px;
        left: 120px;
    }

    .Onas_foto_text {
        flex-direction: column;
        padding-left: 0;
    }
    #ONAS p {
        padding: 20px 50px 0 50px;
    }

    .Grid {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        justify-items: center;
        gap: 0
    }
    .Kontakty_email_cislo {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 610px) {
    .text_01 {
        font-size: 26px;
    }
    .text_01:before {
        width: 450px;
    }
    .text_01:after {
        width: 450px;
    }
    .text_02 {
        font-size: 21px;
        left: 80px;
    }

    .Kontakty_email_cislo {
        flex-direction: column;
    }
}

@media (max-width: 500px) {
     .text_01 {
        font-size: 20px;
    }
    .text_01:before {
        width: 350px;
    }
    .text_01:after {
        width: 350px;
    }
    .text_02 {
        font-size: 17px;
        left: 70px;
    }
}

@media (max-width: 400px) {
    .blob-svg {   /***** podklad loga sa zmenší *****/
        height: 150px;
    }
    .logo {   /***** logo sa zmenší *****/
        width: 90px;
    }
    .text_01 {
        width: 100vw;
    }
}

@media (min-width: 768px) {

    .loga {
        display: flex;
        justify-content: center;
    }

    .loga-track {
        animation: none;
        transform: none;
    }

    .loga-track img[aria-hidden="true"] {
        display: none;
    }

}