body {
	background-color: "#5E0C8B";
	color: "#000000";
	font-family: "Arial";
}

img{
	
	max-width: 100%;
    height: auto;
}

.center > div{
	text-align: center;
}

.TitleIimage{
	margin-top: 3%;
}

.middle{
	height: 100%;
	margin: auto;
}
.polaroid > img{
	border: 1px solid #ccc;
}

.iframecontainer{
	float: left;
	height: 100%;
	width: 49%;
}

.iframecontainermiddle{
	float: left;
	height: 100%;
	width: 2%;
}

.polaroid {
	padding: 2%;
	float: right;
	width: 80%;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom: 25px;
}

.container {
	text-align: center;
	padding: 10px 20px;
}

.info{
	width: 10%;
}

.abc{
	padding: 15px;
	border: 1px solid #ccc;
}