#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}
#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #56829e;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}
@-webkit-keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loadingCheck{
height: 30px;

}

.loadingCheckLarge{
height: 60px;
width:60px;

}
/*Main Header*/
#selectContainer {
  position: fixed;
  top: 35;
  z-index: 1000;
  width: 100%;
  padding: 11px 0;
  display: flex;
  justify-content: center;
}

#countryNameList {
  width: 200px;
transform: translateX(-10%);
}

/*Map styling*/

#map {  

    position:absolute;
    min-width:10%;
    min-height:10%;
    width:100%;
    height:100%;
    z-index:1;
  
   
}

.form-select{
    position: absolute;
    width: 20%;
    transform: translateX(80%);
}

.close{
z-index:1;
position: absolute;
top: 560px;
text-decoration:none;
transform: translateY(200%);

}

.close .bi {
transition-delay:0.8s;
animation: bounce 1s infinate alternative;
}

#icons{
    z-index:3;
}

#modals{
    position: absolute;
    z-index:3;
    top:25%;
}


/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 50%;
  height: 50%;
  text-align: center;
  padding: 10px 0;
  height: 150px;
  z-index:5;
}
/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
  z-index:5;
}
@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}
/* The Close Button */

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
    z-index:3;
  }
}

#newsImageOne img{
width: 100%;
}

#newsImageTwo img{
width: 100%;
}

#newsImageThree img{
width: 100%;
}

#newsImageFour img{
width: 100%;
}
s
.modal-body{
align-items: center;

}

#headlineOne
{
font-size: 18px;

}

#headlineTwo
{
font-size: 18px;

}

#headlineThree
{
font-size: 18px;

}


#headlineFour
{
font-size: 18px;

}


#entries{
  top:30%;
  z-index:4;
}