.image-border img {
  /*border: 3px solid rgba(248,10,10,0.75);*/
  /*position: absolute;*/
  /*top: 10px;*/
  /*left: 10px;*/
  /*right: 10px;*/
  /*bottom: 10px;*/
  outline: 1px solid rgb(187,18,18);
  outline-offset: -4px;
}

.filtr-container img {
  outline: 1px solid rgb(255,255,255);
  outline-offset: -8px;
}

.navbar-brand > img {
  width: 120px;
  z-index: 20;
  margin-top: -10px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  /*height: 190px;*/
}

.navbar-header {
  height: 70px;
  border: 0;
  background-color: #fff;
}

.navbar.navbar-default {
  border: 0;
  margin-bottom: 0;
}

#navcol-1 {
  border: 0;
}

.navbar-header {
  background-color: #fff;
}

.container-fluid {
  background-color: #fff;
  border: 0;
}

#navcol-1 {
  border: 0;
  background-color: #fff;
}

.navbar-header {
  /*background-color: #blue;*/
  min-height: 90px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  /*background-color: blue;*/
}

.container-fluid {
  min-height: 70px;
}

.navbar-header {
}

.h1, h1 {
}

@media (max-width: 768px) {
  h1.hero {
    text-shadow: 1;
    text-shadow: 3px 3px 3px rgba(5, 5, 5, 1);
    font-family: 'Playfair Display';
    font-size: 48px;
    color: #fff;
  }
}

@media (min-width: 768px) {
  h1.hero {
    text-shadow: 1;
    text-shadow: 2px 2px 2px rgba(5, 5, 5, 1);
    font-family: 'Playfair Display';
    font-size: 56px;
    color: #fff;
  }
}

@media (min-width: 991px) {
  p.hero {
    text-shadow: 3px 3px 3px rgba(5, 5, 5, 1);
    font-size: 23px;
    margin: 0 auto;
    color: #fff;
  }
}

@media (max-width: 990px) {
  p.hero {
    font-size: 23px;
    text-shadow: 2px 2px 2px rgba(5, 5, 5, 1);
    color: #fff;
  }
}

.navbar.navbar-default {
  min-height: 70px;
}

.navbar-default .navbar-nav > li > a {
  color: rgb(99,140,103);
}

.navbar .container-fluid {
  min-height: 90px;
}

@media (min-width:768px) {
  .navbar-nav > li {
    float: left;
    top: 20px;
  }
}

img.veronica-portrait {
  /*max-height: 350px;*/
}

.container.about {
  margin: 45px auto;
}

.about img {
outline: 1px solid rgb(255,255,255);
outline-offset: -8px;
}

.row.about p {
  color: #515050;
  margin-left: 0;
}

p {
  font-size: 17px;
  color: #515050;
}

.text-center {
  color: #515050;
}

.fwhite {
  /*ont-size: 16px;*/
  text-shadow: 2px 2px 2px rgba(5, 5, 5, 1);
  text-decoration:none;
}

.fwhite a, .fwhite a:hover {
color:#fff!important;
text-decoration:none;
}

.socialicon {
  -webkit-filter: drop-shadow( 2px 2px 2px rgba(5, 5, 5, 1));
  filter: drop-shadow(2px 2px 2px rgba(5, 5, 5, 1));
  /* Similar syntax to box-shadow */
}

p.lede {
  font-size: 17px;
  padding: 0;
}

.container.lede {
  margin: 45px auto;
}

#filtr-gallery p.text-center {
  width: 100%;
  border: 1px solid red;
  margin: 0;
  padding: 0;
}

.text-center {
}

.text-center.gallery-heading {
  color: rgb(153,179,156);
}

.container.lede h1.text-center {
  color: rgb(153,179,156);
}

.h2, h2 {
  color: rgb(153,179,156);
  font-family: 'playfair display';
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 25px;
  font-size: 48px;
}

.container.lede h1.text-center {
  font-size: 48px;
}

#logo img {z-index:20;position:absolute;display: block;width:165px; left: 10%;}


@media (min-width: 768px) {
#logo img {left: 40%;}
}

@media (min-width: 991px) {
#logo img {left: 42%;}
}

@media (min-width: 1200px) {
#logo img {left: 45%;}
}