@media screen and (max-width: 767px) and (max-width: 767px)
												
		{
			body
				{
					background-color:white;
				}
			.slider2{display:none;}
			.slider3{display:none;}
			.mediumslider{display:none;}
			.mediumslider3{display:none;}
			
			.smallslider2
				{
					   width:360px; 
					   padding:2%;
					   height:550px;  
					   margin-left:auto;
					   margin-right:auto;
					   position:relative;
					   margin-bottom:10%;
				}
			.smallslider2 p 
				{
					  border:2px solid gray;
					  border-style:inset;
					  font-style:normal;
					  padding:5px;
					  font-size:1em;
					  color:black;
					  margin-top:1%;
					  line-height:1.5em;
					  max-height:340px;
					  max-width:360px;
					  margin-left:30px;
					  background: rgba(221, 221, 221, 0.8); /* this is a workaround to make the background image appear opaque. */
				}

			.smallslider3
				{
					   width:360px; 
					   padding:2%;
					   height:400px;  
					   margin-left:auto;
					   margin-right:auto;
					   margin-top:12%;
					   position:relative;
					   margin-bottom:60px;
				}
			.smallslider3 img
				{
					height:300px;
					margin-top:2%;
				}
			.smallslider2 .slick-prev:before
				{
					content: '→';
					background-color: white; 
					color:black;
					border-radius:50%;
					margin-left:410px; 
				}
			.smallslider2 .slick-next:before
				{
					content: '←'; 
					background-color: white; 
					color:black;
					border-radius:50%; 
					margin-left:-20px;
				}
			.slick-prev:before
				{
					content: '→';
					background-color: white; 
					color:black;
					border-radius:50%;
					margin-left:400px; 
				}
			.slick-next:before
				{
					content: '←'; 
					background-color: white; 
					color:black;
					border-radius:50%; 
					margin-left:-50px;
								   
				}
			.slick-dots
				{
					position: relative;
					
					display: block;
					width: 100%;
					padding: 0;
					margin: 0;
					list-style: none;
					text-align: center;
					margin-bottom:30%;
				}
		}

					@media screen and (min-width: 768px) and (max-width:1175px)
						
						{
							
							.mediumslider
								{
									   width:80%; 
									   padding:2%;
									   height:480px;  
									  /*background-color:#c9d9d5;*/
									   margin-left:auto;
									   margin-right:auto;
									   position:relative;
									   margin-top:18%;
									   margin-bottom:10%;
									   background-image: url("images/piggybank.jpg");
										font-size:.9em;
								}
							.mediumslider3
								{
									   width:900px; 
									   padding:2%;
									   height:400px;  
									  /*background-color:#c9d9d5;*/
									   margin-left:4%;
									   position:relative;
									   margin-top:5%;
									   margin-bottom:10%;
									   background-image: url("images/sliderbackground.jpg");
				 
								}
							.mediumslider p 
								{
									  border:2px solid gray;
									  border-style:inset;
									  font-style:normal;
									  padding:5px;
									  font-size:1.2em;
									  color:black;
									  line-height:1.7em;
									  max-height:320px;
									  margin-left:20px;
									   background: rgba(221, 221, 221, 0.8); /* this is a workaround to make the background image appear opaque. */
								}
							.mediumslider img 
								{ 
									height:300px; 
									width:320px;
									border-style:inset;
									border:3px solid gray;
									margin:5px;
									margin-top:35px;
								}	
							.mediumslider3 img 
								{ 
									height:230px; 
									width:280px;
									border-style:inset;
									border:3px solid gray;
									margin:5px;
									margin-top:35px;
								}	
							 .slick-prev:before
								{
									content: '←';
									background-color: white; 
									color:black;
									border-radius:50%;
									margin-left:23px; 
								}
							.slick-prev:before
								{
									content: '→';
									background-color: white; 
									color:black;
									border-radius:50%;
									margin-left:1089px; 
								}
							.slick-next:before
								{
									content: '←'; 
									background-color: white; 
									color:black;
									border-radius:50%; 
									margin-left:-39px;
								}
							 .mediumslider .slick-prev:before
								{
									content: '→';
									background-color: white; 
									color:black;
									border-radius:50%;
									margin-left:903px; 
									z-index:2;
								}
							 .mediumslider .slick-next:before
								{
								   content: '←'; 
								   background-color: white; 
								   color:black;
								   border-radius:50%; 
								   margin-left:1px;
								}
							 .mediumslider3 .slick-prev:before
								{
									content: '→';
									background-color: white; 
									color:black;
									border-radius:50%;
									margin-left:900px; 
									z-index:2;
								}
							.mediumslider3 .slick-next:before
								{
								   content: '←'; 
								   background-color: white; 
								   color:black;
								   border-radius:50%; 
								   margin-left:-25px;
								}
							.slick-dots
								{
									position: absolute;
									bottom: 8px;
									display: block;
									width: 100%;
									padding: 0;
									margin: 0;
									list-style: none;
									text-align: center;
								}
							.slider2 {display:none;}
							.smallslider2 {display:none;}
							.slider3 {display:none;}
							.smallslider3{display:none;}
							
							
						
						}

				
							
				



@media screen and (min-width: 1176px) 
	{

	
		.smallslider2
			{
				display:none;
			}
		.mediumslider 
			{
				display:none;
			}
		.mediumslider3
			{
				display:none;
			}
		.smallslider3{display:none;}
		.slider2
			{
			   width:1100px; 
			   padding:2%;
			   height:480px;  
			   z-index:.9;
			   margin-left:auto;
			   margin-right:auto;
			   position:relative;
			   margin-top:15%;
			   margin-bottom:8%;
			   background-image: url("images/piggybank.jpg");
			   border-right:3px solid darkgray;
			   border-bottom:3px solid darkgray;
			   border-top:1px solid darkgray;
			   border-left:1px solid darkgray;
			   border-bottom-style:outset;
			   border-right-style:outset;
			   opacity:.8;
			   background-color:lightgray;
				
			}
		
		.slider2 img 
			{
				height:280px;  
				/*width:350px;*/
				border-style:inset;
				border:3px solid black;
				margin:10px; 
				z-index:1;
			}	
		 .slider2 p 
			{
				font-family: "Funnel Sans", sans-serif;
				  font-style:normal;
				  padding:7px;
				  font-size:1.15em;
				  color:black;
				  line-height:1.7em;
				  max-height:320px;  
				  margin-left:20px;
				 background: rgba(221, 221, 221, 0.8); /* this is a workaround to make the background image appear opaque. */
				  
			}

		  .slider3
			{ 
			   padding-right:35px;
			   padding-left:35px;
			   width:1088px; 
			   height:500px;  
			   z-index:.9;
			   margin-left:auto;
			   margin-right:auto;
			   position:relative;
			   margin-top:-12%;
			   margin-bottom:5%;
			   background-image: url("images/sliderbackground.jpg");
			}
		
		.slider3 img 
			{
				height:200px;  
				width:300px;
				border-style:inset;
				margin-top:.5%;
				z-index:1;
			}	
		.slick-center 
			{
			  display: block;
			  opacity: 1;
			  transform:scale(1.4,1.5);
			  margin: 40px 70px 40px 70px; 
			 }
		.slick-center img
			{
				width:370px;
				height:271px;
				margin:10px; 
				opacity:1; margin:20%;
			}
		 .slick-prev:before
			{
				content: '→';
				background-color: white; 
				color:black;
				border-radius:50%;
				margin-left:1089px; 
			}
		.slick-next:before
			{
				content: '←'; 
				background-color: white; 
				color:black;
				border-radius:50%; 
				margin-left:-39px;
								   
			}
		.slick-dots
			{
				position: absolute;
				bottom: 8px;
				display: block;
				width: 100%;
				padding: 0;
				margin: 0;
				list-style: none;
				text-align: center;
			}
	
	}