body
{ 
	font-family: 'Montserrat', sans-serif;
	width: 80%; margin: auto;
	background: rgb(178,255,250);
	background: linear-gradient(90deg, rgba(178,255,250,0.5) 0%, rgba(255,255,255,0.5) 50%, rgba(178,255,250,0.5) 100%); 
}
article
{
	background-color: rgba(218,174,202,0.15); margin-bottom: 1%;
}
h1, h2, h3
{
	color: #00416B; padding: 1%;
}
h4, p
{
	color: #00416B;
}
.clear
{
	clear: both;
}

/*HEADER*/

#header
{
	background: rgba(218,174,202,0.15);
	background: linear-gradient(90deg, rgba(218,174,202,0.15) 0%, rgba(148,187,233,0.15) 100%); 
	overflow: hidden; height: 100px; width: 100%; margin: 1% auto; text-align: center;
}
#hero_photo
{
	float: left; height: 100px; width: 180px;
}
#header_menu
{
	display: inline-block; width: 60%; margin-top: 1.25%;
}
.list
{
	float: left; color: #00416B; padding: 3% 1.5%; font-weight: 700; font-size: 95%;
}
.list:hover
{
	color: black; background-color: white; font-size: 105%; font-weight: 700;
}

/*POCETNA*/

#home_heading
{
	text-align: center; color: rgba(0, 65, 107, 0.5);
}
.home_action_text h1, .home_action_text h2
{
	color: #CA0000; text-align: center; animation: home_action_text 2s linear 3;
}
@keyframes home_action_text
{
	50% {opacity: 0;}
}
.action img
{
	float: left; padding: 1%; width: 48%;
}
#home_text
{
	float: right; width: 59%; height: 50px; font-weight: 700; text-align: left; color: #00416B; margin: 1px; font-size: 87%;
}
#home_photo
{
	width: 38%; height: 700px; float: left; padding: 0 1%;
}
#home_location iframe
{
	width: 58%; height: 650px; float: right;  padding: 0 1%;
}

#home_photo_small
{
	float: left; width: 21%; height: 300px;
}
.photos img
{
	width: 48%; height: 700px; float: left; padding: 1%;
}

/* O NAMA */

.about_us_main_text_center
{
    margin: 2% 1% 0 1%; color: #00416B; text-align: center;
}

.about_us_main_text
{
	color: #00416B; text-align: justify; margin: 1% 1% 0 1%;
}

#about_us_photo
{
	height: 30%; width: 40%; margin: 1% 1% 0 1%; float: left;
}

#sterilizator
{
	height: 30%; width: 40%; margin: 1% 1% 0 1%; float: left;
}

/*USLUGE*/

#service_photo_right
{
	height: 330px; width: 300px; float: right; margin: 1%;
}
.service ul img
{
	height: 300px; width: 36%; float: left; padding: 1%; margin: 0 5%;
}
#service_photo
{
	height: 300px; width: 35%; float: left; padding: 1%; margin: 0 8%;
}
#service_scan_ortopan
{
	float: left; width: 32%; height: 300px; margin: 2% 5% 5% 5%;
}
#service_scan_profil
{
	float: left; width: 32%; height: 300px; margin: 2% 5% 5% 5%;
}
#service_scan_ortopan img
{
	width: 98%; height: 300px;
}
#service_scan_profil img
{
	width: 98%; height: 300px;
}
#service_scan_ortopan p
{
	float: left; width: 100%; margin: 0 6%; font-size: 80%;
}
#service_scan_profil p
{
	float: left; width: 100%; margin: 0 10%; font-size: 80%;
}

/*GALERIJA*/

#gallery_heading
{
	text-align: center;
}
#gallery_heading h2
{
	display: inline-block;
}

/*CENOVNIK*/

table, th, td
{
	padding: 0.25%; border: 1px solid red; color: #00416B; text-align: left;
}
#pricelist_table>h6
{
	color: #356DBD;
}
th
{
	color: #FF5656; text-align: center;
}
.td_width
{
	width: 9%; text-align: right;
}
#pricelist_table
{
	padding: 1%; text-align: center;
}
#pricelist_table h3
{
	color: #FF5656; text-align: center;
}
#pricelist_heading
{
	display: inline-block;
}

/*KONTAKT*/

#contact_location iframe, #contact_picture img
{
	height: 700px; width: 98%; float: left; padding: 1%;
}
#contact_picture img
{
	width: 38%;
}
#contact_text
{
	text-align: center;
}
#contact_text h3
{
	display: block; margin: 0 1%; padding: 0 1%;
}

/*FOOTER*/

footer
{
		background: rgba(218,174,202,0.15);
		background: linear-gradient(90deg, rgba(218,174,202,0.15) 0%, rgba(148,187,233,0.15) 100%); 
		overflow:hidden; padding: 10px; margin-bottom: 10px;
}
footer a
{
	color: #FF5656; text-decoration: none;
}
#footer_1 p
{
	float: left; margin: 0 auto;
}
#footer_2 a img
{
	width: 50px; border-radius: 25%; float: right; padding: 1%; margin: 0 auto;
}
#footer_2 a img:hover
{
	width: 55px;
}

/*-- MEDIA UPIT -- UP TO 500px --*/

@media screen and (min-width: 200px) and (max-width: 500px)
{
	body
	{ 
		font-family: 'Montserrat', sans-serif;
		width: 95%; margin: auto;
		background: rgb(178,255,250);
		background: linear-gradient(90deg, rgba(178,255,250,0.5) 0%, rgba(255,255,255,0.5) 50%, rgba(178,255,250,0.5) 100%); 
	}
	article
	{
		background-color: rgba(238,174,202,0.15); margin-bottom: 2%;
	}
	h1, h2, h3
	{
		color: #00416B; padding: 2%; font-size: 90%; text-align: left;
	}
	h4, p
	{
		color: #00416B; font-size: 80%; margin: 0 2%; text-align: left;
	}
	
	/*HEADER*/

	#header
	{
		background: rgba(218,174,202,0.15);
		background: linear-gradient(90deg, rgba(218,174,202,0.15) 0%, rgba(148,187,233,0.15) 100%);
		overflow: hidden; height: 200px; width: 100%; height: 100%; margin: 1% auto; text-align: center;
	}
	#hero_photo
	{
		height: 100px; width: 200px; margin: 0 auto;
	}
	body>div>a
	{
		display: inline-block;
	}
	.list
	{
		display: inline-block; color: #00416B; width: 100%; padding: 2% 0.5%; margin: 0 auto; font-size: 140%; font-weight: 700;
	}
	.list:hover
    {
    	color: red; background-color: white; font-size: 140%; font-weight: 700;
    }
    
	/*POCETNA*/

	.home_action_text h1, .home_action_text h2
	{
		color: #CA0000; text-align: center;  font-size: 96%; animation: home_action_text 2s linear 3; width: 98%; padding: 1%;
	}
	@keyframes home_action_text
	{
		50% {opacity: 0;}
	}
	.action img
	{
		width: 98%; padding: 1%;
	}
	#home_text
	{
		width: 96%; font-size: 98%; text-align: center; color: #00416B; padding: 1% 1.5%;
	}
	#home_photo
	{
		height: 400px; width: 98%; padding: 1%;
	}
	#home_location iframe
	{
		width: 98%; padding: 0 1%; height:242px; margin-bottom: 1%;
	}
	#home_photo_small
	{
		width: 98%; padding: 1%; height: 400px;
	}
	.photos img
	{
		width: 98%; padding: 1%; height: 400px;
	}
	
	/* O NAMA */

	.about_us_main_text_center
	{
		padding: 1%; color: #00416B; text-align: center;
	}

	.about_us_main_text
	{
		color: #00416B; text-align: center; padding: 2%; font-size: 90%;
	}

	#about_us_photo
	{
		height: 200px; width: 100%;
	}
	
	#sterilizator
    {
	    height: 200px; width: 100%;
    }
	
	/*USLUGE*/

	#service_photo_right
	{
		height: 280px; width: 96%; padding: 1%;
	}
	.service ul img
	{
		height: 180px; width: 90%; padding: 1%;
	}
	#service_photo
	{
		height: 200px; width: 88%; padding: 1%;
	}
	#service_scan_ortopan
	{
		height: 200px; width: 96%;
	}
	#service_scan_profil
	{
		height: 200px; width: 96%;
	}
	#service_scan_ortopan img
	{
		height: 180px; width: 90%; padding: 1%; margin: 1% auto;
	}
	#service_scan_profil img
	{
		height: 180px; width: 90%; padding: 1%; margin: 1% auto;
	}
	#service_scan_ortopan p
	{
		float: left; width: 90%; padding: 0 1%; margin: 0 auto; font-size: 60%;
	}
	#service_scan_profil p
	{
		float: left; width: 90%; padding: 0 1%; margin: 0 auto; font-size: 60%;
	}
	
	/*GALERIJA*/
	
	/*CENOVNIK*/
	
	table, th, td
	{
		padding: 0.25%; border: 1px solid red; color: #00416B; font-size: 80%;
	}
	#pricelist_table>h6
	{
	    color: #356DBD;
	}
	th
	{
		color: #FF5656;
	}
	.td_width
	{
		width: 25%; text-align: center;
	}
	#pricelist_table h3
	{
		color: #FF5656; text-align: center; font-size: 80%;
	}
	#pricelist_heading
	{
		font-size: 115%;
	}
	
	/*KONTAKT*/
	
	#contact_location iframe, #contact_picture img
	{
		height: 400px; width: 96%; padding: 2%;
	}
	#contact_text h3:first-child
	{
		display: inline-block; padding: 0 1%; font-size: 70%;
	}
	#contact_text h3
	{
		display: inline-block; padding: 0 1%; font-size: 74%;
	}
	
	/*FOOTER*/

	footer
	{
		background: rgba(218,174,202,0.15);
		background: linear-gradient(90deg, rgba(218,174,202,0.15) 0%, rgba(148,187,233,0.15) 100%); 
		overflow:hidden; padding: 10px; margin-bottom: 10px;
	}
	footer a
	{
		color: #FF5656; text-decoration: none;
	}
	#footer_1 p
	{
		margin: 0 auto;
	}
	#footer_2 a img
	{
		width: 30px; border-radius: 25%; margin: 4% 0 0 0;					  
	}
	#footer_2 a img:hover
	{
		width: 34px;
	}
}

/*-- MEDIA UPIT -- UP TO 1080px --*/

@media screen and (min-width: 501px) and (max-width: 1080px)
{
	body
	{ 
		font-family: 'Montserrat', sans-serif;
		width: 90%; margin: auto;
		background: rgb(178,255,250);
		background: linear-gradient(90deg, rgba(178,255,250,0.5) 0%, rgba(255,255,255,0.5) 50%, rgba(178,255,250,0.5) 100%); 
	}
	article
	{
		background-color: rgba(218,174,202,0.15); margin-bottom: 1%;
	}
	h1, h2, h3
	{
		color: #00416B; padding: 1%;
	}
	h4, p
	{
		color: #00416B;
	}
	.clear
	{
		clear: both;
	}
	
	/*HEADER*/

	#header
	{
		background: rgba(218,174,202,0.15);
		background: linear-gradient(90deg, rgba(218,174,202,0.15) 0%, rgba(148,187,233,0.15) 100%); 
		overflow: hidden; height: 150px; width: 100%; margin: 1% auto; text-align: center;
	}
	#hero_photo
	{
		height: 100px; width: 180px; margin-bottom: 2%;
	}
	#header_menu
	{
		width: 100%;
	}
	body>div>a
	{
		display: inline-block;
	}
	#header_menu a
	{
		padding: 0 1%; display: inline-block; white-space: nowrap; font-size: 85%;
	}
	.list
	{
		color: #00416B; padding: 1%; font-weight: 700; font-size: 85%;
	}
	.list:hover
	{
		color: red; background-color: white; font-size: 85%; font-weight: 700;
	}
	
	/*POCETNA*/

	.home_action_text h1, .home_action_text h2
	{
		color: #CA0000; text-align: center; animation: home_action_text 2s linear 3;
	}
	@keyframes home_action_text
	{
		50% {opacity: 0;}
	}
	.action img
	{
		float: left; padding: 1%; width: 48%;
	}
	#home_text
	{
		float: left; width: 26%; height: 80px; font-weight: 700; text-align: center; color: #00416B; font-size: 64%; padding: 0 1%;
	}
	#home_photo
	{
		float: left; width: 70%; height: 500px; padding: 0 1%;
	}
	#home_location iframe
	{
		float: left; width: 26%; height: 200px; padding: 1%;
	}
	#home_photo_small
	{
		float: left; width: 26%; height: 200px; padding: 0 1%;
	}
	.photos img
	{
		width: 48%; height: 500px; float: left; padding: 1%;
	}

	/* O NAMA */

	.about_us_main_text_center
	{
		padding: 10px; color: #00416B; text-align: center;
	}

	.about_us_main_text
	{
		color: #00416B; text-align: left; padding: 1%;
	}

	#about_us_photo
	{
		height: 300px; width: 420px; margin: 0 1%; float: left;
	}
	
	#sterilizator
    {
	    height: 300px; width: 420px; margin: 0 1%; float: left;
    }

	/*USLUGE*/

	#service_photo_right
	{
		height: 200px; width: 35%; float: right; margin: 1% auto; padding: 0 4%;
	}
	.service ul img
	{
		height: 200px; width: 40%; float: left; margin: 1% auto; padding: 0 4%;
	}
	#service_photo
	{
		height: 200px; width: 40%; float: left; margin: 1% auto; padding: 0 4%;
	}
	#service_scan_ortopan
	{
		float: left; height: 220px; width: 40%; margin: 1% auto; padding: 5%;
	}
	#service_scan_profil
	{
		float: left; height: 220px; width: 40%; margin: 1% auto; padding: 5%;
	}
	#service_scan_ortopan img
	{
		width: 98%; height: 220px;
	}
	#service_scan_profil img
	{
		width: 98%; height: 220px;
	}
	#service_scan_ortopan p
	{
		float: left; width: 100%; margin: 0 6%; font-size: 70%;
	}
	#service_scan_profil p
	{
		float: left; width: 100%; margin: 0 10%; font-size: 70%;
	}
	.service h1, .service h2, .service h3, .service h4
	{
		font-size: 97%; font-size: 94%; font-size: 90%; font-size: 85%;
	}
	.steps h1, .steps h2, .steps h3, .steps h4
	{
		font-size: 97%; font-size: 94%; font-size: 90%; font-size: 85%;
	}
	
	/*GALERIJA*/

	#gallery_heading
	{
		text-align: center;
	}
	#gallery_heading h2
	{
		display: inline-block;
	}

	/*CENOVNIK*/

	table, th, td
	{
		padding: 0.25%; border: 1px solid red; color: #00416B; font-size: 90%; text-align: left;
	}
	#pricelist_table>h6
	{
	    color: #356DBD;
	}
	th
	{
		color: #FF5656; text-align: center;
	}
	.td_width
	{
		width: 17%; text-align: center;
	}
	#pricelist_table
	{
		padding: 1%; text-align: center;
	}
	#pricelist_heading
	{
		display: inline-block;
	}

	/*KONTAKT*/

	#contact_location iframe, #contact_picture img
	{
		height: 500px; width: 58%; float: left; padding: 1%;
	}
	#contact_picture img
	{
		width: 38%;
	}
	#contact_text
	{
		text-align: center;
	}
	#contact_text h3
	{
		display: block; margin: 0 1%; padding: 0 1%;
	}
	
	/*FOOTER*/

	footer
	{
		background: rgba(218,174,202,0.15);
		background: linear-gradient(90deg, rgba(218,174,202,0.15) 0%, rgba(148,187,233,0.15) 100%); 
		overflow:hidden; padding: 10px; margin-bottom: 10px;
	}
	footer a
	{
		color: #FF5656; text-decoration: none;
	}
	#footer_1 p
	{
		float: left; margin: 0 auto;
	}
	#footer_2 a img
	{
		width: 50px; border-radius: 25%; float: right; padding: 1%; margin: 0 auto;
	}
	#footer_2 a img:hover
	{
		width: 55px;
	}
}