body {
margin-top: 20px;
margin-left: 0px; 
margin-right: 0px;
overflow:hidden;
background: black;
}


.row {
position:absolute;      
left: 0;
margin: 0;
padding: 0 30px 60px;
width:70%;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 22px;
font-style: normal;
font-variant: normal;
font-weight: 500;
z-index: 11;
color:white;
}


.row a{
text-decoration:underline;
color:white;
}

.menu_col2{
float: left;
width: 15%;
}

.menu_col3{
float: left;
width: 21%;
margin-right: 10px;
}


.row.open{
color:black;
}


.row a.open{
color:black;
}


.invi_button{
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
cursor: pointer;
background:#b90808;
color: white;
opacity: 0;
z-index: 10;
	
}


.eyes_close{
position: absolute;
top:20%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 35%;
}


.eyes_close img{
width:100%;
height:auto;
display: block;
}


.eyes_open{
position: absolute;
top:20%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 35%;
visibility: hidden;
transition: all .125s;
z-index: 5;
}


.eyes_open.show{
position: absolute;
top:20%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 35%;
visibility: visible;
transition: all .0s;
z-index: 5;
}


.eyes_open img{
width:100%;
height:auto;
display: block;
}


.white_box{
background: #ffffff;
width: 100%;
height: 0px;
margin-bottom: 0px;
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
transition: all .0s;
z-index: 2;
}


.white_box.open{
width: 100%;
height: 100%;
bottom: 0px;
left: 0;
opacity: 1;
transition: all .0s;
background: #ffffff;
z-index: 2;
}

.legal{
position:absolute;      
left: 0;
bottom:0;
margin: 0;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 0px;
font-style: normal;
font-variant: normal;
font-weight: 500;
color: white;
padding: 0 30px 20px;
z-index: 12;

}

.legal.open{
color:black;
}



/* *********************************************************************************************************************
 *
 */
@media all and (min-width: 1024px) {

}


/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 768px) {

.row {
width:80%;
padding: 0 20px 50px;
}

.menu_col2{
width: 22%;
margin-right:8px;
}

.menu_col3{
width: 30%;
margin-right:30px;
}

.eyes_close{
width: 32%;
}

.eyes_open{
width: 32%;
}

.eyes_open.show{
width: 32%;
}

}


/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 600px) {

.row {
width:400px;
padding: 0 20px 50px;
font-size: 12px;
line-height: 16px;
}


.menu_col2{
width: 18%;
margin-right:8px;
}

.menu_col3{
width: 25%;
margin-right:18px;

}

.eyes_close{
top:27%;
width: 58%;
}

.eyes_open{
top:27%;
width: 58%;
}

.eyes_open.show{
top:27%;
width: 58%;
}

}