body {padding: 0 ; margin: 0; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; line-height: 160%; background: #134a3a; color:#ffffff;}
.teaser {font-size: 16px; line-height: 24px;}
.spacer {margin-top: 20px;}
img {max-width: 100%; height: auto;}

#wrapper { width: 1200px; max-width: 90%; padding: 30px; clear: both; margin:0 auto; position: relative;}
#image { text-align: center; }
#image img {width: 300px; margin: 0 auto; display: inline-block;}

.title { margin: 50px auto 20px; text-align: center; }

#slogan { text-align: center; font-size: 20px; margin-top: 30px; line-height: 35px; }
#content {width: 100%; display: flex;}
#content-inner1 {margin: 30px; flex:1; text-align:center; }
#content-inner2 {margin: 30px; flex:1;  text-align:center; }
.green, h1, a:hover { color: #fff); }
a { text-decoration: none; color: #e53105; }
a span { display: inline-block; border: 2px solid #e53105; padding: 10px 40px; border-radius: 10px; background: #e53105; color: #fff; margin-top: 15px; }
h1 {font-weight: 500; font-size: 27px;}
p {margin: 0.4em 0;}
.hidedesktop { display: none; }
.hidemobile {display: block;}

@media (max-width: 810px) {
#content {display: block; }
.hidedesktop { display: block; }
.hidemobile {display: none;}
#wrapper  { padding: 0; margin:0; width: 100%; max-width: 100%; }
#wrapper-inner {margin: 20px;}
#image {width: 100%; float: none;}
#content {width: 100%; float: none; margin-top: 20px;}
#content-inner { position: relative; margin:0; }
}