audi/app/assets/scss/responsive.scss

//컴포넌트 풀사이즈 배너 텍스트 1줄용
@media (min-width:1920px) {  
  .img--section--full {  
    img {
      min-height: 800px;      
    }
    
    div .alt--text {
      font-size: 44px;
    }
  }
  .prallax--banner--wrapper{
    .prallax--banner{}
    .text--box--wrapper{
      .text--container{
        margin:88px 0px 0px;
        h2{
          font-size: 36px;
          line-height: 52px;
        }
      }
    }
  }
}

@media (min-width:1440px) and (max-width:1919px) { 
  .img--section--full {      
    div .alt--text {
      font-size: 40px;
    }
  }
}

@media (min-width:1440px) {
  .prallax--banner--wrapper{
    height:1600px;
    .prallax--banner{}
    .text--box--wrapper{
      .text--container{
        left: 4%;
        flex-basis: 44%;
        margin: 88px 0 0;
        h2{
          font-size: 32px;
          line-height: 44px;
        }
      }
    }
  }
}

@media (min-width:1024px) and (max-width:1439px) { 
  .img--section--full {  
    img {
      min-height: 640px;      
    }
    
    div .alt--text {
      font-size: 36px;
    }
  }


  .prallax--banner--wrapper{
    .prallax--banner{}
    .text--box--wrapper{
      .text--container{
        margin:88px 60px 0px;
        h2{
          font-size: 28px;
          line-height: 40px;
        }
      }
    }
  }
}

@media (min-width:768px) and (max-width:1023px) { 
  .img--section--full {  
    img {
      min-height: 800px;      
    }
    
    div .alt--text {
      font-size: 32px;
      padding: 0 96px;
      background: transparent;
    }
  }

  .prallax--banner--wrapper{
    .prallax--banner{}
    .text--box--wrapper{
      .text--container{
        margin:88px 40px 0;
      }
    }
  }
}

@media (min-width:768px){
  .prallax--banner--wrapper{
    height:1400px;
    .prallax--banner{}
    .text--box--wrapper{
      -webkit-box-pack: start;
      justify-content: flex-start;      
    }
  }
  
}

@media (max-width: 520px) {
  .admin--login {
    .login--box {
      padding: 40px 24px;
    }
    
    .login--logo {
      h1 {
        font-size: 36px;
        letter-spacing: 6px;
      }
    }
  }
}

@media (max-width:767px) { 
  .img--section--full {  
    img {
      min-height: 640px;      
    }
    
    div .alt--text {
      font-size: 24px;
      line-height: 32px;
    }
  }
}