body {
    font: 400 15px/1.8 Lato, sans-serif;
    color: #777;
  }
  h3, h4 {
    margin: 10px 0 30px 0;
    letter-spacing: 10px;
    font-size: 20px;
    color: #111;
  }

  a {
    color: #993d00
  }

  a:hover {
  text-decoration: none;
  color: #802000;
  }

/*  .container {
    padding: 50px 60px;
  }
   @media (max-width: 600px) {
   .container {
    padding: 20px 80px;
  }
   }*/

   .body {
   padding-top:60px;
   }

   .wrapper-body {
    padding-bottom: 50px;
    padding-top:60px;
    margin-top: 100px;
}

#wrapper {
    min-height:100%;
    position:relative;
}


   @media (max-width: 600px) {
  .body {
   padding-top:60px;
    font: 400 17px/1.8 Lato, sans-serif;

   }
   }

 /* Navbar */
  .navbar {
    font-family: Montserrat, sans-serif;
    margin-bottom: 0;
    background-color: rgb(83, 14, 0);
    border: 0;
    font-size: 11px !important;
    letter-spacing: 4px;
    opacity: 0.9;
  }
   .dropdown-menu {
    padding:0;
    margin-top: 11px;
     border-color: transparent;
  }

  .dropdown-item {
    background-color: rgba(83, 14, 0, 1);
    letter-spacing: 4px;
    font-family: Montserrat, sans-serif;
    color: rgba(255, 255, 255, .6);
  }

  .dropdown-item:hover {
    background-color: rgba(83, 14, 0, 1);
    color: #fff;
  }
  /*responsive navbar*/
   @media(max-width: 820px) {
   .nav-link {
   font-size: 10px;
   padding-right: 20px;
   }
  .nav-link-icon {
      font-size: 8px;
      }
  .dropdown-item {
    font-size: 8px;
  }
  .dropdown-menu {

  }
  }

  @media (min-width: 770px){
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;

        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-custom .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom > .container {
        flex-wrap: nowrap;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
}


  /* .nav-overlay {
  background-color:rgba(45, 45, 48, .9);
  }*/
 /* .navbar li a, .navbar .navbar-brand {
    color: #d5d5d5 !important;
  }
  .navbar-nav li a:hover {
    color: #fff !important;
  }
  .navbar-nav li.active a {
    color: #fff !important;
    background-color: #29292c !important;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
  }*/
/*
  .open .dropdown-toggle {
    color: #fff;
    background-color: #555 !important;
  }
  .dropdown-menu {
    padding:0;
  }
  .dropdown-menu li a {
    color: #000 !important;
  }
  .dropdown-menu li a:hover {
    background-color: rgba(128, 32, 0, .8) !important;
  }
*/

/* footer */
  footer {
    background-color:rgba(83, 14, 0, .9);
    color: #f5f5f5;
    padding: 32px;
  }

/*  footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 1em;
    }*/

  .footer-text {
  font-family: Montserrat, sans-serif;
    font-size: 12px !important;
    letter-spacing: 4px;
    }


  footer a {
    color:rgba(245, 245, 245, .6) ;
  }
  footer a:hover {
    color:#f5f5f5 ;
    text-decoration: none;
  }


 /* .carousel-inner img {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%); *//* make all photos black and white *//*
    width: 100%; *//* Set width to 100% *//*
    margin: auto;
  }

  .carousel-caption {
  padding-bottom:1px;
  }

  .carouselImg {
  height: 550px;
  object-fit: cover;
  width: 100%;
  }

  */

/* HomePage */
  .bg-1 {
    background: #2d2d30;
    color: #bdbdbd;
  }
  .bg-1 h3 {color: #fff;}
  .bg-1 p {font-style: italic;}
  .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .home-blog-img {
    -webkit-filter: grayscale(70%);
    filter: grayscale(50%); /* make all photos black and white */
  }



  @media screen and (min-width: 1000px) {
  .newscard {
        width: 70%;
        padding-top: 20px;
    }
  }


  /* Carousel */

   .carousel-inner img {
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%); /* make all photos black and white */
  }
  .carousel-caption {
    padding: 0px;
  }

  .carousel-caption h3 {
    color: #fff !important;
    /*margin-bottom:10px;
    margin-top:30px;*/
  }

  .carousel-caption p {
    font-style: italic;
    float: left;
    margin-bottom:0px;
  }

  @media (max-width: 600px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }

  @media screen and (min-width: 1200px) {
  .home-carousel {
        width: 80%;
        padding-top: 20px;
    }
  }
    @media screen and (min-width: 1400px) {
  .home-carousel {
        width: 60%;
        padding-top: 20px;
    }
  }

  /* Quick links */
  .person {
    border: 10px solid transparent;
    margin-bottom: 25px;
    width: 80%;
    /*height: 80%;*/
    opacity: 0.8;
    object-fit: cover;
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
  }
  .person:hover {
    border-color: #f1f1f1;
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
  }
   .quicklink {
   scroll-margin-top: 100px;
   }


    /* teaching */

  .teachingImg {
   width: 255px;
   height: 255px;
   object-fit: cover;
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
  }

  .thumbnail {
    padding: 0 0 15px 0;
    border: none;
    border-radius: 0;
  }
  .thumbnail p {
    margin-top: 15px;
    color: #555;
  }



/*  .modal-header, h4, .close {
    background-color: #333;
    color: #fff !important;
    text-align: center;
    font-size: 30px;
  }
  .modal-header, .modal-body {
    padding: 40px 50px;
  }*/
/*  .nav-tabs li a {
    color: #777;
  }*/
  #googleMap {
    width: 100%;
    height: 400px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }

  /* responsive teaching */
   @media (max-width: 600px) {
    .teachingImg {
      width: 80%;
      height: 80%;
    }
  }



  /* contact */
  .form-control {
    border-radius: 0;
  }
  textarea {
    resize: none;
  }
  .ml-1 {
    margin-left:.25rem;
  }
  .mr-1 {
    margin-right:.25rem;
  }

  .setHeightTextCenter {
  height:30px;
  }

/* Biography */
  .image-bg-dark {
    background-color: rgba(0,0,0, .8);
    transition: .7s;
  }

  .image-bg-dark:hover {
    background-color: rgba(0,0,0, .7);
    transition: .7s;
  }

  .img-border {
  margin-top: 40px;
  margin-bottom: 40px;
  }

/* general */
  .heading {
  font-size:35px;
  padding-bottom: 25px;
  }

  @media(max-width: 901px) {
  .heading {padding-top: 55px;}
  }
  @media(max-width: 830px) {
  .heading {padding-top: 90px;}
  }

  @media(max-width: 760px) {
  .heading {padding-top: 15px;}
  }

  .center {
  display: block;
  margin-left: auto;
  margin-right: auto;

}

  .btn {
    padding: 10px 20px;
    background-color: rgba(83, 14, 0, .8);
    color: #f1f1f1;
    border-radius: 0;
    transition: .2s;
  }
  .btn:hover, .btn:focus {
    background-color: rgba(99, 30, 0, 1);
    color: #fff;
  }

.postPreview {
    margin-bottom: 50px;
    margin-top: 10px;
    border-top: 1px solid LightGray;
    padding-top:10px;
}

.postlink {
    text-decoration: none;
    color: #585858;
}

.postlink:hover {
    text-decoration: none;
    color:#282828;
}

.smalllink:hover {
    text-decoration:none;
}
/*Showreel*/
.showreel {
    display: block;
    margin: 0;
    padding: 0;
    margin-bottom: 40px;
}
  /* responsive showreel */
   @media (min-width: 1200px) {
    .showreel {
      width: 80%;
      height: 80%;
    }
  }



/* Blog */
.blog_header {
    margin: 10px 0 30px 0;
    letter-spacing: 10px;
    font-size: 35px;
    color: #111;
}

.moreBlogBtn {
    font-size: 18px;
    padding: 10px 20px;
    background-color: transparent;
    color: rgba(143, 62, 36, .7);
    border-radius: 0;
    transition: .2s;
  }
  .moreBlogBtn:hover, .btn:focus {
    text-decoration:none;
    background-color: transparent;
    color: rgba(143, 62, 36, 1);
  }

.blog_head_underline {
    border-bottom: 1px solid LightGray;
    padding-bottom: 30px;
}

.blog_img {
    margin-top: 30px;
}

.blog_subheading {
    padding-bottom: 15px;
    color: #484848;
}

.blog_img_center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

.image_credit {
    font-size: 12px;
    color: #888888;
    font-style: italic;
}

.read_more_link {
    margin-left: 10px;
    font-style: italic;
}

/* Responsive blog*/
@media(max-width: 600px) {
.blog_header {
        font-size: 95%;
    }
    .blog-sub-head {
        font-size: 95%;

    }
    .moreBlogBtn {
        font-size: 75%;
    }
}

/* Gallery page */

.close {
  font-size: 1.5rem;
}

.col-6 img {
  opacity: 0.7;
  cursor: pointer;
  margin: 2rem;
  width: 100%;
}

.col-6 img:hover {
  opacity: 1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.modelcolor {
    color: #cccccc;
    background-color:#1a1a1a;
}
.gall-carousel-inner img {
    width: 80%;
    height: 80%;

  }

  .gall-carousel p {
    font-style: italic;
    float: left;
    margin-bottom:3px;
  }

/*
.photoPrev {
   width: 150px;
   height: 150px;
   object-fit: cover;
}*/


/*Page not found*/

.not-found-body{
    padding-top: 100px;
}

@media(max-width: 300px) {
    .not-found-body{
    padding-top: 40px;
}
}