#container{width:100%;max-width:none}#container #content{padding:0}.main-content{padding-top:45px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;background:url(../img/mohito-qrcode.jpg);background-size:cover}.main-content img{width:100%;display:block}.main-content .txt-box{background:rgba(255,255,255,.9);color:#000;width:70%;margin:15% auto;letter-spacing:1px}.main-content .txt-box h1{display:block;text-align:center;font-size:5vw;margin:12% auto 4%}.main-content .txt-box p{display:block;text-align:center;font-size:2.5vw;padding:0 2%}.main-content .txt-box .button-box{width:70%;margin:5% auto 16%;text-align:center}.main-content .txt-box .button-box a{border:1px solid;color:#000;font-size:2vw;padding:4% 10%;font-weight:600;text-align:center;text-decoration:none}.main-content .txt-box .button-box a:hover{background:rgba(255,255,255,.5);color:#000}@media screen and (min-width:768px){.main-content{padding-top:115px}.main-content .txt-box{width:70%;margin:12% auto}.main-content .txt-box h1{display:block;text-align:center;font-size:2vw;margin:4% auto 2%}.main-content .txt-box p{display:block;text-align:center;font-size:1vw}.main-content .txt-box .button-box{width:70%;margin:4% auto 6%}.main-content .txt-box .button-box a{padding:2% 4%;font-size:1vw}}