#logoFacilities{
	background: url(../Assets/logo.png) center no-repeat;
	position: absolute;
	width: 223px;
	height: 160px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 40px;
	z-index: 1000;
}

.activitiesCont{
	padding-top: 80px;
	text-align: justify;
	height: 250px;
}

.StreliceBijele1{
	width: 12px;
	height: 23px;
	position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    margin: auto;
}

.RestaurantCont{
	position: absolute;
	max-width: 450px;
	right: 40px;
	top: 80px;
	text-align: left;
}

.RestaurantCont1{
	position: relative;
	max-width: 450px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 80px;
	text-align: left;
}

.SecondTextContainerFac2{
	max-width: 450px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 80px;
	padding-bottom: 120px;
	text-align: left;
	letter-spacing: 1.3px;
}

.SecondTextContainerFac1{
	max-width: 450px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 200px;
	padding-bottom: 120px;
	text-align: left;
	letter-spacing: 1.3px;
}

.SecondTextContainerFac{
	max-width: 400px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 200px;
	padding-bottom: 30px;
	text-align: left;
	letter-spacing: 1.3px;
	margin: auto;
}

#ClubTextContainer{
	text-align: justify;
}

.bar{
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
	max-width: 450px;
}

.bar1{
	margin-top: 40px;
	text-align: left;
	max-width: 450px;
	padding-left: 40px;
}

.club1{
	margin-top: 112px;
}

#organic0{
	max-width: 450px;
	margin: auto;
	/*max-width: 600px;
	min-width: 600px;*/
}

#organic{
	height: 850px;
}

#organic1{
	position: absolute;
	max-width: 600px;
	right: 0px;
	top: 80px;
	text-align: left;
}

#organic2{
	padding-top: 280px;
}

#secondScreen{
	width: 100%;
	background-color: #f8f7f2;
	text-align: center;
	position: relative;
}

#RestaurantImg{
	background: url(../Assets/Facilities/Restaurant.webp) no-repeat;
	background-position: center bottom;
	background-size: initial;
	width: 100%;
	height: 450px;
}

#BarImg{
	background: url(../Assets/Facilities/Bar.webp) no-repeat;
	background-position: center bottom;
	background-size: initial;
	width: 100%;
	height: 450px;
}

#BeachBarImg{
	background: url(../Assets/Facilities/Beach-Bar.webp) no-repeat;
	background-position: center bottom;
	background-size: initial;
	width: 100%;
	height: 450px;
}

#BeachImg{
	background: url(../Assets/Facilities/Beach.webp) no-repeat;
	background-position: center bottom;
	background-size: initial;
	width: 100%;
	height: 450px;
}

#PlayroomImg{
	background: url(../Assets/Facilities/Playroom.webp) no-repeat;
	background-position: right top;
	background-size: cover;
	width: 100%;
	height: 450px;
}

#GardenImg{
	background: url(../Assets/Facilities/Garden.webp) no-repeat;
	background-position: center bottom;
	background-size: initial;
	width: 100%;
	height: 450px;
}

#ScrollContainerFac{
	position: absolute;
	bottom: 100px;
	left: 0;
	right: 0;
}

.row{
	margin-left: auto !important;
	margin-right: auto !important;
}

#OtherFacCont{
	max-width: 550px;
	height: auto;
	padding-left: 20px;
}

.activitiesDesc{
	padding-left: 15px;
	padding-right: 15px;
}

.FacCont{
	max-width: 1125px;
	margin: auto !important;
	padding-top: 80px;
	padding-bottom: 100px;
	padding-left: 15px;
	padding-right: 15px;
	height: 900px;
}

.RestaurantCol{
	position: relative;
	height: 400px;
}

.ClubCol{
	position: relative;
}

#BeachSubtitle{
	line-height: 45px;
	text-align: center;
	padding-top: 50px;
}

@media  screen and (max-width: 1200px) {
	#ScrollContainerFac{
		display: none;
	}
}

@media  screen and (max-height: 850px) {
	#ScrollContainerFac{
		display: none;
	}
}

@media  screen and (max-width: 1300px) {
	.subtitle {
	    padding-top: 15px;
	    font-size: 16.67px;
	}
	#navContainer{
		max-width: 600px !important;
		flex-direction: column !important;
		margin-top: 0px !important;
		padding-top: 0 !important;
	}
}

@media screen and (max-width: 1200px){
	#navContainer {
	    margin-top: 0px !important;
	}
}

@media  screen  and (max-width: 428px) {
	.SecondTextContainerFac1{
		padding-right: 30px;
		padding-left: 30px;
		padding-top: 80px !important;
	}
	#ResTitle{
		font-size: 55px !important;
	}
}

@media  screen and (max-width: 1300px) {
	#organic1{
		left: 40px;
	}
}

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

	.FacCont{
		padding-top: 0px;
		height: auto;
	}

	.activitiesCont{
		height: auto;
	}

	.SecondTextContainerFac2{
		padding-top: 40px;
	}
	#GardenTitle{
		max-width: 400px;
		margin: auto;
	}

	#GardenSubtitle{
		max-width: 400px;
		margin: auto;
	}

	#BeachSubtitle{
		margin: auto;
		max-width: 400px;
	}
	.RestaurantCol{
		height: auto;
	}

	.ClubCol{
		height: auto;
	}

	#OtherFacCont{
		max-width: 650px;
		padding-left: 30px;
		padding-right: 30px;
		margin: auto;
	}

	.OtherSubCont{
		max-width: 450px;
	    margin: auto;
	    text-align: center;
	}

	#logoFacilities{
		display: block;
		background: url(../Assets/logoMobile.png) no-repeat;
		width: 134px; /* Width of new image */
		height: 176px; /* Height of new image */
		margin-top: 60px;

	}

	.SecondTextContainerFac1{
		margin: auto;
		max-width: 450px;
		padding-right: 30px;
		padding-left: 30px;
		padding-top: 20px;
		padding-bottom: 100px;
		text-align: left;
	}

	.bar{
		text-align: center;
		margin: auto;
		padding-left: 30px;
		padding-right: 30px;
	}

	.bar1{
		text-align: center;
		padding-top: 50px;
		margin: auto;
		padding-left: 30px;
		padding-right: 30px;
	}

	.club1{
		margin-top: 50px;
	}

	#organic{
		height: 700px;
	}

	#organic1{
		right: 0;
		left: 0;
		margin: auto;
	}

	#organic2{
		padding-top: 0px;
	}

	.RestaurantCont, .RestaurantCont1{
		position: relative;
		left: 0;
		right: 0;
		top: 0px;
		padding-top: 80px;
		margin: auto;
		text-align: center;
	}
}

@media  screen and (max-width: 767px) {
	.activitiesDesc{
		max-width: 500px;
		margin: auto;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media  screen and (max-width: 600px) {
	#organic0{
		min-width: 300px;
	}
	#organic2{
		padding-top: 50px;
	}
}