@media only screen and (max-width: 430px) {
    main {
        width: calc(100vw - 16px);
        left: 8px;
    }

    .slide_buttons {
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
    }

    section > aside {
        overflow-x: hidden;
        width: calc(100vw - 48px);
        overflow-y: scroll;
    }

    li.client-item {
        font-size: 16px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    figcaption {
            margin-top: -48px;
        }
}

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

  .header_left {
    padding-left: 4px;
  }

    aside {
        width: calc(100vw - 40px);
        margin: 16px;
        margin-top: 32px;
        margin-left: 24px;
      }

      h1 {
        font-size: 16px;
        padding-right: 32px;
      }

      h2{
        font-size: 14px;
        padding-right: 32px;
      }

      h5{
        font-size: 11px;
      }

      header{
        text-align: left;
      }

      .head_small {
        padding-left: 12px;
        font-size: 16px;
      }

      .buttons_call {
        padding-left: 12px;
      }

      .personal_call {
        padding-left: 12px;
      }

      .snapshot_text_container {
        padding-left: 12px;
      }

      .info_container {
        padding-bottom: 32px;
        padding-left: 12px;
        padding-right: 12px;
      }

      .project_title {
        font-size: 20px;
      }

      p{
        font-size: 14px;
      }

      button{
        font-size: 11px;
      }

      h3{
        font-size: 14px;
      }

      h4{
        font-size: 14px;
      }

}