/* Only Desktop */
@media only screen and (min-device-width: 1025px) and (min-device-height: 725px) {
/*
  #bg1{
    background: url(../img/desktop_bg.jpg) no-repeat  #000;
    background-position-x: 50%;
    background-size: cover;

  }
  #bg2 {
    background: url(../img/desktop_bg_2.jpg) no-repeat  #000;
    background-position-x: 50%;
    background-size: cover;
    display: none;
  }
  #bg3 {
    background: url(../img/desktop_bg_3.jpg) no-repeat  #000;
    background-position-x: 50%;
    background-size: cover;
    display: none;
  }
*/

  /* Animated arrow */
  .arrow{
    position: relative;

    /*transform: translate(-50%);*/
    margin-top: 30px;
    display: inline-block;

    -webkit-animation-name: pulse;
    animation-name: pulse
  }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1)
        }

        50% {
            -webkit-transform: scale3d(1.05,1.05,1.05);
            transform: scale3d(1.05,1.05,1.05)
        }

        100% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1)
        }
    }

    @keyframes pulse {
        0% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1)
        }

        50% {
            -webkit-transform: scale3d(1.05,1.05,1.05);
            transform: scale3d(1.05,1.05,1.05)
        }

        100% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1)
        }
    }

    .animated {
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }
    .animated.infinite {
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
    }

    @media only screen and (max-height: 345px) {
        #logo>.logo {
            width: 90vh;
        }

        .section_bg__bottom-text {
          bottom: 1vh;
        }
    }


    @media only screen and (max-width: 845px) {
      .section_bg__bottom-text>p {
          font-size: 14px;
          text-transform: uppercase;
          letter-spacing: 0.1vh;
          color: white;
      }
    }

    @media only screen and (orientation: portrait) {


        .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;
        }
    }


    @media only screen and (orientation: landscape) {

        .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;
            }

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


    }




}