body {background-color: #fff;}
h1, h2, h3, p, a  {font-family: 'League Spartan', sans-serif; color: #555;}
h1 {margin-top: 50px !important;font-size: 40px;}
h2 {font-weight: 400;font-size: 28px;margin-bottom: 3em !important;}
p {font-size: 25px;margin: 0.5em 0;}
a:link {text-decoration: none;}
a:hover {text-decoration: underline;}
h1, h2, h3  {margin: 0; padding: 5px;}
#o {width: 100%;max-width: 800px;margin: 6em 0 0 3em;}
.b, .c {display: inline-block;width: 49%;vertical-align: top;}
.b {text-align: center;}
.b a {display:block;}
.c img {vertical-align: middle;padding-right: 1em;}
.qr {margin-top: 3em;}
.ifma {font-size: 18px;}
.ifma img {vertical-align: bottom;padding: 0 0 0 1em;}

@media screen and (max-width:900px) {
    #o {width: 100%;max-width: 800px;margin: 3em 0 0 1em;}
}
@media screen and (max-width:850px) {
    .b {width: 33%;}
	.c {width: 66%;}
}
@media screen and (max-width:650px) {
    h2 {font-size: 20px;margin-bottom: 5em !important;}
	p {font-size: 18px;}
	.c {width: calc(66% - 2em);padding:1em;}
	.ifma img {display:block;padding: .5em 0 0 0;}
}
@media screen and (max-width:460px) {
	h1 {margin-top: 0 !important;}
	h2 {font-size: 20px;margin-bottom: 3em !important;}
    .b img {width:80%;height:80%;}
}
@media screen and (max-width:420px) {
	.b, .c {width: 100%;}
	.b a, .b>img {display:inline-block;vertical-align: top;}
	.b a {width:49%;height:49%;}
	.b>img {width:40%;height:40%;}
	.qr {margin-top: 0;}
}