/*!
 * Start Bootstrap - Thumbnail Gallery (https://startbootstrap.com/template-overviews/thumbnail-gallery)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-thumbnail-gallery/blob/master/LICENSE)
 */
.navbar-brand {
  margin-left: auto;
  font-size: 2rem;
  font-style: italic;
  font-weight: bolder;
}

.imghide {
  opacity: 0.3;
}

.bg-dark {
  background-color: #343a40

}

body {
  padding-top: 54px;
  display: flex;
  min-height: 100vh;
  flex-direction: column;

}

/*filterting*/
/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the filtering buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;

}

.btn:hover {
  background-color: #DFEAF7;
}

.btn.active {
  background-color: #5F99DB;
  color: white;
}

/*Grid of images*/
.row {
    margin: 10px -16px;
}
.row,
.row > .column {
    padding: 8px;
}

/* Create four equal columns that floats next to each other */
.column {
    float: left;
    width: 25%;
  }

/* Clear floats after rows */
.row:after {
    content: "";
    display: table;
    clear: both;
}
/*End Grid of images*/


.lightbox{
  text-align: center;

}

h1{
  font-style: italic;
  padding-top: 20px;
}

h2{
  text-align: center;
  font-size: 2em;
  margin-bottom: 4%;
  margin-top: 4%;
  font-style: italic;
}


h4{
  margin-bottom: 10%;
  text-align: center;
  font-size: 1.2em;
}

#container{
  min-height: 150vh;
  flex:1;
}

.containerForm{
  margin-bottom: 200px;

}

.contactLeft{
  display: inline-block;
  float: left;
  width: 50%;
  padding-left: 8%;
}

.contactRight{
  display: inline-block;
  float: right;
  width: 50%;
  padding-left: 10%;
}

#contactForm{
  padding-right: 30px;
  margin-right: 30px;
}

/*Contact form*/
/*not compatible with IE11*/
::-webkit-input-placeholder {
   color: #b7b7b7;
   margin-bottom: 5px;
}

:-moz-placeholder { /* Firefox 18- */
   color: #b7b7b7;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #b7b7b7;
}

:-ms-input-placeholder {
   color:#b7b7b7;
}
/*removed forms
/*form {
  margin: 50px;
  padding: 5px;
  display: inline-block;
}*/

/*form input {
  border: none;
  background: transparent;
  border-bottom: 1px solid #000;
  max-width: 100%;
  outline: none;
  font-size: 0.9rem;
}*/

/*form button {
  background: transparent;
  border: 0;
  color: #000;
}*/

.fa-2x{
margin-left: 40px;
line-height: 45px !important;
color: #5F99DB;
}

address{
  color: #fff;
  margin-bottom: 0;
  text-align: center;
  font-style: italic;
}
div.gallery {
  display: inline-block;
  opacity:1;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;

}

@media (min-width: 992px) {
    body {
    padding-top: 56px;
  }
}

@media all and (max-width: 400px){
  h1{
    font-size:1em;
  }
/*.navbar-brand {
  padding: 0px;
  transform: translateX(-50%);
  left: 50%;
  position: absolute;

}*/

@media all and (max-width: 400px){
  .btn{
    padding:1px;
    margin: 1px;
  }
}