/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    #spodni-menu { display: none;}
    .fb1 { max-width: none;}

    .col-images { width: 100%; float: none; padding: 0; margin: 0; margin-top: 1em; }
    .col-images .image img { width: 100%; border: 3px solid #131213;}
    .col-images .image { display: none; }
    .col-images .image:first-of-type { display: block; }
}

@media only screen and (max-width: 800px) {
    .flex1 {column-count: 1;}
    .col-left, .col-right { width: 100%; margin: 0; float: none; margin-bottom: 1em;}    
}


/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (max-width: 1085px) {
    .footer2{
        width: auto;        
        justify-content: start;
        max-width: none;
        min-width: none;    
    }
    .svetlo-1-wrapper{ display: none; }    
    .svetlo-2-wrapper { display: none;}
    .main-content { padding: 0;}
    #center { width: 100%;}
    #content { 
        width: 100%;
        border-top-right-radius: 0;
    }
    #logo { display: none;}
    #menu1 { text-transform: uppercase; width: auto;}
    #menu1 ul { 
        display: inline-block;
        /*flex-direction: row;
        justify-content: space-between;*/
    }
    #menu1 ul li a {color: #6A6A6A; }
    #menu1 ul li a:visited {color: #6A6A6A; }
    #menu1 ul li a.active {color: #000000; }
    h1{ width: auto;}
    .text1{
        column-count: 1;        
    }
    #prepinace { display: none;}
}



@media only screen and (min-width: 1086px) and (max-width: 1260px) {
    .footer2{
        width: 960px;        
        justify-content: start;
        max-width: none;
        min-width: none;    
    }
    .svetlo-1-wrapper{ display: none; }    
    .svetlo-2-wrapper { display: none;}
    #center { width: initial;}
    #content { margin-left: auto; margin-right: auto;}
    #logo { display: none;}
    h1{ width: auto;}
    #prepinace { display: none;}
}


@media only screen and (min-width: 1261px) and (max-width: 1334px) {
    .footer2{
        width: 960px;        
        justify-content: start;
        max-width: none;
        min-width: none;    
    }
    
    .svetlo-2-wrapper { display: none;}
    #center { width: initial;}
    #content { margin-left: 175px; margin-right: 0;}
    .svetlo-1-wrapper{ left: 5px; }
    #logo2 { display: none;}
    #prepinace { position: absolute; top: 375px; left: 0px; width: 150px;}
    #prepinace2 { display: none;}
}


@media only screen and (min-width: 1335px) and (max-width: 1366px) {
    .footer2{
        width: 960px;        
        justify-content: start;
        max-width: none;
        min-width: none;    
    }
    .svetlo-2-wrapper { display: none;}
    #center { width: initial;}
    #content { margin-left: 250px; margin-right: 0;}
    #logo2 { display: none;}
    #prepinace { position: absolute; top: 375px; left: 0px; }
    #prepinace2 { display: none;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1366px) and (max-width: 1599px) {
    .footer2{
        width: 1320px;        
        justify-content: start;
        max-width: none;
        min-width: none;    
    }  
    #center { width: initial;}
    #content { margin-left: 250px; margin-right: 0;}
    #logo2 { display: none;}
    #prepinace { position: absolute; top: 375px; left: 0px; }
    #prepinace2 { display: none;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1600px) {
    .footer2{
        max-width: var(--full-width);
        min-width: var(--full-width); 
    }
    #logo2 { display: none;}    
    #prepinace2 { display: none;}    
}