@media (max-width: 480px) {
  html {
      height: 100%;
  }
  body {
    background-color: #D2ECE7;
    outline: 0px dotted #bad1cc;
    outline-offset: 0px;
    margin: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #106d57;
    line-height: 1.6;
    opacity: 0;
    transition: opacity 3s;
    background-image: url("img/bg_mobile.png");
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .content {
    width: 100%;
    height: auto;
    margin: auto;
    outline: inherit;
  }
  .center-body {
    outline: inherit;
    width: 100%;
    height: 100%;
    float: left;
    margin: auto;
  }
  .left-body {
    outline: inherit;
    width: 0;
    height: 100%;
    float: left;
  }
  .right-body {
    outline: inherit;
    width: 0;
    height: 100%;
    float: right;
  }
  .header {
    outline: inherit;
    width: 100%;
    height: 0px;
    padding-top: 0px;
  }
  .title {
    outline: inherit;
    width: 100%;
    height: 50px;
    text-align: center;
    font-weight: 500;
    font-size: 1.75em;
    margin-top: 20px;
    margin-bottom: 5px;
  }
  .text1 {
    outline: inherit;
    width: 90%;
    height: auto;
    text-align: center;
    margin: auto;
      
  } 
  .text2 {
    outline: inherit;
    height: 110px;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
  }
  .footer {
    outline: inherit;
    width: 100%;
    height: 250px;
    margin-top: 20px;
  }
  .end {
    outline: inherit;
    width: 70px;
    height: 70px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 0px;
    background-color: white;
    visibility: visible;
    background-image: url("img/logo_mobile.png");
    background-size: contain;
  }
  .img1 {
    outline: inherit;
    width: 100%;
    height: 130px;
    background-color: white;
    background-size: cover;
    background-image: url("img/title_mobile.png");
  }
  .img2 {
    outline: inherit;
    height: 130px;
    width: 100px;
    margin: auto;
    float: none;
    background-color: white;
    background-image: url("img/portrait_mobile.jpg");
  }
  .img3 {
    outline: inherit;
    width: 70px;
    height: 70px;
    background-image: url("img/logo_mobile.png");
    background-color: white;
    float: right;
    margin-right: 80px;
    margin-top: 50px;
  }
  .img4 {
    outline: inherit;
    background-color: white;
    width: 25px;
    height: 15px;
    float: right;
    margin-right: 0px;
    background-size: cover;
  }
  .img5 {
    outline: inherit;
    background-color: white;
    width: 25px;
    height: 15px;
    float: right;
    margin-right: 20px;
    background-size: cover;
  }
}