body {
	font-family: 'Bellefair', serif;
	font-size: 175%;
	background-color: #fbf5ea;
}

a {
	/*padding:20px;*/
	color: black;
	font-weight:600;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.5s;
}
a:hover {
	color:grey;
	text-decoration: none;
	background-color: none;
}

p {
	text-align: justify;
}

iframe {
	/*padding-left:15px;*/
	width: 450px; 
	height: 570px;
}

@media (max-width: 450px) {
		iframe {
			padding: 0px;
			width: 300px; 
			height: 420px;
		}
	}

	@media only screen  /* iphone5s */
and (max-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
		iframe {
			padding: 0px;
			width: 170px; 
			height: 312px;
		}
	}
	
@media only screen 
/*and (min-device-width : 768px)*/
and (max-device-width : 1024px)
and (orientation : landscape) { 
		/*body {
			background-color: blue;
			}*/
		
		.left{
			float: left;
			width: 50%;
			}
		.right {
			float: right;
			width: 50%;
			}
		iframe {
			margin-top: 20%;
			width: 250px; 
			height: 250px;
			}
		header{
			margin-top: 10%;
		}
		.sm {
			padding-left: 5%;
		}
		
	
	
	
	
/*@media only screen /*iphone4*/
/*and (max-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 
		iframe {
				padding: 0px;
				width: 170px; 
				height: 170px;
			}
		}*/