@media only screen and (min-width: 322px) and (max-width: 639px) {

.gridContainer {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	}

.ndi-mainPic-start{
	float:left;
	width:100%;
	height:300px;
	background-color:#FFF;
	background-image:url(../images/mainImage_L.jpg);
	background-size:cover;
	z-index:10;	
}
.ndi-mainPic-on{
	float:left;
	width:100%;
	height:300px;
	background-color:#FFF;
	background-image:url(../images/mainImage_L.jpg);
	background-size:cover;
	z-index:10;	
}
.ndi-headlineHolder-start{
	float:left;
	width:96%;
	padding:10px 3% 10px 3%;
    background-color: #000;
}
.ndi-headlineHolder-out{
	float:left;
	width:96%;
	padding:10px 3% 10px 3%;
    background-color: #000;
}
.ndi-gradientHolder{
	display:none;
}
.ndi-headline{
	font-family: "Guardian Sans Cond Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 32px;
	line-height:34px;
	text-align:center;
	color:#FFF;
	text-shadow:none;
}
.ndi-btnContainer{
	float:left;
	width:98%;
	margin:10px 0 10px 2%;
	text-align:center;
}
.ndi-btn-off{
	display:inline-block;
	width:88px;
	height:116px;
	margin:0 7px 7px 0;
	opacity:1;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	overflow:hidden;
}
.ndi-btn-on{
	display:inline-block;
	width:88px;
	height:116px;
	margin:0 7px 7px 0;
	opacity:0.5;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	overflow:hidden;
}
.ndi-tap{
	display:inline-block;
	width:88px;
	margin:0 7px 7px 0;
	overflow:hidden;
	font-family: "Guardian Sans Cond Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 13px;
	line-height:13px;
	text-align:center;
	color:#000;
}
.ndi-btn-pic{
	position:relative;
    top:0;
	left:0;
    width:88px;
	height:88px;
	border-radius:58px;
	background-color:#FFF;
	overflow:hidden;
}
.ndi-gone-icon{
	position:relative;
    top:-118px;
	left:0;
    width:76px;
	height:76px;
	border-radius:58px;
	border-style:solid;
	border-color:#FF0004;
	border-width:6px;
	overflow:hidden;
	background-image:url(../images/crossOut.svg);
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
}
.ndi-btn-name{
    position:relative;
    bottom:5px;
	left:0;
    width:78px;
	height:22px;
	padding:6px 4px 0 4px;
	background-color:#FFF;
	border-style:solid;
	border-width:1px;
	border-color:#c6c6c6;
	border-radius:4px;
	font-family: "Guardian Sans Cond Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 16px;
	line-height:16px;
	text-align:center;
	color:#000;
}
.ndi-btn-icon{
    position:relative;
    bottom:115px;
	left:0;
    width:25px;
	height:25px;
	border-radius:14px;
}
/*.love{
	background-image:url(../images/Heart.png);
	background-repeat: no-repeat;
	}
.thumbsUp{
	background-image:url(../images/thumbs.svg);
	background-repeat: no-repeat;
	background-position: top; 
	}
.thumbsDown{
	background-image:url(../images/thumbs.svg);
	background-repeat: no-repeat;
	background-position: bottom; 
	}*/
.arrowUp{
	background-image:url(../images/arrowUp.svg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center; 
	}
.arrowDown{
	background-image:url(../images/arrowDown.svg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center; 
	}
.noChange{
	background-image:url(../images/noChange.svg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center; 
	}


.ndi-person-out{
	position:fixed;
    top:0;
	right:-660px;
	width:100%;
	height:100%;
}
.ndi-person-in{
	position:fixed;
    top:0;
	right:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.92);
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.ndi-person-text{
	position:absolute;
    top:51%;
	left:3%;
	width:94%;
	text-align:center;
}
.ndi-person-pic{
    position:absolute;
    top:0;
	left:0;
	width:100%;
	height:50%;
	background-color:#FFF;
	box-shadow:3px 3px 9px #000;	
	overflow:hidden;
}

.ndi-person-icon{
	display:inline-block;
	width:25px;
	height:25px;
	border-radius:14px;
	margin-top:6px;
}
.ndi-bodycopy-sans{
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 400;
    font-size: 14px;
	line-height:15px;
	text-align:left;
	color:#FFF;
	text-shadow:2px 2px 6px #000;
}
.odds{
	display:inline-block;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 18px;
	line-height:18px;
	text-align:center;
	color:#FFF;
	position:relative;
	bottom:6px;
	height:34px;
	width:100px;
	/*text-transform:uppercase;*/
}

.ndi-headlineBreak{
	display:none;
}
.resetButton_on {
	display:block;
	position:fixed;
	top:0;
	right:0;
	height: 100%;
	width: 100%;
	background-image:url(../images/close_icon.svg);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:auto;
	background-color:transparent;
	z-index:990;
}
.resetButton_off {
	display:none;
}
.ndi-subhead{
	color:#FFF;
	/*text-transform:uppercase;*/
}


}