html, body {padding:0; margin:0; width:100%; height:100%; background:url(msm_background.jpg) center center no-repeat; background-size:cover; background-attachment:fixed;}
body {}
* {color:#fff; font-weight:300; font-family: 'Noto Sans', sans-serif;
-webkit-transition: all 200ms ease-in-out; /* Firefox */
-moz-transition: all 200ms ease-in-out; /* WebKit */
-o-transition: all 200ms ease-in-out; /* Opera */
transition: all 200ms ease-in-out; /* Standard */}

.wrapper {width:80%; margin:0 auto 0 auto;}
.inner {float:left; width:100%; text-align:center;}
.inner img {float:left; width:30%; margin:60px 35% 60px 35%; height:auto; text-align:center;}
.inner h1 {
color:#fff; 
font-weight:200; 
padding-top:70px; 
text-transform:uppercase; 
letter-spacing:50px; 
font-size:50px; 
-webkit-text-stroke:0.5px black;
text-shadow:
    -0.5px -0.5px 0 #000,
    0.5px -0.5px 0 #000,
    -0.5px 0.5px 0 #000,
    0.5px 0.5px 0 #000;
}
.inner h1 span {font-weight:200;}
.inner h2 {
font-size:30px; 
-webkit-text-stroke:0.1px black; 
text-shadow:
    -0.5px -0.5px 0 #000,
    0.5px -0.5px 0 #000,
    -0.5px 0.5px 0 #000,
    0.5px 0.5px 0 #000;
}
.inner h3 {font-size:35px; text-align:left;}
.inner p {font-size:22px; line-height:36px;}
.half {float:left; width:50%; display:inline-block; vertical-align:top;}
.full {float:left; width:50%; padding:0 25%; display:inline-block; vertical-align:top; text-align:left;}
ul { width:50%; padding:0 0 0 25%;}
ul, ul li {text-align:left;list-style:square outside none; font-size:24px;} 
ul li span.big {font-size:26px; padding:0 20px 0 0 ;}
ul li span.small { font-size:20px; padding:0 20px 0 0 ;}
ul li a {font-size:34px;}
a {color:#fff; text-decoration:none; padding:0 10px; line-height:18px; display:inline-block;border-radius:10px;}
a:hover {color:#000; background:#fff; text-decoration:none; padding:0 10px; }

/*SMARTPHONE TO 680*/
@media screen and (max-width: 679px) {
html, body{background:#5b433a;}
.inner h1 {
color:#fff; 
font-weight:200; 
padding-top:30px; 
text-transform:uppercase; 
letter-spacing:15px; 
font-size:20px; 
float:left; 
width:100%; 
text-align:center; 
-webkit-text-stroke:1px black;
}
.inner h1 span {float:left; width:100%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; padding-left:25px;}
.inner img {float:left; width:90%; margin:20px 5% 20px 5%; height:auto; text-align:center;}
.half {float:left; width:100%; display:inline-block; vertical-align:top;}
.full {float:left; width:100%; padding:0; display:inline-block; vertical-align:top; text-align:left;}
ul {float:left; padding:0 0 20px 0; display:inline;  margin:0 0 20px 0; border-bottom:0px solid #ebebeb; width:100%;}
ul li {float:left; padding:0 0 20px 0; display:inline;  margin:0 0 20px 0; border-bottom:1px solid #ebebeb; width:100%;}
ul li span {float:left; width:100%; }
ul li a {float:left; width:100%; margin-left:-10px;}