#main{
    	margin: 7.1em 0px 0px 0px !important;
	}

	#dummy{
		margin: 60px;
		height: 10px;
	}
	.contentContainer{
		padding: 0em;
		width: 100%;
		overflow:auto;
		margin-bottom: 2em;
    	overflow:hidden;
		font-size: 16px;
	}

	.magazineContent{
		padding: 0px !importants;
		margin-bottom: 2em;
	}

	.magazineContent iframe{
		width: 100%;
		height: 950px;
	}
	
	.author {
		margin:1em;
	}
	
	.flipbook-viewport .shadow{
		-webkit-transition: -webkit-box-shadow 0.5s;
		-moz-transition: -moz-box-shadow 0.5s;
		-o-transition: -webkit-box-shadow 0.5s;
		-ms-transition: -ms-box-shadow 0.5s;

		-webkit-box-shadow:0 0 20px #ccc;
		-moz-box-shadow:0 0 20px #ccc;
		-o-box-shadow:0 0 20px #ccc;
		-ms-box-shadow:0 0 20px #ccc;
		box-shadow:0 0 20px #ccc;
	}
	
	.content {
		width: 100%;
	}
	
	.content .page{
		width: 15%;
	}
		
 	.leftContainer{
 		width: 70%;
 		display: inline-block;
 		float:left;
 	}

 	.rightContainer{
 		width: 29%;
 		float:right;
 		display: inline-block;
 	}

 	.reserved{
		background-color: #ccc;
		width: 100%; 
		height: 148px;
	}

	.photo_grid{
	    display: inline-block;
	    padding-left: 1.8em;
	    padding-bottom: 1em;

	}

	.photo_grid > a:hover > div{
	    background-color: #e0e2df;
	}

	.album{
	    border: 1px solid black;
	    padding: 8px;

	    box-shadow: 5px 5px 3px rgba(173, 168, 168, 0.36);
	}
	.album_desc{
	    text-align: center;
		padding-top: 10px;
	}

	.listview{
	    padding: 1em;
	    display: inline-block;
	    width: 100%;
	    border-left: 0px solid black;
	}

	.listview > ul {
	    list-style:none;
	    margin: 0px;

	}

	.page-wrapper{
		background-color: #fff;
	}

	.flipbook {
		margin: 0px !important;
	}

	.description{
		margin-bottom: 10px;
	}
	
	h1{
		letter-spacing: 0em !important;
		margin: 0px !important;
		padding: 0.6em 0px !important;
	}

	.photo_grid{
		width: calc(100%/3.1);
		display: inline-block;
		/* padding-left: 1.8em; */
		/* padding-bottom: 1em; */
		/* width: 100%; */
	}
	
	@media screen and (max-width: 980px) {
		#main {
			margin: 0px !important;
		}
		.sidemenu{
			display: none;
		}
		.content{
			width: 100%;
		}
		.listview{
			width: 100%;
		}
		.content ul{
			padding-left: 0em;
		}
		.listview{
			width: 100%;
		}
		.album{
			width: 100% !important;
		}

		.album img{
			width:100% !important;
		}

		.photo_grid {
			padding-left: 0em;
			width: calc(100% / 3.03) !important;
		}
	}

	h2, h3, h4, h5, h6 {
		letter-spacing: 0em !important;
		margin: 0px ;
	}


	@media screen and (max-width: 736px) {
		#main {
			padding: 0em !important;
		}
		.photo_grid {
			padding-left: 0em;
			width: 100% !important;
		}
	}