audi/app/assets/scss/responsive.scss

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


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

@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--wrappers{
    .prallax--banner--wrapper{    
      .text--box--wrapper{
        .text--container{
          margin:88px 40px 0;
        }
      }
    }
  }
}

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


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


@media (min-width:1440px) and (max-width:1919px) { 
  .img--section--full {      
    div .alt--text {
      font-size: 40px;
    }
  }
  .prallax--banner--wrappers{
    .prallax--banner--wrapper{
      height:1600px;    
      .text--box--wrapper{
        .text--container{         
          margin: 88px 0 0;
          h2{
            font-size: 32px;
            line-height: 44px;
          }
        }
      }
    }
  }
}



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