/* section background
/* -------------------------------------------------- */

#subheader{
	background: url(../images/background/00.fw.png) top left fixed;
	background-size: cover;
}

#fun-facts{
	background-position: top left fixed;
	background-image: url(../images/background/bg-12.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}

#section-contact{
	background: url(../images/background/bg-4.jpg) top left fixed;
	background-size: cover;
}

#section-skill-bar{
	background: url(../images/background/bg-3.jpg) top left fixed;
	background-size: cover;
}

#info-address{ background: url(../images/background/bg-3.jpg) top fixed; }
#logo-full{ background: #000; padding: 60px 0 60px 0; }
#view-all-projects{ background: #0487cb; padding: 60px 0 60px 0; }
#section-about-us-2{ background: #f8f8f8; height: 100%; }

.dark #section-about-us-2{ background: #222; height: 100%; }

#section-welcome{
	background: url(../images/background/max.jpg);
	background-repeat: no-repeat;
}

#section-welcome-2{
	background-image: url(../images/background/UniversalSize.jpg);
}

#section-welcome-3{ background: url(../images/background/bg-5.jpg) top left; }
.dark #section-portfolio{ background: #222; }

#section-testimonial{
	background: url(../images/background/bg-2.jpg) top fixed;
	margin-bottom: 50px;
}

/* --- MEDIA QUERIES PRE HLAVNÉ POZADIE (WELCOME SECTION) --- */

/* MOBIL: Tvár je vľavo - 15% */
@media screen and (min-width:300px) and (max-width:767px) {
	#homepage #content #section-welcome {
		background-image: url(../images/background/bg-5_1000x600.jpg);
		background-repeat: no-repeat;
		background-position: 15% center !important;
		background-size: cover !important;
	}
}

/* TABLET */
@media screen and (min-width: 800px) and (max-width:1199px) {
	#homepage #content #section-welcome {
		background-image: url(../images/background/bg-5_1152x679.jpg);
		background-repeat: no-repeat;
		background-position: center center !important;
	}
}

/* DESKTOP (Full HD) */
@media screen and (min-width: 1200px) and (max-width: 1920px) {
	#homepage #content #section-welcome {
		background-image: url(../images/background/bg-5_2200x1080.jpg);
		background-repeat: no-repeat;
		background-position: center center !important;
	}
}

/* --- 2. A 3. NAJVYŠŠIE ROZLÍŠENIE (1921px až 2500px) --- */
@media screen and (min-width: 1921px) and (max-width: 2500px) {
	#homepage #content #section-welcome {
		background-image: url(../images/background/max.jpg);
		background-repeat: no-repeat;
		background-position: 70% 20% !important;
		background-size: cover !important;
	}
	
	/* Zrušenie statického limitu pre plynulý rast */
	.bg-side-10, .bg-side-11 {
		width: 40vw !important; 
		max-width: none !important; 
	}

	.bg-side-10 { background-position: left top !important; }
	.bg-side-11 { background-position: right top !important; }
}

/* --- NAJVYŠŠIE ROZLÍŠENIE (2501px+) --- */
@media screen and (min-width: 2501px) {
    #homepage #content #section-welcome {
        background-image: url(../images/background/bg-5_3840x1440.jpg?v=1);
        background-position: right center !important; 
        background-size: cover !important; 
    }

    /* Plynulé prispôsobenie pre extrémne šírky */
    .bg-side-10, .bg-side-11 {
        width: 35vw !important; 
        max-width: none !important; 
    }

    .bg-side-10 { background-position: left top !important; }
    .bg-side-11 { background-position: right top !important; }

    #section-about-us-2 .image-container {
        background-size: contain !important;
        background-position: left top !important;
    }
}

/* --- ZÁKLADNÉ NASTAVENIA PRE SEKCIU O NÁS --- */
#section-about-us-2 .image-container {
    background-image: url(../images/background/bg-side-10.jpg);
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: left center !important;
}

.bg-side-10, .bg-side-11 {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    z-index: 1;
    pointer-events: none;
}

.bg-side-10 {
    left: 0;
    background: url(../images/background/bg-side-10.jpg) no-repeat left center;
    background-size: contain !important;
}

.bg-side-11 {
    right: 0;
    background: url(../images/background/bg-side-11.jpg) no-repeat right center;
    background-size: contain !important;
}