body{
height: 100%;
min-height: 100%;
background:url(../img/fortetsa_night.jpg)no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
a{color:#284872;}
.box .button.success{background-color:#284872;}
#container {height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
#container .row {height: 100%; min-height: 100%;}
#container .row .medium-offset-4 {display: table;}
#wrapper {height: 100%;max-height: 100%; min-height:100%;overflow: hidden;width: 100%;max-width: 720px;float: none;margin: 0; padding: 0; display: block;}
#innerWrapper {height:100%;display: block;width: 100%;margin-top:10%;}
#wrapper .row {height: auto;min-height: auto;padding:2rem 1rem 1rem;background: #FFF; background: rgba(255,255,255,0.6);margin-top:50%;}
.brand {text-align: center;}
.brand img {max-height: 80px;}
.terms {max-height: 200px; overflow: auto; border:1px solid #CCC; border-radius: 5px; padding: 15px; margin: 1.25rem 0; background-color: #FFF;}
.terms p {font-size: .8rem; color: #666;}
.terms p:last-child {margin-bottom: 0;}
ol li{font-size: .8rem; color:#666;}
@media only screen and (min-width: 40.063em) {
	#wrapper {height: 80%;max-height: 80%; margin: 10% auto 0; display: table-cell;vertical-align: middle;}
	#innerWrapper {border-radius: 5px; height: auto;}
	#wrapper .row {height: auto; min-height: 0;padding:2rem 3rem 1rem;}
	#container .row .large-offset-4 {padding-left: 0.9375em;padding-right: 0.9375em;}
}