@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: url(../font/pacifico/v22/FwZY7-Qmy14u9lezJ-6H6Mw.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: url(../font/lato/v24/S6u_w4BMUTPHjxsI9w2_Gwfo.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url(../font/lato/v24/S6u8w4BMUTPHjxsAXC-v.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    src: url(../font/lato/v24/S6u8w4BMUTPHh30AXC-v.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url(../font/lato/v24/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(../font/lato/v24/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url(../font/lato/v24/S6u9w4BMUTPHh6UVSwiPHA.ttf) format('truetype');
  }
.about-img {
    max-width: 450px;
    float: left;
    display: inline;
    margin: 10px;
}

@media screen and (max-width: 768px) {
    .about-img {
        max-width: 100%;
    }
}