.logo-holder { grid-area: logo; }
.info { grid-area: info;}
.nav-holder { grid-area: nav; }
.grid-container {
	display: grid;
  	grid-template-columns: 25% 50% 25%;
  	grid-template-rows: auto;
  	grid-template-areas:
    'logo info nav';
}
.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
}

/*------ header -------------*/
.flipbook-main-wrapper{top:80px;}

	/*------ logo -------------*/
	.logo-holder {text-align: center;}
	.logo-holder img {height: 61px;}

	/*------ section-pdf -------------*/
	.info {display: block;}

	/*------ nav -------------*/	
	.nav-holder {text-align: center;}	
	.site-button {
		margin-top: 10px;
		display: inline-block;	
		border: 1px solid #0c3534;
	  	padding: 15px 30px;
	  	position: relative;		
		font-size: 11px;
	  	font-weight: bold;
  		text-transform: uppercase;		
		background: linear-gradient(to right, #0039e3, #8600d4, #0039e3);
  		color: #fff;
  		background-size: 200% auto;
 		transition: all 0.3s cubic-bezier(.25,.8,.25,1);		
		}
		.site-button:hover {padding-left: 60px;}
		.site-button::before {
		  content: '';
		  position: absolute;
		  top: 50%;
		  left: 20px;
		  height: 1px;
		  width: 0;
		  background: #fff;
		}
		.site-button:hover::before {
		  width: 30px;
		}

/*------ sitebar-------------------------------------------------*/
.flipbook-main-wrapper{left:40px;}
sitebar {
	display: block;
	position: fixed;
	left: 0;
	bottom: 5%;
	border-left:1px solid #e6eaea;	
	letter-spacing: 0.27em;
	font-size: 14px;
	text-transform: uppercase;
	cursor: default;
	font-weight:bold;
	color: #4d4d4d;	
	-webkit-transform: rotate(-90deg);		
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	}

/*------ flipbook-------------------------------------------------*/      


/*------ footer-------------------------------------------------*/
.flipbook-main-wrapper{bottom:25px;}

footer {	
	width: 100%;
	padding-top: 5px;
    position: fixed;
    bottom: 0;
}
.copy {font-size: 12px;  text-align: right; padding-right: 25px;}

/*--------------Responsive--------------------------------------*/ 
@media only screen and  (max-width: 1200px) {
	.info, sitebar { display: none}
	.flipbook-main-wrapper{left:0px;}
	.grid-container {grid-template-columns:50% 0% 50%;}
	.logo-holder {padding-left: 0px;}
	.copy {font-size: 11px;  text-align: center;}
}