/* CSS rules for screens less than or equal to 1440px wide */
@media screen and (max-width:1440px)
{
	*
	{
	background-color: #DCBBAE;
	margin:0;
	padding:0;
	}

	body
	{
		font-family: 'Times New Roman', Times, sans-serif;
		font-size: 16px;
	}

	.logo img
	{
		position:absolute;
	
		width:80px;
		height:auto;
	
		top:15px;
		left:10px;
	}

	.slogan img
	{
		position:absolute;
		border-style:outset;

		width: 256px;
		height:auto;

		left:30%;
		top:10px;
	}

/*--------------------- Navigation Menu Code ------------------------*/
	.topnav
	{
		position:absolute;

		top:56px;
		left:128px;
	}

	.topnav a
	{
		position:relative;
		display:inline;

		box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.2);
		padding:3px 3px;

		text-align: center;
		text-decoration: none;
		font-size: 18px;
	}

	.topnav a:hover /* Change the color of links on hover */
	{                
		background-color:#fad2ca;
		color: black;
	}

	.topnav a.active
	{             
		background-color: #04AA6D;
		color: white;
	}

/* ----------- Services Box ---------------------*/
	.servicesbox
	{
		position:absolute;

		top:88px;
		left:64px;

		box-sizing: border-box;
		border-style:outset;
		border:1px solid powderblue;
		background-color:#59384d;

		width:184px;
		height:auto;

		font-size: 14px;
		text-align:center;
		color:white;
	}

	.servicesbox li
	{
		display: block;

		box-sizing: border-box;
		border: 2px solid powderblue;
		background-color:#6e5464;
		width:192px;

		padding:10px;
		width: 100%;
		border: none;
		outline: none;
		text-align: left;
		cursor: pointer;

		font-family:Times, Times New Roman, serif;
		font-size: 14px;

		color:white;
	}

	.servicesbox li:hover
	{
		background-color:#c7f5c1;
		color:blue;
		font-size: 14px;
	}

	#servicedescription
	{
		position:absolute;

		top:96px;
		left:264px;
		border:2px solid powderblue;
		box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.2);

		width:320px;
		height:264px;


		font-family:Times, Times New Roman, serif;
		font-size: 14px;
		color:black;
		text-align:left;
	}

/*------------------- Appointment Code ---------------*/
	.apptform
	{
		position:absolute;
		
		top:54%;
		left:64px;

		width:256px;
		height:308px;

		border-style:outset;
		border:2px solid powderblue;
		box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.2);
		background-color:#59384d;
		font-size: 14px;
		text-align:center;
		color:white;
	}

	.dateselector label
	{
		position:absolute;
		top:48px;
		left:10px;
		background-color:#59384d;
	}

	.dateselector input
	{
		position:absolute;
		top:48px;
		right:10px;
		font-size: 12px;
		width:auto;
	}

	.timeselector label
	{
		position:absolute;
		top:80px;
		left:10px;
		background-color:#59384d;
	}

	.timeselector select
	{
		position:absolute;
		top:80px;
		right:16px;
		width:auto;
		font-size: 12px;
	/*	background: rgb(214, 214, 214, 0);*/
	}

	.lblclientfname label
	{
		position:absolute;
		top:112px;
		left:12px;
		font-size:12px ;
		background-color:#59384d;
	}

	.inpclientfname
	{
		position:absolute;
		top:108px;
		left:72px;
		text-align:left;
		font-size:12px;
		padding:2px;
		background: rgb(214, 214, 214, 0);
	}

	.lblclientlname label
	{
		position:absolute;
		top:144px;
		left:12px;
		font-size:12px ;
		background-color:#59384d;
	}

	.inpclientlname
	{
		position:absolute;
		top:144px;
		left:72px;
		text-align:left;
		font-size:12px;
		padding:2px;
		background: rgb(214, 214, 214, 0);
	}

	.lblclientnumber label
	{
		position:absolute;
		top:176px;
		left:10px;
		font-size:12px ;
		background-color:#59384d;
	}

	.inpclientnumber
	{
		position:absolute;
		top:176px;
		left:72px;
		text-align:left;
		font-size:12px;
		padding:2px;
		background: rgb(214, 214, 214, 0);
	}

	.lblclientemail label
	{
		position:absolute;
		top:216px;
		left:10px;
		font-size:12px ;
		background-color:#59384d;
	}

	.inpclientemail
	{
		position:absolute;
		top:208px;
		left:72px;
		text-align:left;
		font-size:12px;
		padding:2px;
		background: rgb(214, 214, 214, 0);
	}

	.lblserviceselected label
	{
		position:absolute;
		top:240px;
		left:10px;
		font-size:12px ;
		background-color:#59384d;
	}

	.inpfacciaservice
	{
		position:absolute;
		top:240px;
		left:80px;
		text-align:left;
		font-size:12px;
		padding:2px;
		width:auto;
	}

	.buttonHolder input
	{
		position:absolute;
		top:280px;
		right:10px;
		text-align: center;

		width:64px;
		padding:2px;
		border-color:powderblue;
	}
}

/* CSS rules for screens less than or equal to 1024px wide */
@media screen and (max-width:1024px)
{
	*
	{
	background-color: #DCBBAE;
	margin:0;
	padding:0;
	}

	body
	{
		font-family: 'Times New Roman', Times, sans-serif;
		font-size: 16px;
	}

	.logo img
	{
		position:absolute;
	
		width:80px;
		height:auto;
	
		top:15px;
		left:10px;
	}

	.slogan img
	{
		position:absolute;
		border-style:outset;

		width: 256px;
		height:auto;

		left:30%;
		top:10px;
	}

/*--------------------- Navigation Menu Code ------------------------*/
	.topnav
	{
		position:absolute;

		top:56px;
		left:128px;
	}

		.topnav a
	{
		position:relative;
		display:inline;

		box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.2);
		padding:3px 3px;

		text-align: center;
		text-decoration: none;
		font-size: 18px;
	}

	.topnav a:hover /* Change the color of links on hover */
	{                
		background-color:#fad2ca;
		color: black;
	}

	.topnav a.active
	{             
		background-color: #04AA6D;
		color: white;
	}

/* ----------- Services Box ---------------------*/
	.servicesbox
	{
		position:absolute;

		top:88px;
		left:64px;

		box-sizing: border-box;
		border-style:outset;
		border:1px solid powderblue;
		background-color:#59384d;

		width:184px;
		height:auto;

		font-size: 14px;
		text-align:center;
		color:white;
	}

	.servicesbox li
	{
		display: block;

		box-sizing: border-box;
		border: 2px solid powderblue;
		background-color:#6e5464;
		width:192px;

		padding:10px;
		width: 100%;
		border: none;
		outline: none;
		text-align: left;
		cursor: pointer;

		font-family:Times, Times New Roman, serif;
		font-size: 14px;

		color:white;
	}

	.servicesbox li:hover
	{
		background-color:#c7f5c1;
		color:blue;
		font-size: 14px;
	}

	#servicedescription
	{
		position:absolute;

		top:96px;
		left:264px;
		border:2px solid powderblue;
		box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.2);

		width:320px;
		height:264px;


		font-family:Times, Times New Roman, serif;
		font-size: 14px;
		color:black;
		text-align:left;
	}

/*------------------- Appointment Code ---------------*/
	.apptform
	{
		position:absolute;
		
		top:54%;
		left:64px;

		width:256px;
		height:308px;

		border-style:outset;
		border:2px solid powderblue;
		box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.2);
		background-color:#59384d;
		font-size: 14px;
		text-align:center;
		color:white;
	}

	.dateselector label
	{
		position:absolute;
		top:48px;
		left:10px;
		background-color:#59384d;
	}

	.dateselector input
	{
		position:absolute;
		top:48px;
		right:10px;
		font-size: 12px;
		width:auto;
	}

	.timeselector label
	{
		position:absolute;
		top:80px;
		left:10px;
		background-color:#59384d;
	}

	.timeselector select
	{
		position:absolute;
		top:80px;
		right:16px;
		width:auto;
		font-size: 12px;
	/*	background: rgb(214, 214, 214, 0);*/
	}

	.lblclientfname label
	{
		position:absolute;
		top:112px;
		left:12px;
		font-size:12px ;
		background-color:#59384d;
	}

	.inpclientfname
	{
		position:absolute;
		top:108px;
		left:72px;
		text-align:left;
		font-size:12px;
		padding:2px;
		background: rgb(214, 214, 214, 0);
	}

	.lblclientlname label
	{
		position:absolute;
		top:144px;
		left:12px;
		font-size:12px ;
		background-color:#59384d;
	}

	.inpclientlname
	{
		position:absolute;
		top:144px;
		left:72px;
		text-align:left;
		font-size:12px;
		padding:2px;
		background: rgb(214, 214, 214, 0);
	}

	.lblclientnumber label
	{
		position:absolute;
		top:176px;
		left:10px;
		font-size:12px ;
		background-color:#59384d;
	}

	.inpclientnumber
	{
		position:absolute;
		top:176px;
		left:72px;
		text-align:left;
		font-size:12px;
		padding:2px;
		background: rgb(214, 214, 214, 0);
	}

	.lblclientemail label
	{
		position:absolute;
		top:216px;
		left:10px;
		font-size:12px ;
		background-color:#59384d;
	}

	.inpclientemail
	{
		position:absolute;
		top:208px;
		left:72px;
		text-align:left;
		font-size:12px;
		padding:2px;
		background: rgb(214, 214, 214, 0);
	}

	.lblserviceselected label
	{
		position:absolute;
		top:240px;
		left:10px;
		font-size:12px ;
		background-color:#59384d;
	}

	.inpfacciaservice
	{
		position:absolute;
		top:240px;
		left:80px;
		text-align:left;
		font-size:12px;
		padding:2px;
		width:auto;
	}

	.buttonHolder input
	{
		position:absolute;
		top:280px;
		right:10px;
		text-align: center;

		width:64px;
		padding:2px;
		border-color:powderblue;
	}
}

/* CSS rules for screens less than or equal to 768px wide */
@media screen and (max-width:768px)
{
	{
		*
		{
		background-color: #DCBBAE;
		margin:0;
		padding:0;
		}
	
		body
		{
			font-family: 'Times New Roman', Times, sans-serif;
			font-size: 16px;
		}
	
		.logo img
		{
			position:absolute;
		
			width:80px;
			height:auto;
		
			top:15px;
			left:10px;
		}
			
		.slogan img
		{
			position:absolute;
			border-style:outset;
	
			width: 256px;
			height:auto;
	
			left:30%;
			top:10px;
		}
	
/*--------------------- Navigation Menu Code ------------------------*/
		.topnav
		{
			position:absolute;
	
			top:56px;
			left:128px;
		}
	
			.topnav a
		{
			position:relative;
			display:inline;
	
			box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.2);
			padding:3px 3px;
	
			text-align: center;
			text-decoration: none;
			font-size: 18px;
		}
	
		.topnav a:hover /* Change the color of links on hover */
		{                
			background-color:#fad2ca;
			color: black;
		}
	
		.topnav a.active
		{             
			background-color: #04AA6D;
			color: white;
		}
	
/* ----------- Services Box ---------------------*/
		.servicesbox
		{
			position:absolute;
	
			top:88px;
			left:64px;
	
			box-sizing: border-box;
			border-style:outset;
			border:1px solid powderblue;
			background-color:#59384d;
	
			width:184px;
			height:auto;
	
			font-size: 14px;
			text-align:center;
			color:white;
		}
	
		.servicesbox li
		{
			display: block;
	
			box-sizing: border-box;
			border: 2px solid powderblue;
			background-color:#6e5464;
			width:192px;
	
			padding:10px;
			width: 100%;
			border: none;
			outline: none;
			text-align: left;
			cursor: pointer;
	
			font-family:Times, Times New Roman, serif;
			font-size: 14px;
	
			color:white;
		}
	
		.servicesbox li:hover
		{
			background-color:#c7f5c1;
			color:blue;
			font-size: 14px;
		}
	
		#servicedescription
		{
			position:absolute;
	
			top:96px;
			left:264px;
			border:2px solid powderblue;
			box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.2);
	
			width:320px;
			height:264px;
	
	
			font-family:Times, Times New Roman, serif;
			font-size: 14px;
			color:black;
			text-align:left;
		}
	
/*------------------- Appointment Code ---------------*/
		.apptform
		{
			position:absolute;
			
			top:54%;
			left:64px;
	
			width:256px;
			height:308px;
	
			border-style:outset;
			border:2px solid powderblue;
			box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.2);
			background-color:#59384d;
			font-size: 14px;
			text-align:center;
			color:white;
		}
	
		.dateselector label
		{
			position:absolute;
			top:48px;
			left:10px;
			background-color:#59384d;
		}
	
		.dateselector input
		{
			position:absolute;
			top:48px;
			right:10px;
			font-size: 12px;
			width:auto;
		}
	
		.timeselector label
		{
			position:absolute;
			top:80px;
			left:10px;
			background-color:#59384d;
		}
	
		.timeselector select
		{
			position:absolute;
			top:80px;
			right:16px;
			width:auto;
			font-size: 12px;
		/*	background: rgb(214, 214, 214, 0);*/
		}
	
		.lblclientfname label
		{
			position:absolute;
			top:112px;
			left:12px;
			font-size:12px ;
			background-color:#59384d;
		}
	
		.inpclientfname
		{
			position:absolute;
			top:108px;
			left:72px;
			text-align:left;
			font-size:12px;
			padding:2px;
			background: rgb(214, 214, 214, 0);
		}
	
		.lblclientlname label
		{
			position:absolute;
			top:144px;
			left:12px;
			font-size:12px ;
			background-color:#59384d;
		}
	
		.inpclientlname
		{
			position:absolute;
			top:144px;
			left:72px;
			text-align:left;
			font-size:12px;
			padding:2px;
			background: rgb(214, 214, 214, 0);
		}
	
		.lblclientnumber label
		{
			position:absolute;
			top:176px;
			left:10px;
			font-size:12px ;
			background-color:#59384d;
		}
	
		.inpclientnumber
		{
			position:absolute;
			top:176px;
			left:72px;
			text-align:left;
			font-size:12px;
			padding:2px;
			background: rgb(214, 214, 214, 0);
		}
	
		.lblclientemail label
		{
			position:absolute;
			top:216px;
			left:10px;
			font-size:12px ;
			background-color:#59384d;
		}
	
		.inpclientemail
		{
			position:absolute;
			top:208px;
			left:72px;
			text-align:left;
			font-size:12px;
			padding:2px;
			background: rgb(214, 214, 214, 0);
		}
	
		.lblserviceselected label
		{
			position:absolute;
			top:240px;
			left:10px;
			font-size:12px ;
			background-color:#59384d;
		}
	
		.inpfacciaservice
		{
			position:absolute;
			top:240px;
			left:80px;
			text-align:left;
			font-size:12px;
			padding:2px;
			width:auto;
		}
	
		.buttonHolder input
		{
			position:absolute;
			top:280px;
			right:10px;
			text-align: center;
	
			width:64px;
			padding:2px;
			border-color:powderblue;
		}
}

/* CSS rules for screens less than or equal to 481px wide */
@media screen and (max-width:481px)
{
	*
	{
		background-color: #DCBBAE;
		margin:0;
		padding:0;
	}
	
	body
	{
			font-family: 'Times New Roman', Times, sans-serif;
			font-size: 16px;
	}
	
	.logo img
	{
		position:absolute;
	
		width:80px;
		height:auto;
	
		top:15px;
		left:10px;
	}
	
	.slogan img
	{
			position:absolute;
			border-style:outset;
	
			width: 256px;
			height:auto;
	
			left:30%;
			top:10px;
	}
	
/*--------------------- Navigation Menu Code ------------------------*/
	.topnav
	{
			position:absolute;
	
			top:56px;
			left:128px;
	}
	
	.topnav a
	{
			position:relative;
			display:inline;
	
			box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.2);
			padding:3px 3px;
	
			text-align: center;
			text-decoration: none;
			font-size: 18px;
	}
	
	.topnav a:hover /* Change the color of links on hover */
	{                
			background-color:#fad2ca;
			color: black;
	}
	
	.topnav a.active
	{             
			background-color: #04AA6D;
			color: white;
	}
	
/* ----------- Services Box ---------------------*/
	.servicesbox
	{
			position:absolute;
	
			top:88px;
			left:64px;
	
			box-sizing: border-box;
			border-style:outset;
			border:1px solid powderblue;
			background-color:#59384d;
	
			width:184px;
			height:auto;
	
			font-size: 14px;
			text-align:center;
			color:white;
	}
	
	.servicesbox li
	{
			display: block;
	
			box-sizing: border-box;
			border: 2px solid powderblue;
			background-color:#6e5464;
			width:192px;
	
			padding:10px;
			width: 100%;
			border: none;
			outline: none;
			text-align: left;
			cursor: pointer;
	
			font-family:Times, Times New Roman, serif;
			font-size: 14px;
	
			color:white;
	}
	
	.servicesbox li:hover
	{
			background-color:#c7f5c1;
			color:blue;
			font-size: 14px;
	}
	
	#servicedescription
	{
			position:absolute;
	
			top:96px;
			left:264px;
			border:2px solid powderblue;
			box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.2);
	
			width:320px;
			height:256px;
	
	
			font-family:Times, Times New Roman, serif;
			font-size: 14px;
			color:black;
			text-align:left;
	}
	
/*------------------- Appointment Code ---------------*/
.apptform
	{
			position:absolute;
			
			top:55%;
			left:64px;
	
			width:256px;
			height:284px;
	
			border-style:outset;
			border:2px solid powderblue;
			box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.2);
			background-color:#59384d;
			font-size: 14px;
			text-align:center;
			color:white;
	}
	
	.dateselector label
	{
			position:absolute;
			top:48px;
			left:10px;
			background-color:#59384d;
	}
	
	.dateselector input
	{
			position:absolute;
			top:48px;
			right:10px;
			font-size: 12px;
			width:auto;
	}
	
	.timeselector label
	{
			position:absolute;
			top:80px;
			left:10px;
			background-color:#59384d;
	}
	
	.timeselector select
	{
			position:absolute;
			top:80px;
			right:16px;
			width:auto;
			font-size: 12px;
/*	background: rgb(214, 214, 214, 0);*/
	}
	
	.lblclientfname label
	{
			position:absolute;
			top:112px;
			left:12px;
			font-size:12px ;
			background-color:#59384d;
	}
	
	.inpclientfname
	{
			position:absolute;
			top:108px;
			left:72px;
			text-align:left;
			font-size:12px;
			padding:2px;
			background: rgb(214, 214, 214, 0);
	}
	
	.lblclientlname label
	{
			position:absolute;
			top:134px;
			left:12px;
			font-size:12px ;
			background-color:#59384d;
	}
	
	.inpclientlname
	{
			position:absolute;
			top:130px;
			left:72px;
			text-align:left;
			font-size:12px;
			padding:2px;
			background: rgb(214, 214, 214, 0);
	}
	
	.lblclientnumber label
	{
			position:absolute;
			top:152px;
			left:10px;
			font-size:12px ;
			background-color:#59384d;
	}
	
	.inpclientnumber
	{
			position:absolute;
			top:152px;
			left:72px;
			text-align:left;
			font-size:12px;
			padding:2px;
			background: rgb(214, 214, 214, 0);
	}
	
	.lblclientemail label
	{
			position:absolute;
			top:180px;
			left:10px;
			font-size:12px ;
			background-color:#59384d;
	}
	
	.inpclientemail
	{
			position:absolute;
			top:172px;
			left:72px;
			text-align:left;
			font-size:12px;
			padding:2px;
			background: rgb(214, 214, 214, 0);
	}
	
	.lblserviceselected label
	{
			position:absolute;
			top:208px;
			left:10px;
			font-size:12px ;
			background-color:#59384d;
	}
	
	.inpfacciaservice
	{
			position:absolute;
			top:198px;
			left:78px;
			text-align:left;
			font-size:12px;
			padding:2px;
			width:auto;
	}
	
	.buttonHolder input
	{
			position:absolute;
			top:244px;
			right:104px;
			text-align: center;
	
			width:64px;
			padding:2px;
			border-color:powderblue;
	}
}