body{
  /*font-family: 'Cormorant Infant', serif;*/
  /*font-family: 'Playfair Display', serif;*/
  font-family: 'Marmelad', sans-serif;

}
h3.display-4.is-center{
  text-align: center !important;
  padding-top:0.2em  !important;
}
.section{
  min-height:100vh;
  height: auto;
}
#home{
  min-height: 100vh;
  height:auto;
  background-attachment: fixed;
}
.fa {
  padding: 0.6em 0.8em;
  font-size: 1.35em !important;
  text-align: left;
  text-decoration: none;
  border-radius: 50%;
}

.fa:hover {
  opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}
footer li.bold.center{
  text-align: center;
}
footer .w-100 li{
  text-align: center;
  margin-top: 1em;
}
footer li.bold.center span{
  padding-right:0.5em;;
}
ul.w-100{
  width:100%;
  padding: 0 0.5em;
}
.h-100{
  min-height:100vh !important;
  height:auto !important;
}
.overlay{
  background: rgba(255,255,255,0.05);
}
.bckg-contain{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-section{
   /*background-image: url('../img/back2-2.jpg');*/
   /*background-image: url('../img/background2.jpg');*/
   /*background-image: url('../img/background1.jpg');*/
   /*background-image: url('../img/background3.jpg');*/
   /*background-image: url('../img/backgroundN1.jpg');*/
   background-image: url('../img/backgroundN2.jpg');
   /*background-image: url('../img/back3.jpg');*/

 }
.about-section{
  background-image: url('../img/duskaAbout.jpg');
}
.green div{
  padding: 30% 2em;

}
.meet a{
  color:white;
}
.lang{
  padding-left:0 !important;
  padding-right: 1em !important;
  font-size: 0.85em !important;
}
.span-line{
  color:white;
}
.languages{
  position: absolute;
  right:0;
}
.lang:hover{
    color:rgba(255,255,255,0.5) !important;
  -webkit-transition: 0.35s;
  -moz-transition:  0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}
.padding-top{
  padding:2em 0;
}

.scroll-down {
  position: absolute;
  left: 50%;
  bottom: 3vh;
  display: block;
  text-align: center;
  font-size: 20px;
  z-index: 100;
  text-decoration: none;
  text-shadow: 0;
  width: 1.5em;
  height: 1.5em;
  border-bottom: 4px solid #fff;
  border-right: 4px solid #fff;
  z-index: 9;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) rotate(45deg);
  -moz-transform: translate(-50%, 0%) rotate(45deg);
  transform: translate(-50%, 0%) rotate(45deg);
  -webkit-animation: fade_move_down 4s ease-in-out infinite;
  -moz-animation:    fade_move_down 4s ease-in-out infinite;
  animation:         fade_move_down 4s ease-in-out infinite;
}

.scroll-down:hover{
  border-bottom: 4px solid #53682b;
  border-right: 4px solid #53682b;
}
/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
.meet a:hover{
  -webkit-transition: 0.65s;
  -moz-transition:  0.65s;
  -ms-transition:  0.65s;
  -o-transition:  0.65s;
  transition:  0.65s;
  color:white;
  text-decoration: none;
}
.green img{
  height: 8em;
  padding: 1em;
}
.list{
  margin:5em 0;
  padding:0 !important;
}
.list li{
  display: inline-block;
}
.list img{
  height: 5em;
  background: #53682b;
  padding: 1em 1.5em;

}
div.inline{
  display: inline-block;
}
h1{
  font-family: 'Caveat', cursive;
    font-size: 7em;
    font-weight: 400;
    line-height: 0.9;
}
p.text{
  margin-top:1.2em;
}
#about p, .text{
  margin-top: 0;
margin-bottom: 1.5rem;
font-size: 1.15rem;
font-weight: 500;
line-height: 1.5;
}
#about .carousel-item img{
      height: 100%;
}
#carousel-page{
  background-position-y: bottom !important;
background-position-x: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
#map{
  height: 40vh;
}
form{
  margin:4em 0;
}
a{
  color:#53682b;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.btn-primary{
  background: #53682b;
  border:1px solid #53682b;
  font-size: 1.2em;
  padding: 0.25em 1.5em;
}
.btn-primary:hover{
  background: none;
  border:1px solid #53682b;
  color:#53682b;
  transition: 0.65s;
}
h2.c-brown{
    margin: 1em 0 0 0;
    font-size: 4em;
  }
  .green-img{
    width:20em;
    padding-top:0 !important;
  }
  article h3{
    color:white;
    /*padding-top: 15vh;*/
    padding-top: 25vh;

    font-size: 3em;
  }
.c-brown{
  color: #665546;
}
.c-white{
  color: white;
}
.green, .modal-content{
  background: #53682b;
}
.modal-content .close{
  opacity: 1;
  font-size: 2em;
  color: #53682b;
  text-decoration: none;
  text-shadow: none;
  font-weight: 100;
  position: absolute;
  float: right;
  padding: 0.10em 0.5em 0.25em 0.5em;
  right: 0;
  z-indeX: 999;
  background: white;
  cursor: pointer;
  top: -0.1em;
}
.modal-body li{
  color: rgba(255,255,255,1);
  font-size: 1.25em;
  line-height: 2;
  text-align: left;
  padding-bottom: 0.2em;
  padding-top: 0.5em;
  border-bottom: 1px solid rgba(255,255,255,0);
  border-top: 1px solid rgba(255,255,255,0);
}
.modal-body li:hover{
  border-bottom: 1px solid rgba(255,255,255,0.55);
  border-top: 1px solid rgba(255,255,255,0.55);
  -webkit-transition: linear 0.45s;
  -moz-transition: linear 0.45s;
  -ms-transition: linear 0.45s;
  -o-transition: linear  0.45s;
  transition: linear  0.45s;
}
.modal-body li:hover a{
  padding-left:1em;
  -webkit-transition: linear 0.45s;
  -moz-transition: linear 0.45s;
  -ms-transition: linear 0.45s;
  -o-transition: linear  0.45s;
  transition: linear  0.45s;
}
.modal-body{
  text-align: center;
  color:white;
  font-style: italic;
}
#about .car .col-md-4, #about .car .col-md-8{
  padding:0;
}
#about .car{
  margin-top: 2em;
}
#products .col-md-6{
  padding:0;
}

/*Header - nav*/
.bg-white{
  background: rgba(0,0,0,0) !important;
}
nav.navbar{
  background-color: rgba(83,104,43,0.55) !important;
  height: 45px;
}

nav.navbar.shrink {
    width: 100%;
  background-color:  rgba(83,104,43,0.75) !important;
  box-shadow: 0 0px 0 0 #dadada;
    position: fixed;
    left: 0px;
    transition: all 1.5s ease;
}
.navbar{
  padding:0;
  height:60px;
}
nav.shrink .margin-left {
    margin-lefT: 6vw;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(255,255,255,.75);
    font-weight: 500;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(255,255,255,1);
}
/*nav.shrink .logoHermes img{*/
  /*height: auto !important;*/
    /*width: 25vw !important;*/
/*}*/
.navbar-nav.pull-sm-left{
  text-align: right;
}

.navbar-brand{
  padding:0;
  width:16vw;
  margin-top:40px;
  padding-top: 2em;
  max-width:200px;
}
.shrink .navbar-brand{
  width:12vw;
}
/*nav.navbar.shrink .navbar-brand  img{*/
  /*height: 5vw;*/
  /*width: 120px;*/
  /*transition: all 1.5s ease;*/
/*}*/
nav.navbar.shrink a {
  font-size: 1em;
  transition: all 1.5s ease;
}
nav.navbar.shrink .navbar-toggler {
  margin: 8px 15px 8px 0;
  padding: 4px 5px;
  transition: all 1.5s ease;
}
.navbar-brand{
  margin-right: 0 !important;
}
.navbar-nav{
  padding-left:40px;
}
.navbar-nav.pull-sm-right{
  padding-left:0;
}
.margin-left{
      margin-lefT: 9vw;
}
.logo{

	width: 170px;
	height: 58px;
}
.img-50{
  height:25em;
}
.mxl-8{
  margin-left: 8vw;
}

.hero-container p{
  color:black;
  text-align: center;
  height:auto;
}


.bg,
.overlay {
  text-align: center;
}

img,
.overlay {
  transition: .3s all;
  border-radius: 3px;
}

.bg {
  float: left;
  position: relative;
  margin: 1rem;
  overflow: hidden;
  background:black;
}
.bg  img {
    width: 100%;
    margin-bottom: -4px;
    opacity:0.75;
}
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white; /*rgba(102,85,70,1);*/
    /*opacity: 0;*/
    cursor: pointer;
  }
  .overlay  h2 {
  font-size: 3em;
    font-style: italic;
    vertical-align: bottom;
    height: 100%;
    position: absolute;
    top: 38%;
    width: 100%;
    z-index: 999;
}
.overlay::before, .overlay::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}
.draw {
  transition: color 0.25s;
}
.draw::before, .draw::after {
  border: 5px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {
  top: 0;
  left: 0;
}
.draw::after {
  bottom: 0;
  right: 0;
}

.draw:hover::before, .draw:hover::after {
  width: 100%;
  height: 100%;
}
.draw:hover::before {
  border-top-color: #fff;
  border-right-color:#fff;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
  border-bottom-color: #fff;
  border-left-color:  #fff;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.meet::after {
  top: 0;
  left: 0;
}
.meet:hover::before {
  border-top-color:  #fff;
  border-right-color:  #fff;
}
.meet:hover::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}


  .bg:hover
    .overlay {
      opacity: 1;
    }
.bg:hover img {
-webkit-filter: blur(2px);
filter: blur(2px);
transform: scale(1.35);
opacity:1;
}


@media screen and (max-width: 1148px) {
  .bg {
    max-width: 100%;
    margin: 1%;
  }
}

.navbar-toggler{
  border-radius:0;
  border:none;
}
@media screen and (max-width: 768px) {
  .bg {
    float: none;
    max-width: 80%;
    margin: 1% auto;
  }
  .navbar-collapse *{
    font-size: 1.3em;
  }
}
@media (min-width: 992px){
  .nav-img{
    display: none;
  }
  .navbar-expand-md .navbar-nav .nav-link {
      padding-right: 3rem;
      padding-left: 3rem;
      font-size: 1.25em;
  }
  .block .img-responsive:hover{
    cursor:pointer;
  }
  .block .img-responsive:hover{
    position: absolute;
    width: 25vw;
    background: rgba(255,255,255,0.85);
    transition: 0.65s;
    margin-top: -5vw;
    margin-left: -15vw;
    z-index: 999;
    border-radius: 15px;
  }
}
@media (max-width:992px){
  .text-about,#about .newspaper ul, #about .newspaper ol, #about .newspaper p{
    font-size: 1em !important;
  }

  footer li.bold{
    font-size: 1.25em !important;
  }
  footer li{
    font-size:0.85em !important;
  }
  .container.clearfix{
    padding:0 !important;
  }
  .about h2 {
    font-size: 4rem !important;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left:1.5rem;
    font-size: 1em;
  }
  .navbar-brand{
    display: none;
  }
  .navbar-nav.pull-sm-left{
    text-align:left;
    padding-left:0;
  }
  .navbar-nav{
    display: inline-block;
  }
  .navbar-collapse{
    padding-top: 10vh;
    position: absolute;
    width: 100vw;
    left: 0;
    background:rgba(0,0,0,0.75);
    top: 0;
    min-height: 100vh;
    height: auto;
    z-index: -1;
  }
  .languages{
    position: relative;
  }
  .languages li,.navbar-collapse li{
    display: inline-block;
  }
  .languages .nav-item{
    width: auto !important;
    margin-top:1em;
  }
  .nav, .nav-item{
    width: 100vw !important;
    text-align: center;
  }
}

.full-height {
		/*height: 35vh; */
  height: 55vh;


}
	.fixed-height {
		height: 35vh;
	}
	.code {
		font-family: courier;
		padding: 2px 5px;
		background-color: rgba(255, 255, 255, 0.6);
		color: #000;
		border-radius: 3px;
		border: 1px solid #222;
	}

	.footnote {
		position: absolute;
		padding: 15px 20px;
		width: 100%;
		bottom: 0;
		left: 0;
		font-style: italic;
		background-color: rgba(0,0,0,0.4);
	}
	.center { text-align: center; }
	.right { text-align: right; }
	.bg1 { background-image: url('../img/back1-1.jpg'); }
/*.bg1 { background-image: url('../img/back2-2.jpg'); }*/


	.inner-parallax {
		position: relative;
		background-image: url('../img/back1-1.jpg');
		height: 200px;
	}
  .article-parallax{
    height: 35vh;
    background: rgba(0,0,0,0.5);
  }
.logoHermes{
  height: 15vw;
padding: 0.2vw 2vw;
width: 15vw;
}
.carousle-arrow{
  position: absolute;
  top: 25%;
  right: 0;
  height: 50%;
  width:100%;
  margin: 0;
}

#carousel-page .h-100{
min-height: 100vh !important;
height: auto !important;
  padding:0;
}
#carousel-page .carousel-inner{
  overflow:unset;
}
.white-block{
background: rgba(255,255,255,0.85);
  padding: 2em 4em;
  position: absolute;
  float: right;
  right: 0;
  top:12vh;
}
.alert{
  z-index:9999999;
  position: fixed;
  width: 100vw;
  border-radius: 0;
}
.img-left{
  position: relative;
  left: -5em;
  height: 65vh;
  min-height: 500px;
  max-height: 600px;
}
#carousel-page .display-2{
  color:#665546;
  padding-bottom:0.3em;
  font-weight: 200;
  position: relative;
  font-size: 1.8em;
}
#carousel-page .display-4{
  font-size: 1.5rem;
}
.h4, h4{
  font-size: 1.25rem !important;
}
/*.greenLine::after{*/
  /*content: url('../img/greenLine-01.svg');*/
  /*position: absolute;*/
  /*bottom: -1.5rem;*/
  /*width:80%;*/
  /*height: 100%;*/
  /*display: block;*/
/*}*/
#carousel-page .display-4{
  font-style: italic;
  padding-top:0.5rem;
  font-size:1.3rem !important;
  line-height:1.2;
  color: #665546;
  margin-bottom: 2rem;
}
.carousel-ind{
  margin-top:3rem;
}
#carousel-page h3.display-4{
  font-size: 1.35rem !important;
}
h4.display-6{
  font-size:1.2rem  !important;
  color: #665546;
  border-bottom: 1px solid rgba(83,104,43,1);
}
#carousel-page .display-3{
  font-size:1.25rem;
  color: #665546;

}
.carousel-ind li{
  width: 5em;
  height:4em;
  overflow:hidden;
  display: inline-block;
  background: rgba(255,255,255,0.75);
  margin: 1px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
}
.carousel-ind li:hover{
  transform: scale(1.65);
  -ms-transform: scale(1.65); /* IE 9 */
  -webkit-transform: scale(1.65); /* Safari and Chrome */
  -o-transform: scale(1.65); /* Opera */
  -moz-transform: scale(1.65); /* Firefox */
  transition:0.65s;
}
.carousel-ind li img{
  height: 100%;
}

.container.is-center{
  text-align: center;
}
.img-tin{
  position: absolute;
  background:  rgba(255,255,255,0.75);
  border-radius: 50%;
  float: right;
  right: 0;
  margin-top: -2em;
}
.img-tin img{
  width:7em;
  padding:1em;
}
.carousle-arrow .carousel-control-prev{
  float:left;
left:0em;
width: 3em;
  height: 50%;
  top:25%;
opacity: 1;
}
#about .carousel-control-prev{
top: 3em;
left:-3em;
width: 3em;
height: 3em;
background: #53682b;
opacity: 1;
}
#about .carousel-control-next{
  position: absolute;
      top: 0;
      left:-3em;
      width: 3em;
    height: 3em;
      background: #53682b;
      opacity: 1;
}
.carousle-arrow .carousel-control-next{
  position: absolute;
      right:0;
      width: 3em;
    height: 50%;
  top:25%;
      opacity: 1;
}
.carousel-control-next-icon{
  background-image:url('../img/next.svg');
}

.carousel-control-prev-icon{
  background-image:url('../img/next.svg');
  transform: rotate(180deg);
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: 10em;
  height: 10em;
}
#about .carousel-control-next-icon, #about .carousel-control-prev-icon {
  width: 1em;
  height: 1em;
}
.carousel-control-prev:hover,.carousel-control-next:hover {
  opacity: 0.85;
  transition: 0.65s;
}
textarea{
  margin-bottom:2rem;
}
#map h5{
  font-size:1em;
  font-weight: 100;
  line-height:1.5;
}
#about.section{
  min-height:50vh;
}

footer{
  background: #665546;
  padding: 4em 0;
}
footer a{
  color: white;
}
.max-1200{
  max-width:1200px;
}
footer a:hover{
  opacity:0.75;
  -webkit-transition: .45s;
  -moz-transition: 0.45s;
  -ms-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
  color: white;
  text-decoration: none;
}
footer li{
    color:rgba(255,255,255,1);
font-size: 1em;
line-height: 2;
text-align: left;
}
.h3, h3 {
  font-size: 1.5rem;
  line-height: 1.5;
}
footer li.bold{
  text-align: right;
  font-size: 1.65em;
opacity: 0.55;
position: relative;
}
footer li.bold span{
  background: #665546;
  padding-left:0.5em;
}
footer li.bold hr{
  position: absolute;
    width: 100%;
    float: left;
    left: 0;
    top: 30%;
    border-top: 1px solid white;
    z-index: -1;
}
footer ul{
  list-style: none;
}
.small-footer{
  background: #44362b;
  font-size: 0.8rem;
}
.small-footer p{
color:#665546;
margin: 0;
padding: 0.35em;
}
.small-footer p span{
  color:rgba(255,255,255,0.35);
}
.newspaper {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
}
@media (min-width: 992px) {
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    /* display: flex!important; */
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
@media (max-width:992px) {
  .navbar-expand-md .navbar-collapse {
    display: none !important;
    /* display: flex!important; */
  }
  .navbar-expand-md {
    -ms-flex-flow: row nowrap !important;
    flex-flow: wrap !important;
    -ms-flex-pack: start !important;
    justify-content: normal !important;
  }
  .navbar-expand-md .navbar-collapse.show {
    display: block !important;
    /* display: flex!important; */
  }
  .white-block{
    position: relative;
    top: 0;
  }
  .nav-img{
    display:block;
    z-index: -2;
    width: 15vw;
    min-width: 85px;
    top: 0;
    margin-left:auto;
    margin-right:auto;
  }
  .navbar-toggler{
      position:absolute;
    top: 0.3em;
    display: block !important;
  }

  .navbar-toggler .line{
width: 2em;
float: left;
height: 2px;
background-color: #fff;
margin-bottom: 5px;
}
  .list{
    text-align: center;
  }
  nav.navbar.shrink{
    height: 45px;
  }
  nav.navbar.shrink .navbar-toggler{
    padding: .25rem .75rem;
    margin:0;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1020px !important;
  }
}
.about h2, .about h3{
  color:white;
}
.about h2{
  font-size:6rem;
  width:100%;
  opacity: 0.75;
  padding-right:0.55em;
}
.m-10{
  margin-top:10em;
}
.text-about{
  color:white;
  font-size:1.35em;
  padding-top:5rem;
}
.block{
  display: block;
  width: 100%;
}
.vertical-hr{
  border: none;
  border-left: 3px solid #665546;
  height: 20vh;
  width: 5em;
}

.newspaper {
  margin-top:5em;
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  -webkit-column-width: 100px; /* Chrome, Safari, Opera */
  -moz-column-width: 100px; /* Firefox */
  column-width: 100px;
}
#about .newspaper ul, #about .newspaper ol,#about .newspaper p{
  line-height: 1.55;
  font-size: 1.25rem;
}
#about .carousel-item img.w-100{
  height:auto !important;
}
#carousel-page .carousel-item{
  margin-top:5vh !important;
}
.carousel-item .img-responsive{
  width:100%;
}
.car-hidden{
  margin: 5em 0;
}
.next{
  float: right;
  margin: 2rem 0;
}
.prev{
  float: left;
  margin: 2rem 0;
}
.white-par{
  color: white !important;
  font-size: 1.2rem;
}
.more{
  font-style: italic;
  background:#53682b;
  color:white;
  padding:0.25rem 1rem;
}
.more:hover{
  text-decoration: none;
  color:rgba(255,255,255,0.75);
  background: #97ba40;
  -webkit-transition: 0.65s;
  -moz-transition: 0.65s;
  -ms-transition: 0.65s;
  -o-transition: 0.65s;
  transition: 0.65s;
}
.more-link{
  font-style: italic;
  padding:0.25rem 1rem;
}
.more-link:hover{
  color:#53682b;
  opacity:0.55;
  text-decoration: none;
  -webkit-transition:0.45s;
  -moz-transition:0.45s;
  -ms-transition: 0.45s;
  -o-transition:0.45s;
  transition: 0.45s;
}
.blog{
  margin-top: 5em;
}

.blog .more{
  margin-top: 2em;
  left: 0;
  margin-left: 15px;
  position: absolute;
}
.pagination{
  float:right;
  right:0;
  margin: 5rem 0;
}
.pagination li{
  padding: 0.15rem 0.55rem;
  background: white;
  border:1px solid #53682b;
  color:#53682b;
}
.pagination li.active{
  background-color: #53682b;
  color:white;
}
.pagination li.disabled{
  background-color: #53682b;
  color:white;
  opacity:0.75;
}
.pagination li:hover{
  background-color: #97ba40;
  color:white !important;
}
.pagination li a:hover{
  color:white !important;
  text-decoration: none;
}
.card{
  display: inline-block;
  padding:0;
  margin-top:1rem;
}
.card-panel{
  margin-bottom:5rem;
}
.date{
  font-style: italic;
  font-size: 0.85rem;
}

@media(max-width:992px){
  .navbar-brand{
    margin:0;
  }
  .carousle-arrow{
    z-index:999;
  }
  body{
    font-size:18px;
    overflow-x: hidden;
  }
  .overlay h2,article h3 {
    font-size: 1.5em;
  }
  h2.c-brown{
    font-size: 2em;
  }
  .list img{
    margin-top:3rem
  }
  .hide{
    display: none;
  }
  .newspaper {
    margin-top: 5em;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-width: 0;
    -moz-column-width: 0;
    column-width: 0;
    column-width: 0;
  }
  .modal-body li{
    font-size:1em;
  }
  .img-left {
    position: relative;
    left: 0;
    height: 35vh;
    min-height: 80vw;
    top: 5vw;
    margin: 0;
  }
  .carousel-item .img-responsive {
    width: 100%;
    max-width: 80px;
    display: inline-block;
  }
  h3.display-4.is-center {
    text-align: left !important;
  }
  .carousle-arrow{
    top:15%;
  }
  .carousel-control-next-icon, .carousel-control-prev-icon {
    width: 2.5em;
    height: 3em;
  }
  #about .carousel-item img {
    width: 100%;
    height:auto;
  }
.small-footer{
  font-size: 0.7rem;
}
}