* {
	padding:							0;
	margin:								0;
	font-family:						"Titillium Web", Tahoma;
}

@media (max-width: 999px) {

	#wrapper {
		display:							block;
	}

	#photo {
		height:								70vh;
	}
	
	#content {
		padding-top:						3em;
		text-align:							center;
	}
}

@media (max-height: 640px) {
	

	#popup .wrapper {
		overflow:							auto;
	}
}

@media (max-height: 900px) {
	

	#popup .wrapper {
		background:							rgba(0,0,0,0.4);
	}
}

@media (min-width: 1000px) {

	#wrapper {
		display:							flex;
		align-items:						stretch;
		height:								100%;
	}

	#photo {
		flex-basis:							60%;
	}
	
	#content {
		display:							flex;
		align-content:						center;
		align-items:						center;
		flex:								1;
		position:							relative;
	}
}



@media (max-width: 640px) {

	#photo {
		background: url("../images/msolowiej-04.jpg")	no-repeat center 0 fixed; 
	}
}

@media (min-width: 641px) and (max-width: 1024px) {

	#photo {
		background: url("../images/msolowiej-01.jpg")	no-repeat center 0 fixed; 
	}
}

@media (min-width: 1025px) and (max-width: 1600px) {

	#photo {
		background: url("../images/msolowiej-02.jpg")	no-repeat 50% 100%; 
	}
}

@media (min-width: 1601px)  {

	#photo {
		background: url("../images/msolowiej-03.jpg") no-repeat 50% 100%; 
	}
}