h1 {

  }
  h3.subheader-text {
        font-family: 'Montserrat', sans-serif;
  }
  h4.subheader-text {
        font-family: 'Montserrat', sans-serif;
        text-align:center;
  }
  .container {
  position: relative;
  width: 150px;
}

.image {
  display:block;
  width: 130px;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(155, 228, 238, 0.75);
  color:black;
  font-size:14px;
  overflow: hidden;
  width: 150px;
  height: 0;
  transition: .5s ease;
}

.container:hover .overlay {
  height: 100%;
}

.text {
  color: black;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 300px;
  text-align: center;
  display: inline;
}
.title {
  color: black;
  padding-top:5px;
  margin-top:0;
  font-size: 14px;
  font-family: 'Montserrat Subrayada', sans-serif;
    font-family: 'Roboto', sans-serif;
}

button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #276b80;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

a {
  text-decoration: none;
  font-size: 22px;
  color: black;
}

button:hover, a:hover {
  opacity: 0.7;
}
h1 {
	margin-bottom:0;padding-bottom:0;font-family: 'Montserrat Subrayada', sans-serif;
    font-family: 'Roboto', sans-serif;
}
.holder {
	margin:auto;width:100%;
}
.info-box {
	display:block;background:#e9f5f8;text-align:left; padding-left:30px;padding-right:30px;font-family: 'Montserrat Subrayada', sans-serif;font-family: 'Roboto', sans-serif;font-family: 'Zilla Slab', serif;
}
.info-box:hover {
	background:#daedf4;
}
hr {
	border:3px solid #276b80; width:250px;
}
div.listcountry {
	border: 1px solid silver;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	display:block;
	width:400px;
	font-size:13px;
}
div.listcountry:hover {
	border: 1px solid #d4ebf2;
	background:#e8f8ec;
}
div.liststaff {
	border: 1px solid white;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	display:block;
	width:200px;
}
i {
 margin-right:5px;
}
.div-info-div {
  padding-left:50px;
  padding-right:20px;
  padding-top:10px;
  padding-top:10px;
  background:rgba(198, 240, 251, 0.5);
  border-radius:24px;
  font-size:0.9em;
  font-style: oblique;
}
.div-info-header {
  padding-left:50px;
  padding-right:20px;
  padding-top:10px;
  padding-top:10px;
  padding-bottom:10px;
  margin:auto;
  width:600px;
  background: #E0EAFC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #CFDEF3, #E0EAFC);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #CFDEF3, #E0EAFC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-radius:24px;
  text-align:center;
}
img.div-info-header-img {
  float:left;
  margin-right:10px;
  width:30px;
}
hr.thin-aqua {
  border: 1px solid rgb(15, 171, 210);
  margin-top:3px;
  padding-top:0px;
  padding-bottom:0px;
  margin-bottom:0;
  width:150px;
  margin-left:10px;
}
h2 {
  color:#585f5a;
}
.download-btn {
  background:white;
  color:rgba(15, 171, 210, 0.89);
  border:1px solid rgba(15, 171, 210, 0.89);
  width:160px;
  font-size:15px;
  text-align:center;
  margin:auto;
  border-radius:24px;
  margin-top:15px;
  padding-top:5px;
  padding-bottom:10px;
  display: inline-block;
  font-size:14px;
  font-weight:700;
}
.download-btn > img{
  width:25px;
  margin-right:5px;
}
.download-btn:hover {
  background:#d4ebf2;
  color:black;
  border:1px solid white;
}
h3.title-publication {
  margin:auto;
  display:block;
  color: rgb(15, 171, 210);
  font-weight:700;
}
h3.title-publication-item {
  margin:auto;
  display:block;
  color: rgb(15, 171, 210);
  font-weight:700;
  font-size:15px;
  margin-bottom:8px;
}
.div-more-links {
  display:block;
  margin:auto;
  padding-left:1em;
  padding-top:5px;
  padding-bottom:5px;
  background: #0F2027;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  border:1px solid white;
  width: 500px;
  color:white;
  font-family: 'Montserrat', sans-serif;
  font-size:1.2em;
}
.div-more-links:hover {
  padding-left:1.3em;
  color:#0F2027;
  background: #83a4d4;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #b6fbff, #83a4d4);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #b6fbff, #83a4d4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border:1px solid #0F2027;
}
.leadership-div {
  margin-left:20%;border:1px solid silver;margin-right:20%;display:block;border-radius:24px;
  font-family: 'Montserrat', sans-serif;margin-bottom:15px;height:8em;
}
.leadership-div > img {
  border-radius:24px;float:left;width:80px;margin-right:15px;
}
.leadership-div > p {
  padding-top:20px;font-size:1em;
}
.leadership-div-name {
  font-size:1.5em;font-weight:700;margin-bottom:7px;
}
#tabs {
  width:70%;margin:auto;
}
.alert-covid {
  background:red;
  color:white;
  width:auto;
  text-align:center;
  font-size:1.4em;
  font-weight:700;
}
.alert-covid > img {
  width: 70px;
  margin:auto;
  display:block;
}
div.doc-dwnload-links {
  border:1px solid white;
  margin:auto;
  width:60%;
  font-size: 11px;
  font-weight:700;
  display:block;
  color:#0095ff;
}
div.doc-dwnload-links:hover {
  border:1px solid silver;
  color:#1e62ab;
background: #83a4d4;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #b6fbff, #83a4d4);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #b6fbff, #83a4d4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#tabs > ul {
  background:orange;
}
#tabs > div > hr {
  display:block;margin:0;margin-bottom:15px; border:3px solid darkorange;
}
#tabs > div > h3 {
  color:darkorange;
}
#tabs > ul > li {
  background: #FFEFBA;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFFFFF, #FFEFBA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
#covid-video {
    width:560; height:315;
}
#overlay-world {
  min-height:350px;
  color:white;font-weight:700;text-align:center;padding-top:50px;
  width:100%;
  background:linear-gradient(0deg, rgba(0, 64, 128, 0.75), rgba(0, 64, 128, 0.75)), url(https://mofa-fj-web-assets.sgp1.cdn.digitaloceanspaces.com/assets/backgroundIMG/world_map.jpg);
  background-size:cover;
}
.fb-page-div {
    width:100%;background: #2980B9;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFFFFF, #6DD5FA, #2980B9);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFFFFF, #6DD5FA, #2980B9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
padding-top:10px; padding-bottom:10px; height:700px;
}
#twitter-module {
  display:none;width:450px;height:500px;margin:auto;overflow-y: auto;
}
#ig-module {
  display:none;width:450px;height:500px;margin:auto;overflow-y: auto;
}
.flag-icon {
  width:80px; 
  padding-bottom:0;margin-bottom:10px;margin:auto;
}
.link-website-mission {
  border-radius:24px;border:2px solid white;text-align:center;font-size:14px;margin:auto;width:100px;
}
.link-website-mission:hover {
  background:white;color:#004080;border:2px solid #004080;
}
</style>
<style>
  @media only screen and (max-width: 800px) {
      .div-info-header {
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-top:10px;
  padding-bottom:10px;
  margin:auto;
  width:100%;
  background: #E0EAFC;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #CFDEF3, #E0EAFC);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #CFDEF3, #E0EAFC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border-radius:24px;
    text-align:center;
  }
  img.div-info-header-img {
    float:left;
    margin-right:2px;
    width:25px;
  }
  h3.title-publication {
  margin:0;
  }
  #tabs {
    width:95%;
  }
  #covid-video {
    width:354; height:200;
  }
  .doc-dwnload-links {
    width:95%;
  }
  .div-more-links {
    width:95%;
  }
  .leadership-div-name {
    font-size:1.2em;
  }
  .leadership-div {
    width:90%;
    margin:0;
    margin:auto;
  }
  .leadership-div > p{
    font-size:0.7em;
  }
  }