#wrap {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	display:flex;
	flex-wrap: wrap;
}
.coli{
	margin:5px;
	width:100px;
	height:100px;
	text-align:center;
	background: lightgreen;
	padding-left:15px;
	padding-right:15px;
	padding-top:25px;
	border-bottom-right-radius:40%;
    border-bottom-left-radius:40%;
    border-top-left-radius:40%;
}

a {
    text-decoration:none;
    font-size: 1.6em;
    font-weight: 600;
    color: #000;
}

p {
    font-weight: 600;
    color: #000;
}

.cowhite {
    color: white;
}

.coy {
    color:#f1c40f;
}

.bgself {
    background:  #85c1e9 ;
}

.bgo2 {
    background: #3f51b5;
}

.bggoo {
    background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
}

.bgweb {
     background:#ffeb3b;
}

.you {
     background:#FF3333;
}

.ines {
     background:#1976d2;
}

.spon {
     background:#c62828;
}

.colors {
     background-image: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet);
}

.brack {
     background:#fff;
}

.todo {
    background-image: linear-gradient(to top, red, orange, yellow, green, blue, indigo, violet);
}

.herm {
     background:#29b6f6;
}

.ult {
     background:#000;
}