html, body, div, nav, label{
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a {
  color: #fff;
}
a:hover {
    color: #fff;
    text-decoration: none;
}

.open:hover {
    background-color: #3b3b3b;
}

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  background-color: #353535; }

body, html {
  height: 100%; }

nav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 200;
    padding: 10px 20px;
    color: #FFF;
    background-color: #111111;
    text-align: right;
}

.bigbox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 260px;
	height: 300px;
	margin-top: -230px;
	margin-left: -150px;
	padding: 5px;
	display: none;
}

.box {
	position: relative;
	width: 250px;
	height: 310px;
	background-color: #fff;
}


.boxminilogo {
	position: absolute;
	top : -35px;
	left : -20px;
	width: 300px;
  	height: 70px;
}

.minilogo {
	width: 300px;
  	height: 70px;
}


.logo {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 449px;
    height: 81px;
    margin-top: -135px;
    margin-left: -224px;
    padding: 20px;
    z-index: 100;
}

.alert {
  position: absolute;
  top: 35px;
  width: 90%;
  height: 20px;
  margin-left: 5%;
  padding: 20px;
  display: none;
}

.box-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.box-title {
	position: absolute;
	top:35px;
	width:250px;

	text-align: center;
	font-size: 20px; 
}

.box-content {
	position: absolute;
	top: 45px;
	padding: 20px;
}



p {
  text-align: center; }

button {
	height: 40px;
	margin: 10px 0;
}