body {
	text-align: center;
	font-family: 'Bree Serif', serif;
	background: #000;
	color: #fff;
}

.logo-image {
	  -webkit-border-radius: 5%; 
	  -moz-border-radius: 5%; 
	  border-radius: 5%; 
}

header {
	margin-bottom: 1em;
	overflow: auto;
 	zoom: 1;
}

img {
	width: 100%;
}


@media (min-width: 640px ) {


	.logo {
		width: 20%;
		float: left;
		position: relative;
	height: 300px;
	}
#logo {

		 position: absolute;
  top: 50%;
	left: 0;
  transform: translateY(-50%);
}
	.title {
		width: 80%;
		float: right;
		text-align: left;
		padding-left: 2em;
		box-sizing: border-box;
		position: relative;
		height: 300px;
	}

	.title-content {
		 position: absolute;
  top: 50%;
  transform: translateY(-50%);
	}


}