/* Ubačen kod na vrh stranice kako bi se centrirale slike hotela na browseru Internet Explorer */
.hotelJedan img, .hotelDva img, .hotelTri img, .hotelCetiri img {
    display: block;
    margin: 0 auto;
}
/* Kraj ubacivanja */

/*Kod ispod će se koristiti ako browser ima podršku (support) za display grid*/
@supports (display: grid) {
 
/* Ovaj media query je ubačen ovde da bi se poništilo centriranje koje je odrađeno iznad za Internet Explorer */
    @media screen and (max-width: 768px) {
        .hotelJedan img, .hotelDva img, .hotelTri img, .hotelCetiri img {
            margin: 2rem 0 0 0;
        } 
    }
    @media screen and (max-width: 900px) {
        section#two {
            margin: 0 0.5rem;  
        }
    }
/* Kraj media query-ja*/

/* Grid za naslovnu sliku i tekst preko nje */
     /* .mainImageWrapper {
        display: grid;
        grid-template-columns: repeat(6,1fr);
        grid-template-rows: repeat(6,1fr);
        background: url('/images/visednevnaVB/vbGlavnaLeto.jpg') no-repeat;
        background-size: cover;
        height: 100%;
    } */
    #JNPozadina {
        background: url('/images/visednevnaVB/vbGlavnaLeto.jpg') no-repeat;
        background-size: cover;
        height: 100%;
    }
    .mainImageWrapper img:nth-of-type(1) {
        grid-column: 1 / 7;
        grid-row: 1 / 7;  
    }
    .mainImageWrapper h1 {
        grid-row: 2;
        grid-column: 4/7;
        align-self: end; 
    }
    .mainImageWrapper span {
        grid-row: 2;
        grid-column: 4/7;
    }
    .mainImageWrapper h2 {
        grid-row: 3;
        grid-column: 4/7;
    } 
    /* Kraj grida za naslovnu sliku i tekst*/

    /* Grid za prvi kontejner - predavači i teme */
    section.grid-container-one {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: auto;
    }
    .grid-item {
        grid-column: 1/13;
        display: grid;
        grid-template-columns: repeat(10,1fr);
    }
    .grid-item .heading {
        grid-column: 1/4;
    }
    .grid-item .content {
        grid-column: 4/11;
        grid-row: 1;
    }
    .content p {
        text-align: left !important;
    }
    .trening {
        grid-column: 1/12;
        background-color: #75cbde;
        text-align: center;
        border-radius: 5px;
        padding: 1em;
        margin-bottom: 5em;
    }
    .trening h3 {
        color: #41506E;
    }
    /* Kraj  prvog grida*/

    /* Grid - smeštaj */
    .accomodation {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: 1fr;
    }
    .accomodation hr {
        grid-column: 1/10;
        grid-row: 4;
    }
    .hotelJedan .oHotelu, .hotelTri .oHotelu, .hotelCetiri .oHotelu {
        grid-column: 1/5;
        grid-row: 1;
    }

    .oHotelu {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
		margin: 0;
    }
    .oHotelu p {
	margin: 10px;
	}
    .accomodation img {
        justify-self: center; 
        align-self: center;
    }

    .accomodation .imgOne {
        grid-column: 1/5;
        grid-row: 1;
    }
    .accomodation .imgTwo {
        grid-column: 1/5;
        grid-row: 1;

    }
    .accomodation .imgThree {
        grid-column: 5/10;
        grid-row: 2;
    }

	.hotelJedan .oHotelu {
        grid-column: 1/5;
        grid-row: 1;
        text-align:left;
        padding-bottom:1em;
    }
	
    .hotelJedan .imgOne {
        grid-column: 5/10;
        grid-row: 1;
    }

    .hotelJedan .imgTwo {
        grid-column: 1/5;
        grid-row: 2;
    }
	.hotelJedan .imgThree {
        grid-column: 5/10;
        grid-row: 2;
    }

	.hotelDva .oHotelu {
        grid-column: 5/10;
        grid-row: 1;
        text-align:left;
        padding-bottom:1em;
    }
    .hotelDva .imgOne {
        grid-column: 1/5;
        grid-row: 1;
    }
	    
    .hotelDva .imgTwo {
        grid-row: 2;
    }
	.hotelDva .imgThree {
        grid-column: 5/10;
        grid-row: 2;
    }





	
	
    /* section.hotels .accomodation:nth-child(3) .oHotelu{
        grid-column: 1/4;
        grid-row: 1;
        padding: 10px;
    }
    section.hotels .accomodation:nth-child(3) .imgOne {
        grid-column: 7/10;
        grid-row: 1;
        width: 300px;
        justify-self: end;
        object-fit: cover;
    }
    section.hotels .accomodation:nth-child(3) .imgTwo {
        grid-column: 4/7;
        grid-row: 1;
        width: 300px;
        justify-self: self-start;
        object-fit: cover;
    } */

    /* Kraj  grida smeštaj*/

}
/* Kraj podrške za grid */

/* Generalna podešavanja cele stranice */
* {
    box-sizing: border-box;
}
body {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
	color: #41506E;
}
a {
    text-decoration: none;
	    color: #41506E;

}

b {
    color: #41506E;
}
/* Kraj generalnih podešavanja*/

/* Header */
header {
    width: 100%;
	margin-bottom: 3em;
}
nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
	

	
}
#smallScreenLogo {
    display: none;
}
nav img {
    width: 225px;
    height: 82.5px;
    display: block;
}
nav ul {
    width: 100%;
    margin: 0 auto;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    align-items: center;
}
@keyframes meniAnimacijaOtvaranje {
    from{transform: translateY(-500px);}
    to{transform: translateY(0px);}
}
nav ul li:hover:nth-of-type(1) {
    border-bottom: none;
}
nav ul li a {
    display: block;
    color: #41506E;
    text-align: center;
    
    font-weight: 400;
}
li.prijava {
    border: solid 2px #41506E;
    position: relative;
}
h4.prijava {
    border: solid 4px #75cbde;
	border-radius: 10px;
    animation: pulse 1s ease infinite;
    position: relative;
	margin: 3px auto; 
	padding:10px; 
	width:270px;
}



.mainImageWrapper img:nth-of-type(1) {
    width: 100%;
}
.vbwrapper img:nth-of-type(1) {
    z-index: -1;
}
.mainImageWrapper img:nth-of-type(2) {
    position: absolute;
    top: 80%;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    object-fit: cover;
    z-index: -1;
}
.mainImageWrapper h1 {
    color: #41506E;
    margin-bottom: 0;
	line-height: 2px;
    text-align: left;
    font-weight: normal;
    justify-self: baseline;/*Ova linija koda je dodata da bi mogao da se stavi text-align:center zbog Internet Explorera koji ne razume grid*/
}

.mainImageWrapper h1 b {
    font-size: 1.5em;
}
.mainImageWrapper span {
    border-bottom: none;
}
.mainImageWrapper h2 {
    text-align: left;
    color: #41506E;
    margin-top: 0;
    font-weight: normal;
    justify-self: baseline;/*Ova linija koda je dodata da bi mogao da se stavi text-align:center zbog Internet Explorera koji ne razume grid*/
}
h2.ieNaslov svg {
    padding-top: 10px;
    margin-right: -10px;
}
div.svgPrijava {
    grid-column: 2;
    grid-row: 2;
    align-self: self-end;
    border: solid 1px #fff;
    width: 100%;
    max-width: 200px;
    z-index: 99999;
    position: relative;
    background-color: #41506E;
}
div.svgPrijava a {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
div.svgPrijava svg {
    align-self: center;
}
div.svgPrijava h3 {
    color:#fff;
}

/* Kraj Header */

/* Main */


#two, #three {
    padding-top: 20px;
}
#three {
    padding-top: 20px;
}

@media screen and (max-width: 900px) {

#two {
    padding-top: 0;
	}
}
	
main {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto 1rem auto;
    overflow: hidden;
}
h1 {
    color: #41506E;
	line-height: 1.5em;
    text-align: center;
}

h2 {
    color: #41506E;
    text-align: center;
	font-size: 22px;
}
h3 {
    color: #41506E;
    text-align: center;
	font-size: 20px;
}

.teme h2 {
	font-size:22px;
}
.hotels h2 {
	font-size:22px;
}
.first h3 {
    padding-bottom:0;
	font-size:20px;
}



@media screen and (max-width: 450px) {
h1 {
	line-height: 1.5em;
	font-size: 28px;
	}
h2 {
	font-size: 22px;
	}	
}
h3 {
    color: #41506E;
	text-align: center;
}
h3.popust {
    max-width: 400px;
    border-radius: 1em;
    background-color: #75cbde;
    animation: pulse 1s ease infinite;
    margin: 40px auto;
}
h3.popust a {
    color: #41506E;
    padding: 1em 2em;
    display: block;
}
li {
	line-height: 1.3em;
	}
@keyframes pulse {
    0%{box-shadow: 0px 0px 0px 0px rgba(191,200,219,1);}
    100%{box-shadow: 0px 0px 0px 15px rgba(191,200,219,0.1);}
}
.main-info {
    margin: 5rem 0;
    text-align: center;
}
hr {
    display: block;
    height: 4px;
    width: 50%;
    border: 0;
    border-top: 2px solid rgb(191, 200, 219);
    margin: 1em auto;
    padding: 0;
}
.grid-item {
    padding: 1rem 2rem;
    margin: 2rem 0;
}
.heading {
    width: 13rem;
    height: 13rem;
    text-align: right;
    margin: 0 auto;
    padding-right: 1rem;
}
.heading h3 {
    margin: 0;
    color: #41506E;
}
span.line {
    grid-column: 4;
    grid-row: 1/2;
    border-left: solid 2px rgb(191, 200, 219);
}
.content {
    padding-left: 3rem;
}
.content p {
    margin: 0;
    line-height: 1.8;
    font-size: 0.9rem;
    text-align: center;
    text-indent: -8px;
}
/*Segment satnica*/
#five {
    margin-bottom: 5em;
}
.satnica--vreme {
    text-align: left;
    background-color: #eaeaea;
    padding: 20px;
}
.satnica h3 {
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
}
.satnica--podnaslov {
    list-style-type:none;
}
.satnica--podnaslov b {
    color: #75cbde;
    background-color: #41506E;
    padding:5px;
    display: inline-block;
}
.satnica--vreme ul li {
    margin-bottom: 10px;
}
div.satnica {
    margin: 2em auto;
    text-align: center;
}
a.satnica {
    margin: 2em auto;
    text-align: center;
    padding: 2em;
    background-color: #e1e5ee;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    cursor: pointer;
    color: #000;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: all 1s ease;
    width: 300px;
    display: block;
}
div
a.satnica:hover {
    clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);
    color: #41506E;
    background-color: #75cbde;
}
section.javneNabavke h3 {
    padding-bottom: 1em;
}
.javneNabavkeSatnica {
    display: flex;
    width: 200px;
    justify-content: center;
}
.abstraction {
    transform: rotate(180deg);
    position: absolute;
    top: 400%;
    right: 0;
    opacity: 0.7;
    object-fit: cover;
    z-index: -1;
}
.parallax {
    background-image: url(../images/visednevnaSavetovanja/vbJN2.jpg);
    height: 768px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 4em;
}
.parallaxTwo {
    background-image: url(../images/visednevnaVB/VB2u1.png);
    height: 768px; 
    /* background-attachment: fixed; */
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 4em;
}

.parallaxThree {
    background-image: url(../images/visednevnaZlatibor/ZlatiborLeto5.png);
    height: 500px; 
    /* background-attachment: fixed; */
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 4em;
}

/* Tabela Kotizacija */
table {
    border-collapse: separate;
    border-spacing: 2px;
}
thead {
    color: #41506E;
	font-weight:normal;
	background-color: #bbe2ee;



}
thead th:nth-child(1) img {
    max-width: 100%;
    max-height: 100%;
    min-width: 50px;
    min-height: 50px;
	font-weight:normal;


}
thead th:nth-child(2), thead th:nth-child(3) {
    padding: 1em;
}
thead th.tableBgColorTwo {
    text-align: center;
	font-weight: normal;
	background-color: #93D4E3;
	padding: 10px;
}
thead th:nth-child(2) span {
    color: #41506e;
}
tbody tr td:nth-of-type(1) {
    background-color: #bbe2ee;
    padding: 1rem;
}
tbody tr td:nth-of-type(2), tbody tr td:nth-of-type(3), tbody tr td:nth-of-type(4)  {
    text-align: center;
    padding: 0.5rem;
}
tr:nth-of-type(4) {
    text-align: center;
}
tfoot {
    background-color: #75cbde;
}
tfoot tr td {
    text-align: center;
    padding: 1rem;
}
tbody.hoteli tr td span:nth-child(1) {
    display: block;
    padding-bottom: 1em;
}
td.tableBgColor {
    background-color: #bbe2ee;
}
td.tableBgColorTwo {
    background-color: #93D4E3;
}

/* Kraj tabele kotizacije */

/* Hoteli i cene*/
table.hoteli {
    margin: 0 auto;
    width: 100%;
}

tbody.hoteli span {
    color: #41506E;
    font-weight: normal;
}
tbody.hoteli tr td:nth-child(1) {
    background-color: #bbe2ee;
}
tbody.hoteli tr td {
    text-align: center;
}
tr.tableBgColor td {
    background-color: #bbe2ee;
}

@media screen and (max-width: 480px) {

    table.hoteli tr td {
        font-size:0.8em;
		padding: 8px;
    }
		    table.hoteli th {
        font-size:1em;
    }
}
@media screen and (max-width: 750px) {
    table.ieTable tr td {
        font-size:0.8em;
		padding:8px;

    }
	    table.ieTable th {
        font-size:0.8em;
    }
}
td.tableBgColorTwo {
    background-color: #93D4E3;
}



/* Kraj hotela i cena */

/* Lista hotela */
.hotels {
    margin-top: 3em;
}
section.hotels > h2 {
    color: #41506E;
    text-align: center;
    font-weight: normal;
    margin-bottom: 3em;
    background-color: #75cbde;
    padding: 10px 0;
}
.accomodation {
    margin-bottom: 0;
}
.accomodation img {
    
    padding-bottom: 20px;
    width: 450px;
    height: 350px;
    margin: 0;
}
.fixHeight {
    height: 100%;
}
section.hotels h2 a {
    font-family: 'Open Sans', sans-serif;
    position: relative;
    display: inline-block;
    color: #41506E;
    /*box-shadow: 4px 5px 27px 4px rgba(65,80,110,0.5);*/
    overflow: hidden;
    padding: 8px 21px;
	/*transition: box-shadow.3s ease-in-out;*/
    text-decoration: none;
    font-weight: lighter;
}
section.hotels h2 a:after, section.hotels h2 a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(to right, #bbe2ee 0% , #93d4e3 30%, #93d4e3 50%, #93d4e3 70%, #bbe2ee 100%);
    z-index: -1;
}

/* Kraj  liste hotela*/

/* Restorani*/
div.first, div.second, div.third, div.fourth {
    margin-bottom: 5em;
}
.restaurant-hall {
    margin: 2em 2em;
}
.restaurant-hall p {
    text-align: center;
}
.restaurant-hall img {
    width: 50%;
    height: 300px;
    object-fit: cover;
}

.flexible {
    display: flex; 
    justify-content: space-around;
}
.leftContent img {
    margin: 50px 0;
    padding: 0 50px;
    filter: grayscale(30%);
    width: 100%;
}
/* Kraj Restorani*/

/* Cene i transferi */
section.two h2 {
    padding: 2rem 0 0 0;
    margin:0;
}
section.two {
    margin-bottom: 5em;
}
.includedIn p {
    text-align: center;
}
h4 {
    text-align: center;
    color: #41506E;
}
.transfers p {
    text-align: center;
}
/* .izleti {
    margin-bottom:5em
} */
.izleti .text p {
    margin-top: 0;
    color: #41506E;
    font-weight: bold;
    font-size: 22px;
}
.izleti .text p:nth-child(1) {
    float: left;
}
.izleti .text p:nth-child(2) {
    float: right;
}
.leftContent, .rightContent {
    padding: 0;
    line-height: 1.3;
}





.leftContent p:nth-of-type(1) {
    margin-top: 0;
}
.rightContent h4 {
    margin-top: 0;
}
.rightContent img {
    display: block;
    margin: 0 auto;
    padding-bottom: 2rem;
}
/* Kraj cena i transfera */

/* O Palicu*/
section.aboutPalic {
    padding: 3em 1em 0 1em;
    
}
.historyPalic h5 {
    text-transform: uppercase;
    color: #41506E;
}
div.historyPalic {
    padding-top: 1.5em;
}
/* KRAJ O Palicu*/

/* Organizatori */
section.organizator {
    margin: 0 7.5rem;
    text-align: center;
	line-height: 25px;
	padding: 0;
}
.ipc, .astakos {
    padding-bottom: 10px;
}
.ipc img, .astakos img {
    display: block; 
    margin: 0 auto;
	padding: 0;
}
.ipc img {
    width: 200px;
    height: 72.5px;
}
.astakos img {
    width: 216px;
    height: 145px;
}
section.organizator a {
    color: #41506E;
    position: relative;
}
section.organizator a:after, div.svgPrijava:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom center;
    background: #41506E;
    z-index: -1;
    transition: transform 0.5s;
	padding: 0;
}
section.organizator a:after {
    background: rgba(174, 207, 255, 0);
	
}
section.organizator a:hover:after, div.svgPrijava:hover:after {
    transform: scaleY(1);
}
/* Kraj Organizatori*/

/*Footer*/
footer {
    background-color: #75cbde;
    height: auto;
}
footer p {
    color: #41506E;
    text-align: center;
    padding-bottom: 1em;
    padding-top: 1rem;
    margin: 0;
}
.social-media {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 0.5rem;
}
.social-media a {
    margin: 1rem 2rem;
}
div.social-media a:hover img {
    animation: proba 1s ease forwards;
}
@keyframes proba {
    from{transform: scale(1);}
    to{transform: scale(1.1)}
}
    /* Dugme za skrolovanje ka vrhu strane */
.scrollToTop {
    padding: 5px;
    text-align: center;
    position: fixed;
    bottom: 0;
    right: 0;
    display: none;
    margin: 0 1rem 1rem 0;
}
.scrollToTop img {
    width: 48px;
    height: 48px;
    border: 1px solid #41506E;
    border-radius: 50%;
    opacity: 0.4;
    transition: all 1s ease;
    position: relative;
}
.scrollToTop img:hover {
    opacity: 1;
    color: #f2f4f9;
    transform: translateY(10px);
    -webkit-box-shadow: -1px 5px 9px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 5px 9px 1px rgba(0,0,0,0.75);
    box-shadow: -1px 5px 9px 1px rgba(0,0,0,0.75);
}
    /* Kraj dugmeta */
/* Kraj footera */

/*Dodatni css za drugu html stranicu javne nabavke*/
section#jedan.javneNabavke {
    padding: 65px 2em;
}
.javneNabavke p {
    text-indent: -9px;
}
/* Media Queries */
@media screen and (max-width: 450px) {
    .main-info {
        margin: 3rem 0 0 0;
    }
}
@media screen and (max-width: 550px) {
    .mainImageWrapper b {
        font-size: 5.5vw;
    }
    .mainImageWrapper h1 {
        font-size: 5vw;
    }
    .mainImageWrapper h2 {
        font-size: 4vw;
    }
    .content p {
        font-size: 0.6rem;
    }
    section.wrapper .two {
        margin: 0 0.5rem;
    }
    
    thead th {
        padding: 0;
    }
    .hotelJedan p, .hotelDva p, .hotelTri p, .hotelCetiri p {
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 600px) {
    nav img {
        width: 150px;
        height: 55px;
    }
    #smallScreenLogo {
        top: 0.6rem;
    }
    .main-info {
        padding: 0 0.5rem;
    }
    div.headingRight {
        margin-right: 1rem;
    }
    section.organizator {
        margin: 0;
    }
    .social-media a {
        flex: 0 0 100%;
        text-align: center;
    }
}
@media screen and (min-width: 768px) {
    .heading {
        height: auto;
    }
    .mainImageWrapper h2 {
        font-size: 2em;
    }
    .hotelJedan p, .hotelDva p, .hotelTri p, .hotelCetiri p {
        padding: 0 2em;
    }
    .changePosition {
        position:absolute;
        top:60%;
        right:20%;
    }
}
@media screen and (min-width: 551px) and (max-width: 768px) {
    .hotelJedan p, .hotelDva p, .hotelTri p, hotelCetiri p {
        padding: 1rem 3rem 0 3rem;
    }
}
@media screen and (max-width:768px) {
    div.svgPrijava {
        grid-row: 4;
        align-self: self-start;
        min-width: 200px;
    }
    section.hotels {
        padding: 0 1em;
    }
    thead th:nth-child(2) {
        font-weight: normal;
    }
    tbody.hoteli tr td.mobileHoteli{
        background-color: #e1e5ee;
    }
    .grid-item {
        margin-top: 1rem;
        padding: 0 0.5rem;
    }
    .heading {
        padding-right: 0;
        height: auto;
    }
    /* Prvi grid za srednju veličinu ekrana */
    .grid-item .heading {
        grid-column: 1/11;
        justify-self: center;
        grid-row: 1;
        text-align: center;
    }
    .grid-item span {
        grid-column: 1/11;
        grid-row: 2;
        border-bottom: solid 2px #41506E;
        width: 50%;
        margin: 0 auto;
    }
    .grid-item .content {
        grid-column: 1/11;
        grid-row: 3;
        padding: 1rem;
        margin-top: 2rem;
    }
    .grid-container-two {
        margin: 2rem 0.5rem;
        font-size: 0.9rem;
    }
    .hotel h3 {
        margin: 20px 0;
    }
    .accomodation {
        margin-top: 5rem;
    }
    section#two {
        margin: 0 0.5rem;  
    }
    section.wrapper {
        margin: 0 0.5rem;
    }
    .flexible {
        flex-direction: column;
        align-items: center;
    }
    .restaurant-hall img:nth-child(1) {
        border-right: none;
        
    }
    .restaurant-hall img:nth-child(2) {
        border-left: none;
    }
    .restaurant-hall img {
        width: 95%;
    }
    .displayLarge {
        display: none;
    }
    .third img:nth-child(1)::before {
        content: "Salas jelen";
    }
}
@media screen and (min-width: 1200px) {
    .changePositionTwo {
        position:absolute;
        top:60%;
        left:5%;
    }
}
@media screen and (max-width: 1000px) {
    .abstraction, .mainImageWrapper img:nth-of-type(2) {
        display: none;
    }
    .mainImageWrapper h1 {
        grid-column: 2/7;
    }
    .mainImageWrapper span {
        grid-column: 2/7;
    }
    .mainImageWrapper h2 {
        grid-column: 2/7;
    }
    div.svgPrijava {
        grid-column: 2;
        grid-row: 4;
    }
    #hoteli img, #hoteli .oHotelu{
        grid-column: 1/10;
    }
    #hoteli .imgOne {
        grid-row: 2;
    }
    #hoteli .oHotelu {
        grid-row: 1;
    }
    #hoteli .imgTwo {
        grid-row: 3;
    }
    #hoteli .imgThree {
        grid-row: 4;
    }
    #hoteli hr {
        grid-row: 5;
    }
    #hoteli .fixHeight {
        height: auto;
    }
    #hoteli img {
        max-width: 450px;
    }
    section.hotels .accomodation:nth-child(3) .imgOne {
        justify-self: center;
        width: 95%;
    }
    section.hotels .accomodation:nth-child(3) .imgTwo {
        justify-self: center;
        width: 95%;
    }
    .accomodation img {
        width: 95%;
        object-fit: cover;
    }
}
@media screen and (max-width: 1210px) {
    .responsive-menu {
        display: none;
    }
    .expand {
        display: block;
        background: #fff;
    }
    nav ul li:hover:after {
        border-bottom: none;
		border-color: #75cbde;
    }
    nav ul li {
        padding: 1.2rem 0;
    }
    nav ul li:nth-of-type(2) {
        padding-top: 6rem;
    }
    nav ul li:nth-of-type(1) {
        display: none;
    }
    nav ul li:nth-of-type(6) {
        padding-bottom: 2rem;
    }
    li.prijava {
        border: none;
    }
    li.prijava a {
        font-weight: bolder;
    }
     /* burger meni ikona za mobilne telefone */
     #nav-icon3 {
        width: 60px;
        height: 45px;
        position: relative;
        margin: 1rem;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        float: left;
        z-index: 99999;
    }
    #nav-icon3:hover {
        transform: scale(1.1);
    }
    #nav-icon3.open:hover {
        transform: scale(1);
        transform: rotate(180deg);
    }
    #nav-icon3 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #41506E;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    #nav-icon3 span:nth-child(1) {
        top: 12px;
    }
    #nav-icon3 span:nth-child(2),
    #nav-icon3 span:nth-child(3) {
        top: 20px;
    }
    #nav-icon3 span:nth-child(4) {
        top: 28px;
    }
    #nav-icon3.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    }
    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    }
    #nav-icon3.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    /* burger meni ikona za mobilne telefone */
}
@media screen and (min-width: 1211px) {
    nav ul {
        display: flex;
        justify-content: center; 
        background-color: #75cbde;
    }
    nav ul li {
        margin: 0 2rem;
    }
    nav ul li:after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #41506E;
        transition: width .3s; 
    }
    nav ul li:hover:after {
        width: 100%;
    }
    nav ul li:nth-child(7):hover:after {
        width: 0;
    }
    nav ul li:nth-of-type(1):after {
        width: 0;
    }
    li.prijava:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: scaleY(0);
        transform-origin: bottom center;
        background: #e1e5ee;
        z-index: -1;
        transition: transform 0.5s;
    }
    li.prijava:hover:before {
        transform: scaleY(1);
    }
}
@media screen and (max-width: 1210px) {
    nav.sticky ul {
        width: 100%;
        height: 100%;
        min-height: 50vh;
    }
}
@media screen and (min-width: 1211px) {
    li.prijava {
        padding: 5px;
    }
} 

/* Kraj Media Query-ja */

/*Dodatni stilovi za odvojenu stranicu - Vrnjačka Banja 5-8. decembar 2018*/

section.teme {
    margin-bottom: 3em;
}
ul.temeSavetovanja {
    margin-bottom: 5em;
}
ul.temeSavetovanja li {
    list-style-type: decimal;
    margin-bottom: 1em;
  }
ul.predavaciSavetovanja {
    margin-bottom: 5em;
}
.teme li {
    padding-bottom:1em;
}
.teme h2 {
	font-size:20px;
}
.hotels h2 {
	font-size:20px;
}
.first h3 {
    padding-bottom:0;
	font-size:18px;
}

.mainThemes {
    background-color:#75cbde;
    padding:15px;
    border-radius:5px;
}
h3.mainThemes {
    text-align: center;
    padding:15px;
	
}


@media screen and (max-width: 1210px) {
    #smallScreenLogo {
        display: block;
        position: absolute;
        right: 1rem;
    }
}

/*Stavljam pocetnu boju na navigaciju jer se lose vidi meni i ikonica bez boje*/

@media screen and (min-width:320px) {
    nav.sticky {
        background-color: #75CBDE;
    }    
}