/* Basic script */



/* Flipbook Setup  */


.flipbook-viewport{
	overflow:hidden;
	width:100%;
	height:340px;
}

.flipbook-viewport .container{
    position:relative;
    top:10px;
	left:40%;    
	margin:auto;
}

/*.flipbook-viewport .flipbook{
	width:800px;
	height:400px;
	left:-400px;
	top:-200px;
}

.flipbook-viewport .page{
	width:400px;
	height:400px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}*/

.flipbook-viewport .flipbook{
	width:600px;
	height:300px;
	left:-300px;
	top:-150px;
}

.flipbook-viewport .page{
	width:300px;
	height:300px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.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;
}

/*.flipbook-viewport .double{
	width:800px;
	height:400px;
	background-size:100% 100%;
}*/

.flipbook-viewport .double{
	width:600px;
	height:300px;
	background-size:100% 100%;
}



/*************************
Media Queries
*************************/

@media only screen and (max-width: 640px) {
 
.flipbook-viewport{
	overflow:hidden;
	width:400px;
	height:300px;
}

.flipbook-viewport .container{
	position:relative;
	top:50%;
	left:50%;
	margin:auto;
}
    
.flipbook-viewport .flipbook{
	width:400px;
	height:300px;
	left:-200px;
	top:-150px;
}


.flipbook-viewport .page{
	width:200px;
	height:300px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

 
.flipbook-viewport .double{
	width:400px;
	height:300px;
	background-size:100% 100%;
}


.remy{
    height: 340px;
    width: 80%;
    display: inline-block;
    
}    
    
    
}

/*
@media only screen and (min-width: 768px),
       only screen and (min-width: 700px) and (orientation: landscape) {
 
.flipbook-viewport{
	overflow:hidden;
	width:600px;
	height:400px;
}

.flipbook-viewport .container{
	position:absolute;
	top:50%;
	left:50%;
	margin:auto;
}
           
    .flipbook-viewport .flipbook{
	width:600px;
	height:400px;
	left:-300px;
	top:-200px;
}

.flipbook-viewport .page{
	width:300px;
	height:400px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
    
    .flipbook-viewport .double{
	width:600px;
	height:400px;
	background-size:100% 100%;
}
           
}*/
/*
@media only screen and (min-width: 1140px) {
 
.flipbook-viewport{
	overflow:hidden;
	width:100%;
	height:100%;
}

.flipbook-viewport .container{
	position:absolute;
	top:50%;
	left:50%;
	margin:auto;
}
    .flipbook-viewport .flipbook{
	width:922px;
	height:600px;
	left:-461px;
	top:-300px;
}

.flipbook-viewport .page{
	width:461px;
	height:600px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
    
    .flipbook-viewport .double{
	width:922px;
	height:600px;
	background-size:100% 100%;
}

}
*/