/* // X-Small devices (portrait phones, less than 576px) */
/* // No media query for `xs` since this is the default in Bootstrap */

/* // Small devices (landscape phones, 576px and up) */

    .banner-svg{
        height: 25px;
        width: 20px;
    }

    .nav-logo{
        width: 80px;
        height: 50px;
    }

    .banner{
        height: 50vh;
    }

    .banner{
        height: 80vh;
     }

    .banner-left-side{
        background-image: url("./assets/patterns/pattern-2.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 50vh;
    }
    .banner-right-side{
        background-image: url("./assets/printers/printer-1.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 50vh;
    }
    .about-text{
        font-size: 40px;
    }

    .parallax {
        
        background-image: url("./assets/parallax//para-1.jpg");
      
        /* Set a specific height */
        min-height: 300px;
      
        /* parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }

      .parallax-2 {
        
        background-image: url("./assets/showcase/pylons.jpg");
      
        /* Set a specific height */
        min-height: 300px;
      
        /* parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }


      .showcase-images{
        width: 100%;
      }

      .footer-style{
        background-color: rgba(3, 3, 81, 0.863);
      }

      .footer-text{
        font-size: 20px;

      }
      
      .footer-image{
        width: 100%;
        height: 300px;
      }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .banner-svg{
        height: 20px;
        width: 30px;
    }

    .nav-logo{
        width: 60px;
        height: 50px;
    }
    .banner{
        height: 80vh;
     }

    .banner-left-side{
        background-image: url("./assets/patterns/pattern-2.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 80vh;
    }
    .banner-right-side{
        background-image: url("./assets/printers/printer-2.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 80vh;
    }

    .about-text{
        font-size: 50px;
    }

    .parallax {
        
        background-image: url("./assets/parallax//para-1.jpg");
      
        /* Set a specific height */
        min-height: 300px;
      
        /* parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }

      .parallax-2 {
        
        background-image: url("./assets/showcase/pylons.jpg");
      
        /* Set a specific height */
        min-height: 300px;
      
        /* parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }

      .showcase-images{
        width: 100%;
      }

      .footer-style{
        background-color: rgba(3, 3, 81, 0.863);
      }
      
      .footer-image{
        width: 450px;
        height: 300px;
      }

      .footer-text{
        font-size: 25px;

      }

    .load-hidden {
        visibility: hidden;
      }
      

 }

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {  }