* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    
}

h2 span {
    font-size: 0.9125rem;
    line-height: 1.4375rem;
}

#wrapper {
    width: 484px;
    height: auto;
    border: 1px solid #000;
    margin: 0.75rem auto;
    font: 0.8125rem/1.0625rem 'Open Sans', sans-serif;
    color: #231f20;
    background-color: #fff;
    padding: 0.9375rem;
}
p{margin-bottom: 0.9375rem; text-align: justify; word-spacing: 1px;}
p:last-child{margin: 0;}
header{margin: 0 0 1.0625rem 0;position: relative;}
header img{display: inline-block;}
header p{font-size: 0.9375rem;text-align: center;position: absolute;right: 2.875rem;top: 1rem;line-height: 1.3125rem;}

h2 {font-size: 31px;line-height: 1.9375rem;margin: 1.5rem 0px 0.3125rem 0px;}
h2 span:nth-of-type(2) {
    display: block;
}

h3{font-size: 0.8125rem; line-height: 1.0625rem; margin-bottom: 0.125rem;}

ul {list-style-type: none; margin-bottom: 1.0625rem;}
    ul li {
    background: url(icon.png) no-repeat left 0.5625rem;
    padding-left: 0.625rem;
    background-size: 0.3125rem;
    text-align: justify;
}

a{text-decoration: none; color: #231f20;}
img {max-width: 100%; display: block; margin: 0; padding: 0;}
.clear {width: 0px;height: 0px;display: block;clear: both;content: "";}

@media only screen and (max-width: 482px){
    #wrapper {
    width: 100%;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.625rem;
    border: none;
    text-align: left;
}
p {
    text-align: left;
}
p br {
    display: none;
}
ul li {
    text-align: left;
}
    p{text-align: left;margin-bottom: 0.625rem;word-spacing: 0;}
    header{margin: 0 0 0.625rem 0;}
    header p{position: static; margin-top: 0.625rem !important;}
    
    h2 {font-size: 1.25rem;line-height: 1.5rem;margin-bottom: 0.625rem;}

h2 br {
    display: none;
}
   
   
    
    .none {display: none;}
}