body{
    text-align: justify;
    font-family: "Open Sans", sans-serif;
    margin: 2% 0.5% 2% 0.5%;
}


h1{
    font-variant:small-caps;
    background-color: rgb(34,199,221);
    border-style: none none solid none;
    width: 95%;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    padding: 2% 1.5% 2% 1.5%;/* Top Right Bottom Left */
    margin: 2% 1% 1% 1%;
 }

h2{
    font-variant:small-caps;
    background-color: rgb(241,196,46);
    width: 95%;
    padding: 1% 1.5% 1% 1.5%;/* Top Right Bottom Left */
    margin: 2% 1% 1% 1%;
    /*margin: 10px 1% 5px 1%;*/
}

h3{
    padding-top:0.5%;
}

body > *:not(h1):not(h2){
    margin: 0% 3% 0% 3%;
}

ul {
  list-style-type: disc;
}

a{
    color: rgb(34,199,221);
}

a:hover{
    color: rgb(241,196,46);
}

img {
    width:100%;
    border: solid;
    border-color: rgb(241, 196, 46, 1.0);
    border-radius: 10%;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col"]{
    float: left;
    padding: 0%;
}

@media only screen and (min-width: 600px) { /* for screens of width 600px or more */
  .col{
    padding: 0% 1% 0% 0%;
    width: 80%;
    }

  .col-img{
    width:19%; /* 1% padding !*/
  }

  .col-gallery{
    width:45%;
    padding: 0% 2.5% 0% 2.5%;
}
}



.flag {
    float:right;
    padding:0.5%;
    border:unset;
    width:25pt;
    height:15pt;
}

figcaption {
    text-align: center;
}