@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 600px) {
  
	body .wrapper {width: 100%;}
	body .wrapper .postcard {align-items: flex-start;justify-content: left;
    flex-wrap: wrap;}	
	
	.postcard .sz3 {width: 96%; height:200px; order: 1;margin-top: 8px;}
	.postcard .sz2 {width: 46%; height:200px;margin-top: 8px;}
	.postcard .szb {width: 46%; height:200px;margin-top: 8px;}
	.postcard .sz1 {width: 100%; height:95px;}
	
	#fade {
    height: 100%;
	width: 100%;
    display: flex;
    justify-content: flex-start;
	flex-direction: column;
	top: 0px;
	left: 0px;
	margin-left: 0px;	
    }
	
	#fade .clicked-image {
    width: 100%;
    height: 320px;
	}
	
}