/* Style Sheet */

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
        font-family: Helvetica, sans-serif;
        padding: 0;
        margin: 0 20px;
        line-height: 20px;
        background-color:#ececec;
}
a {
        text-decoration:none;
        color:#000;
}
img {
        max-width: 100%;
}
a  { text-decoration: none;
         font-size: 15px !important;}
p{
        line-height: 30px;
        margin: 18px 0;
}
p.small{
        line-height: 20px;
}
.table {
   display: table;
   border-collapse:collapse;
        width: 100%;
}
.table-row {
   display: table-row;
   width: 100%;
}
.table-cell {
   display: table-cell;
   padding: 6px 6px 6px 0;
   width:30%;
}
#container {
        max-width: 1000px;
        background-color: #ffffff;
        margin: 0 auto;
}
#header {
        float: left;
        width: 100%;
        height: 243px;
        background-color: #d98777;
}
.claim {
        float: left;
        width: 38.02083%;
        color: #fff;
        font-size: 24px;
        padding: 100px 0 0 50px;
        line-height: 26px;
}
.claim1 {
        color: #fff;
        font-size: 24px;
        display: none;
}
#logo {
        float: left;
        width: 36.879%;
        padding-top: 37px;
        z-index: 1;

}
#aside {
        float: left;
        width: 18.54166%;
        padding-top: 50px;

}
#aside img {
        padding-bottom: 10px;
}
#article {
        float: left;
        width: 72%;
        font-size: 26px;
        padding: 40px 0 0 50px;

}
#article .small, p.small {
        font-size: 15px !important;
}

#footer {
        clear: both;
        background-color: #d98777;
        padding:0;
        margin: 0;
}
#aside1 {
        display: none;
}


@media only screen and (max-width: 1024px) {

#container { width:100%; }

#article { width:68%; }

#aside {
        width:20%;
        margin-right:0;
        margin-bottom:2%;}
}


@media only screen and (max-width: 820px) {

img {
        padding: 20px;
}
.table {border:none;}

        .table-row{
                padding: 2px 0;}
        .table-cell {
                padding: 4px 0;}

#header {
 height: 100%;
}
#article {
  width: 100%;
}
#aside {
        display: none;
}
#aside1 {
        display: block;
        width: 100%;
        padding-left: 30px;
}
#logo {
        width: 100%;
        float: none;
        padding-top: 12px;
        text-align: center;
}
.claim {
        display: none;
}
.claim1 {
        display: block;
        width: 100%;
        float: none;
        padding: 10px 0 20px
}
}
@media only screen and (max-width: 580px) {
body {
        background-color:#fff;
}
.table-cell {
        padding: 4px 0;
        width: 50%;
}
#article {
         padding:40px 0 0 0;
        font-size: 20px;
}
.claim {
        display: none;
}
.claim1 {
        display: block;
        width: 100%;
        float: none;
        padding: 10px 0 20px 50px;
}
}