*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
.navbar{
	background-color:black;
	height:175px;
	width: 100%;
}
.logo img{
	width:215px;
	float:left;
}

.col-3{
	flex-basis:25%;
	min-width: 250px;
	padding:5px;
}

.col-3 img{
	width:50%;
}

@media screen and (max-width: 768px){
	.row{
	display: grid;
	grid-template-columns: repeat(2,minmax(300px,1fr));
}
}
@media screen and (min-width: 768px){
	.row{
	display: grid;
	grid-template-columns: repeat(2,minmax(300px,1fr));
}
}
@media screen and (min-width: 1200px){
	.row{
	display: grid;
	grid-template-columns: repeat(4,minmax(300px,1fr));
}
}

.right {
	display: flex;
	align-items: center;
  }