/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
}

.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}


 .header{

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    min-height: 500px; 

}

 .image1 {
    background-image: url(/images/hero-images/paint-brushes1629X664.jpg);

}

 .image2 {
    background-image: url(/images/hero-images/hero-paint-brush1632x1111-colored-pencil.jpg);

}

 .image3 {
    background-image: url(/images/hero-images/canvases-ladder-colored-pencil-1382x1111.jpg);

}

.image4 {
background-image: url(/images/hero-images/paint-brushes1629X1109.jpg);
}

@media (max-width: 768px){

  .navbar-wrapper {
  top: 0px;
}

  }

@media (max-width: 480px){
 .header{

    min-height: 300px; 
}



}