/*      BODY    */

body{

}

.dark_green {
  padding-top: 20px;
  color: #e4f9ec;
  background-color: #072814;
}

.light_green {
  padding-top: 20px;
  color: #424443;
  background-color: #fdfdfd;
}


.light_green h1, .light_green h2{
   color: #5e6d66;
}
 
.dark_gray {
  padding-top: 20px;
  color: #e4f9ec;
  background-color: #454645;
}


.dark_green h1, .dark_green h2{
   color: #e4f9f0;
 }
 
.top{
  height:50px;
}

.mid{
  max-width: 1100px;
}
.center{
  text-align:center;
}
.pic-wrap{
  max-width: 800px;
}

/*       NAV       */
.logo {
   height:50px;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: #010000 !important;
}

.nav-link{
  font-size: 1.2em;
  color:#ddd;
}
/*  HEADER   */

header img{
   width:100%;

}

/*        CONTENT       */

img{
   max-width:100%;
}

.card{
  margin: 12px 0;
}

.card-body {
  background: #d0d0d0;
}

.flag{
float: right;
}

.flag img{
width: 50px;
margin: 6px;
border: solid 1px #888;
}

 /* The grid: Four equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
}

/* Style the images inside the grid */
.column img {
  opacity: 0.8;
  cursor: pointer;
}

.column img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container (positioning is needed to position the close button and the text) */
.pcontainer {
  position: relative;
  display: none;
}

/* Expanding image text */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Closable button inside the image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
} 

.col-md-4{
margin-top:20px;
}


/*  FOOTER   */

footer{
  color: #666;   
}

footer a{
  color: #666;   
}

footer a:hover{
  color: #aaa;   
}