/*** colors **
 * yellow: #e3b443  rgb(180,72,11, 0.7)  rgb(66,94,74)  rgb(115,132,120)
 * dark-grey: #5e6266
 *
 */

/* Generic */
body {
  font-family: 'Open Sans', sans-serif;
  margin-top: 105px;
}

h1, h2, h3, h4 {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: bold;
}

a, a:hover, a:visited {
  color: rgb(115,132,120);
}


/* Navbar */
.navbar-dark {
  /* background-color: #5e6266 !important; */
  /* background-color: rgb(66,94,74) !important; */
  background-color: rgb(104,124,109) !important;
}

.navbar-dark h1, .navbar-dark .navbar-nav .nav-link, .navbar-nav .nav-link.active:hover {
  color: white;
}

.navbar-nav .nav-link.active {
  text-decoration: underline;
}

.navbar-brand img { width: 100px;}
.navbar-brand h1 {
  font-size: 24px;
}

/* Buttons */
.btn-primary, .btn-primary:visited {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  color: white;
  border-color: #90A93E;
  background-color: #9ab441 !important;
  transition: all 0.2s;
}
.btn-primary:hover, .btn-primary:active {
  background-color: #AAC649;
  border-color: #9ab441;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  background-color: #AAC649;
  border-color: #9ab441;
}

/* Sections */
.background-image {
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 40px;
}
.background-image .container {
  color: white;
  background-color: rgb(0,0,0,0.5);
}
.background-image.home {
  background-image: url(/img/backgrounds/viool.jpg);
  background-position: 50% 50%;
}
.background-image.ensemble {
  background-image: url(/img/backgrounds/ensemble.jpg);
  background-position: 50% 50%;
}

.background-image.lessons {
  background-image: url(/img/backgrounds/piano-en-viool.jpg);
  background-position: 50% 50%;
}

.bg-black {
  background-color: black !important;
  color: white;
}

.bg-black h1 {
  color: rgb(115,132,120) !important;
}

.footer {
  margin-top: 48px;
  color: rgba(255,255,255,.5);
}

.gal {
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
  -moz-column-count: 4; /* Firefox */
  column-count: 4;
}

.gal-3 {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
}


.gal img{ width: 100%; padding: 7px 0;}

@media (max-width: 960px) {
	.gal {
  	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	}
}

@media (max-width: 500px) {
	.gal {
  	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	}
}