@media screen and (min-width: 320px) {
	.col{
		margin: 0;
	}
	.col:first-child{
		background: #fcfcfc;
	}
	main .left{
		display: flex;
		justify-content: space-between;
		background: #fcfcfc;
		padding: 1rem 1rem 1.5rem 1rem;
	}
	main .left section{
		width: 28%;
		text-align: center;
	}
	main .left img{
		width: 100%;
	}
	main .left section p{
		text-align: center;
	}
	main .left section p:first-child{
		background: #3f3f3f;
		color: white;
	}
	main .right{
		display: flex;
		flex-flow: column wrap;
		height: 28rem;
		align-content: space-between;
		padding: 0 1rem;
	}
	.right .break{
		content: "";
		flex-basis: 100%;
		width: 0;
		margin: 0;
		padding: 0;
	}
	main .right .row-1{
		width: 22%;
		margin-bottom: .7rem;
	}
	.right img{
		width: 100%;
	}
}
@media screen and (min-width: 800px) {
	.col-1{
		background: #fcfcfc;
	}
	main .left section{
		width: 16%;
	}
	main .left{
		padding: 2rem 0;
		margin-bottom: 2rem;
	}
	main .right{
		height: 85rem;
		padding: 0;
	}
	main .right .row-1{
		width: 23%;
		margin-bottom: 1rem;
	}
}