* {
  box-sizing: border-box;
}

body {
  margin: 0 !important;
  background-size: 100%;
}

background {
  max-width: 100%;
}

/* .column {
  float: right;
  width: 45%; 
  padding: 1.5em 10% 0 0%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  align-content: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
} */

/* Clearfix (clear floats) */
/* .row::after {
  content: "";
  clear: both;
  display: table;
} */

.row {
  display: flex;
}

.column {
  flex: 50%;
  /* padding: 67px; */
  padding-left: 19px;
  padding-right: 19px;
}

/* Toolbar */
#navbar {
  overflow: hidden;
  /* background-color: #ffffff; */
  /* position: fixed; Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  padding: 1em 1em;
  /* z-index: 100; */
}

.column a img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.column a:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  border-bottom: solid 0.25em #f244b8;
}

.choose {
  margin: 2em auto 0 auto; /*85px*/
  color: rgb(0, 0, 0);
  font-weight: 400;
  line-height: 1.5;
  font-size: 14pt;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 500;
}

#paragraph {
  text-align: center;
  margin-top: 0em;
}

#paragraph .choose {
  width: 50%;
  /* margin: 0 auto; */
}

@media (min-width: 81em) {
  .column {
    padding-top: 3em;
    padding-bottom: 0.5em;
  }
}

@media (max-width: 80em) {
  .column {
    padding-top: 1em;
    padding-bottom: 0.5em;
  }
}

.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.welcome {
  text-align: center;
  font-size: 20pt;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 600;
}

@media (min-width: 81em) {
  .choose {
    margin: 4em auto 0 auto;
  }
}

@media (min-width: 81em) {
  .welcome {
    font-size: 35pt;
  }
}

@media (min-width: 81em) {
  #navbar {
    padding: 2em 1em;
  }
}

@media (min-width: 81em) {
  .logo {
    height: 60;
  }
}

@media (min-width: 81em) {
  body {
    background-size: 100%;
  }
}

@media (max-width: 80em) {
  body {
    background-size: 94%;
  }
}

.s100,
.SHT {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}