body {
  font-family:'SourceSansPro-Regular'; 
  font-weight: normal;
  font-size: 14px;
  min-width: 320px;
  position: relative;
  line-height: 1.42857;
  -webkit-font-smoothing: antialised;
  margin: 0;
  padding: 0;
  background: #fefcf9;
  width: 100%;
}
ul { margin: 0; padding: 0; }
li { list-style: none; }
@font-face {
  font-family:'SourceSansPro-Bold';
  src: url('../fonts/SourceSansPro-Bold_gdi.eot');
  src: url('../fonts/SourceSansPro-Bold_gdi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SourceSansPro-Bold_gdi.woff') format('woff'),
    url('../fonts/SourceSansPro-Bold_gdi.ttf') format('truetype'),
    url('../fonts/SourceSansPro-Bold_gdi.svg#SourceSansPro-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family:'SourceSansPro-Regular';
  src: url('../fonts/SourceSansPro-Regular_gdi.eot');
  src: url('../fonts/SourceSansPro-Regular_gdi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SourceSansPro-Regular_gdi.woff') format('woff'),
    url('../fonts/SourceSansPro-Regular_gdi.ttf') format('truetype'),
    url('../fonts/SourceSansPro-Regular_gdi.svg#SourceSansPro-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
.clearfix { clear: both; overflow: auto; }
.logo {
  margin: 30px 0 3% 0;
  position: relative; 
}
.logo img { 
  width: 60%; 
  display: block;
  margin: 0 auto;
}
.content { 
  width: 45%;
  position: absolute;
  top: 60%;
  left: 20%;
 }
.content li { 
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.2;
 }

.footer-info {
  width: 50%;
  margin: 5% auto;
  text-align: center;
  font-size: 20px;
  left: 50%;
}
.footer-info a {
  text-decoration: none;
  color: #000;
 }
.footer-info a:hover {
  text-decoration: underline;
 }

 li.list-child{
  list-style: inside;
  margin-left: 5%;
 }

 .last{
  margin:7% 0;
 }

 @media screen and (max-width:1810px) {
  .content { width: 70%; }
  .footer-info {
    margin: 10% auto;
  }

  }
  @media screen and (max-width:1710px) {
    .content { width: 70%; }
    .footer-info {
      margin: 20% auto;
    }
    }
    @media screen and (max-width:1410px) {
      .content { width: 70%; }
      .footer-info {
        margin: 22% auto;
      }
      }
    @media screen and (max-width:1310px) {
      .content { width: 70%; }
      .footer-info {
        margin: 24% auto;
      }
      }

 @media screen and (max-width:1210px) {
.content { width: 70%; }
.footer-info {
  margin: 28% auto;
}
}
@media screen and (max-width:1160px) {
  .footer-info {
    margin: 30% auto;
  }
  }

@media screen and (max-width:1100px) {
  .footer-info {
    margin: 45% auto;
  }
  }

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

.logo img { width: 80%; }
.footer-info {
  margin: 55% auto;
}
}
 @media screen and (max-width:750px) {
.logo img { width: 90%; }
.content { top: 50%; width: 90%; left: 6%; }
.footer-info {
  margin: 60% auto;
}
} 
 @media screen and (max-width:580px) {
.logo img { width: 95%; }
.content { width: 95%; left: 3%; }
.footer-info {
  margin: 90% auto;
}

} 
 @media screen and (max-width:490px) {
 
.content li { font-size: 18px; } .footer-info {
  margin: 130% auto;
}
}