html, body{
	height: 100%;
}

body {
    background-color: black;
    display:flex;
    justify-content: center;
    align-items: center;

}
.links {
	display: flex;

}   
p {
	color:red;
}

.wrapper {
	width:100%;
	max-width: 1200px;
	display: flex;
}

.flex:first-child {
	max-width: 30em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.flex {
	flex:1;
}

img {
	width:100%;
}


@media screen and (max-width:1000px) {
	.wrapper {
		flex-direction: column;
	}
}

/*
a{

	flex:1;
	margin: 0 1em;
	padding: 1em 1.5em;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}*/