@charset "UTF-8";
/* CSS Document */

#slideshow { 
    position: relative; 
    width: 100%; 
	text-align: center;
	display: table;
}

#slideshow > div { 
    position: absolute;
	width: 100%;
    margin: 0 auto; 
	display: table-cell;
	vertical-align: middle;
}

#wide_img1{
	width:100%;
	background:url(../images/palette_in_use.jpg) no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-position: center;
}

#reg_img1{		
	background:url(../images/doctor.jpg) no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-position: center;
}

#reg_img2{		
	width: 100%;
	background:url(../images/fitbit.jpg) no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-position: center;
}

#reg_img3{		
	width: 100%;
	background:url(../images/bike.jpg) no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-position: center;
}

#reg_img4{		
	width: 100%;
	background:url(../images/restaurant.jpg) no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-position: center;
}

#work_img1{		
	width: 100%;
	background:url(../images/forest.jpg) no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-position: center;
}

#work_img2{		
	width: 100%;
	background:url(../images/restaurant_certificate.jpg) no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-position: center;
}

.ss_animated{}
.ss_animated_container{
	vertical-align: middle; 
	display: table-cell;
	text-align: center;
	background-color: #E8E8E8;
}

@media screen and (min-width:1149px){
	.phone_ss{
		height: 800px;
		width: auto;
	}
	.ss_animated{
		height: 600px;
		width: auto;
	}
	#slideshow{
		height: 800px;
	}
	#wide_img1{
		height: 400px;
	}
	#reg_img1{
		height: 400px;
		width: 50%;
	}
	#reg_img2{
		height: 400px;
		width: 50%
	}
	#reg_img3{
		height: 400px;
		width: 50%
	}
	#reg_img4{
		height: 400px;
		width: 50%
	}
	#work_img1{
		height: 400px;
		width: 50%
	}
	#work_img2{
		height: 400px;
		width: 50%
	}
}

@media screen and (max-width:1149px) and (min-width:900px){
	.phone_ss{
		height: 600px;
		width: auto;
	}
	.ss_animated{
		height: 450px;
		width: auto;
	}
	#slideshow{
		height: 500px;
	}
	#wide_img1{
		height: 300px;
	}
	#reg_img1{
		height: 350px;
		width: 50%;
	}
	#reg_img2{
		height: 350px;
		width: 50%
	}
	#reg_img3{
		height: 350px;
		width: 50%;
	}
	#reg_img4{
		height: 350px;
		width: 50%
	}
	#work_img1{
		height: 350px;
		width: 50%;
	}
	#work_img2{
		height: 350px;
		width: 50%
	}
}

@media screen and (max-width:900px){
	.phone_ss{
		height: 500px;
		width: auto;
	}
	.ss_animated{
		height: 400px;
		width: auto;
	}
	#slideshow{
		height: 500px;
	}
	#wide_img1{
		height: 250px;
	}
	#reg_img1{
		height: 300px;
		width: 100%;
	}
	
	#reg_img2{
		height: 300px;
		width: 100%
	}
	#reg_img3{
		height: 300px;
		width: 100%;
	}
	
	#reg_img4{
		height: 300px;
		width: 100%
	}
	#work_img1{
		height: 300px;
		width: 100%;
	}
	
	#work_img2{
		height: 300px;
		width: 100%
	}
}