/* ---- Media Queries ---- */

@media only screen and (min-width: 1600px) {
  .page_1,
  .page_2 {
    font-size: calc(0.9rem + 0.1vw) !important;
  }
}

@media only screen and (min-width: 1024px) {
  .page_1,
  .page_2 {
    font-size: calc(0.5rem + 0.1vw);
  }
}

@media screen and (min-width: 1024px) and (max-width: 1600px) {
  /* Empty media query for future use */
}

@media screen and (max-width: 1024px) {
        .header img {
        width: 25vw;
    height: 6vh;
}
}

@media only screen and (max-width: 992px) {
        .header img {
        width: 20vw;
    height: 4vh;
}
#Page_1 , #Page_2 {
    z-index: 2;
    position: relative;
    background: url(../images/mob.png);
    background-size: cover;
    /* background-position: top left; */
    background-repeat: no-repeat;
    justify-content: space-around;
    overflow: hidden;
 
}
.content_footer .content_footer_img img ,  .footer .footer_img img{
    width: 10vw;
}
}
@media (max-width: 768px) {
        .header img {
        width: 30vw;
    height: 6vh;
}
#Page_1 , #Page_2{
    z-index: 2;
    position: relative;
    background: url(../images/mob.png);
    background-size: cover;
    /* background-position: top left; */
    background-repeat: no-repeat;
    justify-content: space-around;
    overflow: hidden;
 
}
}
@media only screen and (orientation: portrait) {
}

@media only screen and (orientation: portrait) and (max-width: 768px) {
}

@media only screen and (max-width: 480px) {
 .content_footer .content_footer_img img ,  .footer .footer_img img{
    width: 20vw;
}
    
}

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

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

/* Landscape Queries for Specific Sizes */
@media only screen and (min-device-width: 375px) and (max-device-width: 919px) and (orientation: landscape) {
        .header img {
           width: 26vw;
        height: 11vh;
}
  #Page_1 , #Page_2 {
    z-index: 2;
    position: relative;
    background: url(../images/bg2.webp);
    background-size: cover;
    /* background-position: top left; */
    background-repeat: no-repeat;
    justify-content: space-around;
    overflow: hidden;
 
}
.login_form_wrapper {
    height: 75%;
}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {
#Page_1 , #Page_2 {
    z-index: 2;
    position: relative;
    background: url(../images/bg2.webp);
    background-size: cover;
    /* background-position: top left; */
    background-repeat: no-repeat;
    justify-content: space-around;
    overflow: hidden;
 
}
        .header img {
        width: 26vw;
        height: 11vh;
}
.login_form_wrapper {
    height: 75%;
}
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}


@media (min-width: 768px) {
  .container {
    max-width: 550px;
  }

}

@media (min-width: 992px) {
  .container {
    max-width: 720px;
    justify-content: center;
  }
  
}

@media (min-width: 1200px) {
  .container {
    max-width: 840px;
    justify-content: center;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1000px;
    justify-content: center;
  }
}