body,html {height: 100%;min-height: 100%;}
#container {height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
#container .row {height: 100%; min-height: 100%;}
#container .row .medium-offset-3 {display: table; height: 100%; padding: 0;}
#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%;overflow: hidden;}
#wrapper .row {  margin-top:41%;margin-bottom:41%;height: auto;min-height: auto;padding:2rem 1rem 1rem;background: #FFF; background: rgba(255,255,255,0.7);}
.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;}
@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-3 {padding-left: 0.9375em;padding-right: 0.9375em;}
}