#header .in{padding:0 30px;height:130px}
#header .logo-o2{height:80px;width:80px;margin-top:26px}
#header .logo{margin-top:47px;font-size:22pt;font-weight:normal}
#header .logo img{width:auto;height:40px}
#header .action{margin-top:36px}
#header .action img{width:18px;height:30px;margin-right:4px}
.tabletOnly{display:inherit}
.flashes{margin:20px auto;max-width:480px}
.flashes .flash p{margin-left:20px;margin-right:20px}
.flashes .flash a.in{padding-left:20px;padding-right:20px}
h1{font-size:26pt;margin:50px 30px 20px}
h1 .button{margin-top:3px}
h2{font-size:18pt;margin:40px 30px 20px}
h3{margin:40px 30px 20px}
p{margin:20px 30px}
ul,ol{margin:20px 30px 20px 20px}
#page{padding-bottom:20px}
#page .flashes:first-child{margin-top:30px}
#page h1:first-child,#page .flashes + h1{margin-top:30px;margin-bottom:30px}
#page .content > p:first-child{margin-top:30px}
.box{margin:20px}
.box h3:first-child{margin-top:15px}
.box p:last-child{margin-bottom:15px}
.form .row{margin:10px 20px}
.buttons,.form .buttons{margin-left:25px;margin-right:25px}
.menu{margin:30px auto;max-width:400px}
.links{margin:20px;max-width:400px}
.flashes .links{margin-left:15px;margin-right:15px}
.progressBlock{max-width:380px;margin:30px auto}
.orderBox{max-width:400px;margin:30px auto}
.buttons{margin:30px 0}
.links{max-width:400px;margin-left:auto;margin-right:auto}
.content h1{text-align:center}
.content p{max-width:620px;margin-left:auto;margin-right:auto}