@media screen and (min-width:36em) {

body{
	font-size:1em;}
	/*
	.card__media--portrait{
		height:200px}
	.card__picture--portrait{
		height:200px}
	*/
	.footer{
		position:absolute;
		width:50px;
		display:block;
		top:310px}	

	.header{
		position:relative;
		width:50px;
		height:300px;
		display:inline-block;
		vertical-align:top}
		
	.info__title{
		margin-right:1em;
		display:inline-block;
		vertical-align:top}
	.info__description{
		display:inline-block;
		vertical-align:top;
		width:30em}

				
	.main{
		width:calc(100% - 50px);
		display:inline-block;}

	.masthead{
    	margin-top:0.5em;
   	}
	.masthead__author{
		display:inline-block}
   	
   	.menu__item{
   		display:inline-block}
}