* {
	box-sizing: border-box;
	background: #F7DD7D;
}





body{
	padding: 2.5%;
	margin: 0;
}

.content {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	font-size: calc(14px + 1vh);
	width: 100%;
}

.content > div {
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 1;
}

#leftDiv{
	
}
#rightDiv{
	flex-basis: auto;
	flex-grow: 2;
	flex-shrink: 1;
}


.logo_wrapper {
	width: 250px;
}

.logo_wrapper > img {
	width: 100%;
}


.back_arrow {
	
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 1;
	
 	position: absolute;
	transform: rotate(180deg);
    width: 60px;
    height: 40px;
	
	bottom: 25px;
	right: 25px;
}
.back_arrow > a > img {
	
	height: 100%;
}


@media only screen and (max-width: 640px) {
	.content {
		display: flex;
		flex-flow: column;
		font-size: 3.6vmax;
		justify-content: center;
	}
	
	.back_arrow {
		position: relative;
		transform: rotate(180deg);
		width: 50px;
		height: 30px;
		
		bottom: 0;
		right: 0px;
		
		align-self: flex-end;
	}
	
}

@media only screen and (max-width: 440px) {
	body {
		margin: 0;
		padding: 3.5%;
	}
	
	.content {
		font-size: 3.4vh;
	}
	
	
}

@media only screen and (max-width: 319px) {
	
	body {
		padding: 1.5%;
		margin: 0;
	}
}

@media only screen and (min-width: 641px) and (max-height: 550px) {
	@media (min-aspect-ratio: 800/430) {
		body {
			margin: 0;
			padding-top: 1%;
			padding-bottom: 0;
		}
		
		.logo_wrapper {
			padding-top: 2%;
		}
		
		p {
			margin: 0;
			padding: 0;
		}
		
		
	}
}