html {
  width: 100%;
  height: 100%;
  margin: 0;
}
body {
  width: 100%;
  height: 100%;
  margin: 0;
}
#main {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.flex {
  display: flex;
  flex-direction: row;
}
.row {
  width: 100%;
}
.h60 {
  height: 66%;
}
.h30 {
  height: 33%;
}
.big {
  flex-shrink: 0;
  width: 49.5%;
  height: 100%;
}
.medium {
  flex-shrink: 0;
  width: 49.5%;
  height: 50%;
}
.small {
  flex-shrink: 0;
  width: 20%;
}
.full {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}
.hhalf {
  flex-shrink: 0;
  width: 100%;
  height: 50%;
}
.hhalf {
  flex-shrink: 0;
  width: 100%;
  height: 50%;
}
.padd {
  padding: 10px;
}
a:link,
a:hover,
a:active,
a:visited {
  color: #00537f;
  text-decoration: none;
}