*
{
	font-family: sans-serif;
}
body
{
	background:linear-gradient(#cddc39,#009688);

}
.row
{
	background: #ffe501;
	width: 80%;
	margin:4% auto;
	display:flex;
	flex-wrap:wrap; 
	align-items:center;


}
.col
{
	flex-basis:25%;
	text-align:center;
	overflow:hidden;
	position: relative;

}
.col img
{
    width:100%;
    height:450px;
    cursor:pointer;
	transition:1.5s;

}

.col p
{
	margin:20px 0;

}
.col:hover img
{
	transform:scale(1.1);
}
.col span
{
	width:0;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	border-right:15px solid #ffe501;
	position:absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
	z-index:2;
}
.col .arrow
{right:unset;
	left:0;
border-left: 15px solid #ffe501;
border-right:15px solid transparent;

}
@media screen and (max-width:770px)
{
	.row
	{
		width:95%;
	}
	.col
	{
	flex-basis:50%;
	font-size:14px;

		
	}
.row .col:nth-child(1)
{
	order:1;
}

.row .col:nth-child(2)
{
	order:2;
}

.row .col:nth-child(3)
{
	order:5;
}

.row .col:nth-child(4)
{
	order:6;
}

.row .col:nth-child(5)
{
	order:3;
}

.row .col:nth-child(6)
{
	order:4;
}

.row .col:nth-child(7)
{
	order:7;
}

.row .col:nth-child(8)
{
	order:8;
}
.row .col:nth-child(9)
{
	order:9;
}

.row .col:nth-child(10)
{
	order:10;
}

.row .col:nth-child(11)
{
	order:13;
}

.row .col:nth-child(12)
{
	order:14;
}

.row .col:nth-child(13)
{
	order:11;
}

.row .col:nth-child(14)
{
	order:12;
}

.row .col:nth-child(15)
{
	order:15;
}

.row .col:nth-child(16)
{
	order:16;
}
.row .col:nth-child(17)
{
	order:17;
}

.row .col:nth-child(18)
{
	order:18;
}

.row .col:nth-child(19)
{
	order:21;
}

.row .col:nth-child(20)
{
	order:22;
}

.row .col:nth-child(21)
{
	order:19;
}

.row .col:nth-child(22)
{
	order:20;
}

.row .col:nth-child(23)
{
	order:23;
}

.row .col:nth-child(24)
{
	order:24;
}
.row .col:nth-child(25)
{
	order:25;
}

.row .col:nth-child(26)
{
	order:26;
}

.row .col:nth-child(27)
{
	order:29;
}

.row .col:nth-child(28)
{
	order:30;
}

.row .col:nth-child(29)
{
	order:27;
}

.row .col:nth-child(30)
{
	order:28;
}

.row .col:nth-child(31)
{
	order:31;
}

.row .col:nth-child(32)
{
	order:32;
}
.row .col:nth-child(33)
{
	order:33;
}

.row .col:nth-child(34)
{
	order:34;
}

.row .col:nth-child(35)
{
	order:37;
}

.row .col:nth-child(36)
{
	order:38;
}

.row .col:nth-child(37)
{
	order:35;
}

.row .col:nth-child(38)
{
	order:35;
}

.row .col:nth-child(39)
{
	order:39;
}

.row .col:nth-child(40)
{
	order:40;
}
.row .col:nth-child(41)
{
	order:41;
}

.row .col:nth-child(42)
{
	order:42;
}

.row .col:nth-child(43)
{
	order:45;
}

.row .col:nth-child(44)
{
	order:46;
}

.row .col:nth-child(45)
{
	order:43;
}

.row .col:nth-child(46)
{
	order:44;
}

.row .col:nth-child(47)
{
	order:47;
}

.row .col:nth-child(48)
{
	order:48;
}

}