.services
{
box-sizing:border-box;
width:100%;
height:1700px;
z-index:996;
background-color:#313333;
}


.wrap-services
{
box-sizing:border-box;
height:1700px;
width:1200px;
min-width:400px;
margin:50px auto;
}
	
.services-offer
{
display:flex;
justify-content:center;
align-items:center;
height:80px;
width:1140px;
margin:auto;
background-color:#313333;
}
		

.wrap-images
{
height:1500px;
width:1200px;
display:flex;
flex-wrap:wrap;
flex-direction:row;
padding-bottom:auto;
margin:0px auto;
}
			
		.wrap-services img
		{
		height:30%;
		width:100%;
		border:10px solid #313333;
		}

		
		.services-offer h2
		{
		font-size:2rem;
		color:white;
		margin:auto;
		width:1200px;
		font-family:"Trebuchet MS",sans-serif;
		background-color:orange;
		padding-left:50px;
		padding-right:50px;
		border:3px solid white;
		transform:skew(0deg);
		}


		.wrap-services h3
		{
		font-size:1.6rem;
		color:white;
		margin:auto;
		font-family:"Trebuchet MS",sans-serif;
		padding-bottom:10px;
		padding-top:10px;
		}

		.pre-description
		{
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:1rem;
		color:gray;
		font-family:"Trebuchet MS",sans-serif;
		padding:6px;
		height:40px;
		width:280px;
		background-color:white;
		border:3px solid orange;
		transform:skew(0deg);
		}
		
		.services-description
		{
		height:720px;
		width:300px;
		margin:0px auto;
		}
		
		.description
		{
		margin:10px auto;
		display:flex;
		justify-content:center;
		height:250px;
		width:100%;
		font-size:1.2rem;
		font-family:"Trebuchet MS",sans-serif;
		color:gray;
		}

		.check-price
		{
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:1.2rem;
		font-family:"Trebuchet MS",sans-serif;
		color:white;
		height:20px;
		width:260px;
		padding:20px 20px;
		background-color:orange;
		border:2px solid white;
		}

			.check-price:hover
			{
			background-color:#2b2b2a;
			}
.security-film,
.decorative-film,
.commercial,
.window-covering,	
.window-film
	{
	height:700px;
	width:340px;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction:row;
	display:flex;
	margin:28px;
	background-color:#313333;
	}

	
/*MOBILE*/
@media screen and (max-width:768px){
.services
{
box-sizing:border-box;
width:100%;
height:3800px;
background-color:#313333;
}
		
.wrap-services
{
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
flex-direction:row;
height:3800px;
width:400px;
}		

	
.wrap-images
{
height:3600px;
width:100%;
margin:0px;
background-color:#313333;
}
		
		.wrap-services img
		{
		height:100%;
		width:100%;
		border-radius:20px;
		border:2px solid #313333;
		}
	
		
		.services-offer
		{
		width:100%;
		height:80px;
		}
		
		.services-offer h2
		{
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:1.2rem;
		color:white;
		margin:0px auto;
		height:50px;
		width:100%;
		font-family:"Trebuchet MS",sans-serif;
		background-color:orange;
		padding-left:50px;
		padding-right:50px;
		border:2px solid white;
		transform:skew(0deg);
		}

		
		.wrap-services h3
		{
		font-size:1.6rem;
		color:gray;
		margin:auto;
		font-family:"Trebuchet MS",sans-serif;
		text-align:center;
		}

		.wrap-services p
		{
		font-size:1rem;
		color:gray;
		font-family:"Trebuchet MS",sans-serif;
		padding:10px;
		text-align:center;
		}


		.pre-description
		{
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:1.2rem;
		color:gray;
		font-family:"Trebuchet MS",sans-serif;
		padding:6px;
		height:40px;
		width:280px;
		background-color:white;
		border:3px solid orange;
		transform:skew(0deg);
		}
		
		.services-description
		{
		height:400px;
		width:300px;
		margin:0px auto;
		}
		
		

		.check-price
		{
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:1.2rem;
		font-family:"Trebuchet MS",sans-serif;
		height:20px;
		width:260px;
		background-color:orange;
		border:2px solid white;
		transform:translateY(-80%);
		}

			.check-price p
			{
			color:black;
			}

			.check-price p:hover
			{
			color:white;
			}

.security-film,
.decorative-film,
.commercial,
.window-covering,
.window-film
	{
	height:260px;
	width:340px;
	margin:0px auto;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction:row;
	display:flex;
	background-color:#313333;
	}

internal-links,
{
display:none;
}
	
}



/*TABLET*/
@media screen and (min-width:768px) and (max-width:1024px){
.services{
box-sizing:border-box;
width:100%;
height:2600px;
background-color:#313333;
}
		
.wrap-services
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:2500px;
width:700px;
}	

		
		.wrap-services img
		{
		height:100%;
		width:100%;
		border:5px solid #313333;
		}


		.wrap-images
		{
		height:2400px;
		width:100%;
		margin:0px;
		background-color:#313333;
		}

		.services-offer
		{
		width:100%;
		height:80px;
		}
		
	

		.services-offer h2
		{
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:1.2rem;
		color:white;
		margin:0px auto;
		height:50px;
		width:800px;
		font-family:"Trebuchet MS",sans-serif;
		background-color:orange;
		padding-left:50px;
		padding-right:50px;
		border:2px solid white;
		transform:skew(0deg);
		}

		
		.wrap-services h3
		{
		font-size:1.2rem;
		color:gray;
		margin:auto;
		font-family:"Trebuchet MS",sans-serif;
		text-align:center;
		}

		.wrap-services p
		{
		font-size:1rem;
		color:gray;
		font-family:"Trebuchet MS",sans-serif;
		padding:10px;
		text-align:center;
		}


		.pre-description
		{
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:1.2rem;
		color:gray;
		font-family:"Trebuchet MS",sans-serif;
		padding:6px;
		height:40px;
		width:100%;
		background-color:white;
		border:3px solid orange;
		transform:skew(0deg);
		}
		
		.services-description
		{
		height:720px;
		width:300px;
		margin:0px auto;
		}
		
		

		.check-price
		{
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:1.2rem;
		font-family:"Trebuchet MS",sans-serif;
		height:20px;
		width:260px;
		background-color:orange;
		border:2px solid white;
		transform:translateY(-80%);
		}

			.check-price p
			{
			color:black;
			}

		.check-price:hover
			{
			background-color:black;
			}

		.check-price p:hover
			{
			color:white;
			}
.security-film,
.decorative-film,
.commercial,
.window-covering,
.window-film
	{
	height:260px;
	width:300px;
	margin:0px auto;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction:row;
	display:flex;
	background-color:#313333;
	}

.internal-links
{
height:260px;
width:340px;
}
		
}

/*PC*/
@media screen and (min-width:1025px) and (max-width:1440px){
.services{
box-sizing:border-box;
width:100%;
height:2600px;
background-color:#313333;
}
		
.wrap-services
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:2500px;
width:700px;
}	

		
		.wrap-services img
		{
		height:100%;
		width:100%;
		border:5px solid #313333;
		}


		.wrap-images
		{
		height:2400px;
		width:100%;
		margin:0px;
		background-color:#313333;
		}

		.services-offer
		{
		width:100%;
		height:80px;
		}
		
	

		.services-offer h2
		{
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:1.2rem;
		color:white;
		margin:0px auto;
		width:1000px;
		height:50px;
		font-family:"Trebuchet MS",sans-serif;
		background-color:orange;
		padding-left:50px;
		padding-right:50px;
		border:2px solid white;
		transform:skew(0deg);
		}

		
		.wrap-services h3
		{
		font-size:1.2rem;
		color:gray;
		margin:auto;
		font-family:"Trebuchet MS",sans-serif;
		text-align:center;
		}

		.wrap-services p
		{
		font-size:1rem;
		color:gray;
		font-family:"Trebuchet MS",sans-serif;
		padding:10px;
		text-align:center;
		}


		.pre-description
		{
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:1.2rem;
		color:gray;
		font-family:"Trebuchet MS",sans-serif;
		padding:6px;
		height:40px;
		width:100%;
		background-color:white;
		border:3px solid orange;
		transform:skew(0deg);
		}
		
		.services-description
		{
		height:720px;
		width:300px;
		margin:0px auto;
		}
		
		

		.check-price
		{
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:1.2rem;
		font-family:"Trebuchet MS",sans-serif;
		height:20px;
		width:260px;
		background-color:orange;
		border:2px solid white;
		transform:translateY(-80%);
		}

			.check-price p
			{
			color:black;
			}

		.check-price:hover
			{
			background-color:black;
			}

		.check-price p:hover
			{
			color:white;
			}
.security-film,
.decorative-film,
.commercial,
.window-covering,
.window-film
	{
	height:260px;
	width:300px;
	margin:0px auto;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction:row;
	display:flex;
	background-color:#313333;
	}

.internal-links
{
height:260px;
width:340px;
}