@charset "utf-8";


footer{ padding: 70px 0; background-color: #2E3744; }

h2{ font-size: 50px; text-align: center;}

#item1 h3{color: #297AE3;}
#item3 h3{color: #297AE3;}

.grid_container{ margin: 60px auto; width: 1500px; display: grid; grid-template-columns:1fr 1fr; grid-template-rows: auto auto; gap: 15px; grid-template-areas: "item1 item3"; max-width: 90%; }

.grid_item{ background-color: #15171C; justify-content: center; align-items: center; padding: 50px; gap: 50px;}

.grid_item img{height: 150px; width: 150px;}

#item1{grid-area: item1;}


#item3{grid-area: item3;}   

.copy{text-align: end;}



@media(max-width: 1300px){
	
	.grid_container{ grid-template-columns:1fr 1fr ; grid-template-rows: 300px 300px; grid-template-areas: "item1 item3"; }
}

@media(max-width: 900px){
	
	.grid_container{ grid-template-columns:1fr 1fr ; grid-template-rows: auto auto; grid-template-areas: "item1 item3"; }
}

@media(max-width: 650px){
	footer h2{font-size: 9vw;}
	.grid-item{ padding: 20px;}
	.grid-item img{ height: 100px; width: 100px;}
	.grid_item h3{font-size: 24px;}
	
}

/*
flex-direction: column; justify-content: flex-start; align-items: flex-start;