* {
font-size: 100%;
font-family: Lato;
}

body, html {
  height: 100%;
  line-height: 1.8;
}

/* Full height image header */
.bgimg-1 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("earthpic_free10d.jpg");
  min-height: 100%;
  
}

.w3-button{
  margin: 5px;
  border-radius: 8px;
}
.w3-bar {
  height: 64px;
}

.col-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: row;
}
.col-container .col {
  flex: 1;
}
@media (max-width: 800px) {
  .col-container {
    flex-direction: column;
  }
}
.vertcenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.w3-card-margin{
box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
margin: 16px 8px;
}

.w3-bar-item-vertfit{
  padding:16px 16px;
  float:left;
  width:auto;
  border:none;
  display:block;
  outline:0;
  height: 100%;
}
.w3-hover {
  text-decoration: none;
}
/* Responsive images */
img {
max-height:100%;
object-fit: contain;
}

 .w3-button {
  padding: 12px;
}
.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}