/* All Mobile devices for 2016*/
@media only screen and (max-device-width: 1024px) and (max-device-height: 1366px) {

  #sending_email {

    background:  url("../img/loader.svg") no-repeat;
    background-size: cover;
    width: 2vh;
    height: 4.7vh;

    width: 3.21vw;
    height: 3.21vw;
    margin-top:0.25vw;

    float: right;
  }

  #btn_submit {
      display: inline-block;
      font-size: 7.7vw;
      background: transparent;
      border: none;
      color: #fff;
      text-transform: uppercase;
      float:right;
      margin-top: 2px;
      padding:5px;
  }

  #submit {
    float: right;

  }

  #email {
    float: left;

  }

  #emailForm {
    width: 70vw;
    margin:0 auto;
    left: 0; right:0;
    margin-top:2vh;

  }

    .arrow>img {
      width: 5vh;
      margin-top:10px;
    }
    .section_bg {
      background: url(../img/mobile_bg_mini.jpg) no-repeat 100% #000;
      background-position: 50% 0%;
      background-size: cover;
      overflow: hidden;
    }

    #logo>.logo {
      width: 60vw;
    }

    .section_bg__bottom-text {
      bottom :6vh;
    }
    .section_bg__bottom-text>p {
        font-size: 4.9vw;
        text-transform: uppercase;
        letter-spacing: 0.1vw;
        color: white;
    }

        /* Reformat text for bottom section */
        .section_contact, #email {
          background-color:#000ecd;
        }
        .section_contact__main-desc>span {
          display: block;
        }

        .section_contact__main-desc>.section_contact__desktop, .section_contact__main-desc>.footer__desktop {
          display: none;
        }

        .section_contact__main-desc {
          margin-top: 5vh;
        }

    /* Smaller background for smaller devices */
    @media only screen and (max-device-width: 375px) and (max-device-height: 667px) {
/*      .section_bg {
        background: url(../img/mobile_bg_6.jpg) no-repeat 100% #000;
        background-position: 50% 0%;
        background-size: cover;
      }
*/    
    }



    /* Only portrait styles */
    @media only screen and (orientation: portrait) {

        .section_contact {
          font-size: 4.5vh;
          line-height: 6.2vh;
          background-color:#000ecd;
        }

          #email {
            width: 70%;
            padding: 3px;
            font-size: 4.5vh;
            background-color:#000ecd;
          }

          #contact__logo {
              position: absolute;
              right: 0;
              left: 0;
              margin: 0 auto;


              bottom: 16vh;
              text-align: center;
          }

            #contact__logo>img {
                height: 4.1vh;
            }


          .contact__social {
            position: absolute;
            right: 0;
            left: 0;
            margin: 0 auto;


            bottom: 5vh;
            text-align: center;
          }

            .contact__social>a {
                display: inline-block;
                width: 4vh;
                margin-right: 5.6vw;
            }


            #emailForm {
              padding-top:3vh;
            }


        .section_list {
            font-size: 1.8vh;
            line-height: 2.5vh;
        }

        #desc_list {
          width: 100%;
        }

        #desc_list>li  {
          display:block;
          float: left;
          width: 100%;
          height: auto;
          padding-bottom: 4vh;
        }

        #desc_list>li>p {
          padding-top: 8vh;
        }

        #desc_list>li:nth-child(4){
          padding-bottom:0;
        }
    }

    /* Only landscape styles */
    @media only screen and (orientation: landscape) {

      .section_contact__main-desc,
      .section_contact__text-descr {
          font-size: 7vh;
      }
        .section_contact__main-desc>span {
          display: inline-block;
        }

        #logo>.logo {
          width: 50vw;
        }

        .section_bg__bottom-text>p {
            font-size: 2.9vw;
            letter-spacing: 0.1vw;

        }

          .section_list {
              font-size: 3.0vh;
              line-height: 4.7vh;
          }

            #desc_list {
              width: 90%;
              marign: 0 auto;

            }

              #desc_list>li  {
                display:block;
                float: left;
                width: 50%;
                padding-bottom: 10vh;
              }

              #desc_list>li>p {
                padding-top: 12vh;
                min-height: 16vh;
                font-size: 4vh;
              }

              #desc_list>li:nth-child(3), #desc_list>li:nth-child(4){
                padding-bottom:0;
                min-height: auto;
              }


        .centerForm {
          height: 140px;
        }
        #emailForm, #sent_email {
          padding-top:2vh;
        }

        #sent_email {
          margin:0;
          padding-top: 6vh;
          font-size: 7vh;
          line-height: 1;
        }

        #btn_submit {
            display: inline-block;
            font-size: 7vh;
            background: transparent;
            border: none;
            color: #fff;
            text-transform: uppercase;
            float:right;
            margin-top: 2px;
            padding:5px;
        }

        #submit {
          float: right;

        }

        #email {
          float: left;
          width:43vw;
          font-size: 7vh;
        }

        #emailForm {
          width: 52vw;
          margin:0 auto;
          left: 0; right:0;
          margin-top:6vh;

        }
    }

}