@media only screen and (min-width: 645px) and (max-width: 766px) {

.gridContainer {
	top:0;
	left:0;
	width:650px;
	height:905px;
}

.ndi-panel{position:absolute;top:0; right:0; background-color:rgba(0,0,0,0.90);width:590px;height:716px;padding:30px;}
.ndi-panel-out{right:-670px;}
.ndi-close-icon{position:absolute;top:25px; right:25px;width:40px;height:40px;background-image:url(../images/close_icon.svg);background-color:rgba(0,0,0,0.70);}

.ndi-panel-text{position:absolute;top:518px; left:25px; background-color:#FFF;width:570px;height:223px;padding:10px 20px 0 10px;overflow-y:auto;}
.ndi-panel-image{position:absolute;top:25px; right:25px; background-color:#FFF;width:600px;height:493px;}

.ndi-header-block{padding:10px 0 0 0;background-color:#c00214;height:124px;}
.ndi-intro{
	margin-top:-5px;
    font-size: 18px;
	line-height:20px;
	}
.ndi-btn-container{
	padding-top:.9%;
	padding-left:.9%;
	text-align:center;
	}
.ndi-btn{display:block;float:left;width:24.1%;margin:0 .65% .54% 0;}
.ndi-btn:hover{opacity:.6;cursor:pointer;}
.ndi-tap-instruction{margin-top:5px;}
.ndi-subhead{
    font-size: 20px;
	line-height:21px;
}
.ndi-crosshead{
    font-size: 14px;
	line-height:16px;
}
.ndi-bodycopy-sans{
    font-size: 15px;
	line-height:16px;
}
.ndi-crosshead{
    font-size: 14px;
	line-height:16px;
}
.ndi-headline-size{width:650px}

.ndi-headline{
    font-size: 48px;
	line-height:50px;
	margin:0 0 10px 0;
}
}