#Glasswasher_makes_repair_background_container {


	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 100%;
	
	height: 1600px;
	width: 100%;
	
	background-color: white;
	margin-top: 0.5%;
	
	margin-left: auto;
	margin-right: auto;
	max-width: 2150px;
	font-family: 'Open Sans', sans-serif;

	margin-top: 50px;
		
		
	}


#Glasswasher_makes_repair_article_container {
	    
    grid-column: 1;
    grid-row: 1;
	display: grid;

	grid-template-columns: 50% 50%;
	grid-template-rows: 25% 25% 25% 25%;
	grid-gap: 2%;
	
	margin-left: 5%;
	margin-right: 5%;
	height: 100%;

	background-color: white;


}

.boxdesign {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 15% 58% 27%;

	height: 100%;
	width: 100%;

	background-color: white;
	border-top: 2px ridge #80808073;
}



#box1 {
	grid-column: 1;
	grid-row: 1;

}

#box2 {
	grid-column: 2;
	grid-row: 2;
	
}

#box3 {
	grid-column: 1;
	grid-row: 3;
	
}

#box4 {
	grid-column: 2;
	grid-row: 4;
	
}

#Glasswasher_makes_repair_article_container h3 {
	grid-row: 1;
	grid-column: 1;
	text-align: center;
	letter-spacing: 5px;
	color: #7FCCF7;
	margin-top: 2%;
}

#Glasswasher_makes_repair_article_container p {
	grid-column: 1;
	grid-row: 2;
	text-align: center;
	letter-spacing: 1px;
	line-height: 21px;
	font-size: 15px;
	color: #414141;
}

#Glasswasher_makes_repair_article_container button {
	display: block;
	margin-right: auto;
	margin-left: auto;

	height: 50px;
	width: 250px;
	color: white;
	background-image: linear-gradient(to right, #7fccf7 , #465e6b);
	border: 1px solid #7fccf7;
	font-size: 17px;
}

#Glasswasher_makes_repair_article_container button:hover {
	cursor: pointer;
}


@media screen and (max-width: 1671px) {
	#Glasswasher_makes_repair_article_container {
	    
	    grid-column: 1;
	    grid-row: 1;
		display: grid;

		grid-template-columns: 48% 48%;
		grid-template-rows: 23% 23% 23% 23%;
		grid-gap: 2%;
		
		margin-left: 0.2%;
		margin-right: 0.2%;
		height: 100%;

		background-color: white;


	}

}

@media screen and (max-width: 1022px) {
	.boxdesign p {
		margin-top: 20px;
	}

}

@media screen and (max-width: 809px) {
	#Glasswasher_makes_repair_background_container {
		
		height: 1600px;
		width: 100%;
		

		margin-top: 50px;
		
		
	}


	#Glasswasher_makes_repair_article_container {
		    
	    grid-column: 1;
	    grid-row: 1;
		display: grid;

		grid-template-columns: 100%;
		grid-template-rows: 25% 25% 25% 25%;
		grid-gap: 2%;
		
		margin-left: 0.1%;
		margin-right: 0.1%;


	}

	#box1 {
	grid-column: 1;
	grid-row: 1;

	}

	#box2 {
		grid-column: 1;
		grid-row: 2;
		
	}

	#box3 {
		grid-column: 1;
		grid-row: 3;
		
	}

	#box4 {
		grid-column: 1;
		grid-row: 4;
		
	}
	
	#Glasswasher_makes_repair_article_container button {
	    margin-top: 7%;
    
    }

}

@media screen and (max-width: 279px) {
	#Glasswasher_makes_repair_article_container h3 {
		font-size: 17px;
		letter-spacing: 1px;

	}

	#Glasswasher_makes_repair_article_container p {
		letter-spacing: 1px;
		line-height: 19px;
		font-size: 13px;
	}

}
@media screen and (max-width: 252px) {
	#Glasswasher_makes_repair_article_container button {
		display: block;
		margin-right: auto;
		margin-left: auto;

		height: 50px;
		width: 220px;
		font-size: 15px;
	}

}

@media screen and (max-width: 217px) {
	#Glasswasher_makes_repair_article_container button {
		display: block;
		margin-right: auto;
		margin-left: auto;

		height: 50px;
		width: 180px;
		font-size: 13px;
	}

}

@media screen and (max-width: 181px) {
	#Glasswasher_makes_repair_article_container button {
		display: block;
		margin-right: auto;
		margin-left: auto;

		height: 40px;
		width: 130px;
		font-size: 10px;
		margin-top: 60px;
	}

}