*{
				box-sizing: border-box;
			}
		
		body{ 
		margin:0;
		padding:0;
		}
		
		.content{
		display:flex;
		margin-top: 50px;
		padding: 10px;
		width: auto;
		height:auto;
		//flex-wrap:wrap;
		flex-direction: column;
		justify-content: center;
		}
	
		.color1 {background-color: #675BA7;}
		.color2 {background-color: green;}
		.color3 {background-color: #A62E5C;}
		.color4 {background-color: rgb(10, 172, 158);}
		.color5 {background-color: #F15B2A;}
		.color6 {background-color: black;}
		.color7 {background-color: rgb(69, 110, 4);}
		.color8 {background-color: rgb(206, 8, 41);}
		.color9 {background-color: rgb(18, 13, 63);}
		.color10 {background-color: rgb(110, 33, 7);}
		.color11{background-color: rgba(122, 120, 124, 0.973);}
		.color6  * {color:yellow;}
		.color3 * {color:black;}
	
	.container {
	display: flex;
	
	width: auto;
	height:auto;
	flex-wrap:wrap;
	flex-direction: row;
	padding-top:0em;
	justify-content: center;
	
	}
	.container a {
		text-decoration: none;
		
		font-size: 2vw;
		
		font-weight: bold;	
	}
	a h2, h5, h6, p {margin: 0;}

.flex-item {
	display: table-cell; 
	vertical-align: top;

	width:47%;
	height: 4em;
	text-align:center;
	
	color: white;
	opacity: 0.7;
	border-radius:0.8em;
	margin:1%;
	
	}
	.flex-item:hover {
	opacity:1;
	
	color:black;
	}


		.item1 {
		background-color: #455a64; flex-basis: auto; width:auto;
		border: solid 0.25em #000;
		}
		.item2 {
		margin-top:10px;
		background-color: #607d8b; flex-basis: auto; width:auto;
		border: solid 0.25em #000;
		}
	
@media screen and (min-width: 600px) {
		
		.container {
		background-color:khaki;
		
	}
	.container a {
		font-size: 2vw;
	}

		.flex-item {
		
		height: 6em;
		width: 23%
	
		}
		
		.content {
		flex-direction: row;
		justify-content: space-between;
		color:rgba(40, 12, 66, 0.74);
		}
		
		.item1 {background-color: DarkKhaki; flex-grow:2;}
		.item2 {
		width:25%;
		margin-top:0px;
		margin-left:5px;
		background-color: rgb(42, 100, 42); flex-grow:1;}
		.content a:link    {color:Darkred; text-decoration:none}
		.content a:visited {color:rgb(21, 39, 39); text-decoration:none}
		}