body{font-family:Catamaran,sans-serif;background-image:url(../images/bg.jpg);background-size:auto}#app{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wrapCenter{text-align:center}header{background-color:rgba(10,61,98,.3);padding:15px 0;border-bottom:1px solid #3c6382}h1{color:#fff;font-family:Palanquin Dark,cursive;text-transform:uppercase;font-size:28px}.mainContent,h1{text-align:center}.mainContent{font-size:50px;padding:50px 0}button{cursor:pointer;background:#3c6382;border:1px solid #0a3d62;font-size:25px;display:inline-block;margin-bottom:50px;color:#fff;padding:10px 30px 5px;-webkit-transition:all,.5s;transition:all,.5s}button:hover{background-color:#0a3d62}.result{color:#fff;font-size:40px}.result span{padding:0 10px;line-height:1;display:none}.result span.middleResult{margin-top:20px}.result1,.result2{font-family:Oswald,sans-serif;color:#eb2f06;border:none;background:none;font-size:50px;padding:0;outline:none!important}.result1:active,.result1:hover,.result2:active,.result2:hover{background:none;color:#eb2f06;text-decoration:none}.jumbotron{background-color:rgba(10,61,98,.1);color:#fff;padding:15px 20px}.jumbotron strong{font-weight:700}.jumbotron .warning{background-color:#eb2f06;margin:5px 0;padding:5px;display:block}.jumbotron h3{text-align:center}.jumbotron h2{font-size:30px}.jumbotron .lead{text-align:left;font-size:16px}footer{color:#fff;text-align:center;padding:10px 0;font-size:12px}@media only screen and (max-width:767px){h1{margin-bottom:0}.mainContent{padding:15px 0}.jumbotron{padding:10px;margin-bottom:10px}.jumbotron h2{font-size:20px}.jumbotron .lead{font-size:13px}button{font-size:20px;margin-bottom:15px}.result1,.result2{font-size:25px}.result span{margin-bottom:5px}.result .middleResult{font-size:20px;margin-top:10px}}