body{

	font-family: 'Lexend Deca', 'Big Shoulders Display', sans-serif ;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	background: hsl(0, 0%, 95%);

}


.main{

	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 200px auto;
	border-radius: 30px;
	width: 800px;
	border-radius: 15px;
	overflow: hidden;

	
}


.container-one{

	background-color: hsl(31, 77%, 52%);
	color: hsla(0, 0%, 100%, 0.75);
	padding: 50px;
	background-image: url(../img/icon-sedans.svg);
	background-repeat:no-repeat;
	background-position-x: 25%;
	background-position-y: 5%;
	
	
}

.container-two{

	background-color: hsl(184, 100%, 22%);
	color: hsla(0, 0%, 100%, 0.75);
	padding: 50px;
	background-image: url(../img/icon-suvs.svg);
	background-repeat:no-repeat;
	background-position-x: 25%;
	background-position-y: 5%;
	
}

.container-three{

	background-color: hsl(179, 100%, 13%);
	color: hsla(0, 0%, 100%, 0.75);
	padding: 50px;
	background-image: url(../img/icon-luxury.svg);
	background-repeat:no-repeat;
	background-position-x: 25%;
	background-position-y: 5%;
	
	
}

h1{
	text-transform: uppercase;
	font-family: 'Big Shoulders Display';
	padding-top:10px ;

}

p{
	font-family: 'Lexend Deca';
	font-size: 15px;
	margin: auto;
	font-weight: 400;
	padding: 10px;
}

.click {

	background-color: hsla(0, 0%, 100%, 0.75);
	padding: 10px 20px;
	margin-top: 70px;
	border-radius: 20px;
	text-align: center;
	text-decoration: none;

}

.click a{

	
	text-align: center;
	text-decoration: none;
	font-family: 'Lexend Deca';
	
}

.container-one a{
	color:hsl(31, 77%, 52%) ;
}
.container-two a{
	color: hsl(184, 100%, 22%);
}
.container-three a{
	color: hsl(179, 100%, 13%);
}


.container-one:nth-of-type(1){
	grid-column: 1/2;
	grid-row: 1;
}

.container-two:nth-of-type(2){

	grid-column: 2/3;
	grid-row: 1;
}
.container-three:nth-of-type(3){

	grid-column: 3/4;
	grid-row: 1;
}


@media(max-width: 600px){.main{grid-template-columns: 1fr;
	width: 80%;

}



.container-one:nth-of-type(1){
	grid-column: 1;
	grid-row: 1;
}

.container-two:nth-of-type(2){

	grid-column: 1;
	grid-row: 2;
}
.container-three:nth-of-type(3){

	grid-column: 1;
	grid-row: 3;
}
}