* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

img {
  max-width: 100%;
  height: auto; }

html {
  overflow-y: scroll; }

.col-s-0 {
  width: 0vw; }

.col-s-1 {
  width: 8.33vw; }

.col-s-2 {
  width: 16.66vw; }

.col-s-3 {
  width: 25vw; }

.col-s-4 {
  width: 33.33vw; }

.col-s-5 {
  width: 41.66vw; }

.col-s-6 {
  width: 50vw; }

.col-s-7 {
  width: 58.33vw; }

.col-s-8 {
  width: 66.66vw; }

.col-s-9 {
  width: 75vw; }

.col-s-10 {
  width: 83.33vw; }

.col-s-11 {
  width: 91.66vw; }

.col-s-12 {
  width: 100vw; }

@media screen and (min-width: 500px) {
  .col-1 {
    width: 8.33vw; }
  .col-2 {
    width: 16.66vw; }
  .col-3 {
    width: 25vw; }
  .col-4 {
    width: 33.33vw; }
  .col-5 {
    width: 41.66vw; }
  .col-6 {
    width: 50vw; }
  .col-7 {
    width: 58.33vw; }
  .col-8 {
    width: 66.66vw; }
  .col-9 {
    width: 75vw; }
  .col-10 {
    width: 83.33vw; }
  .col-11 {
    width: 91.66vw; }
  .col-12 {
    width: 100vw; } }

@media screen and (min-width: 900px) {
  .col-l-center {
    width: 700px; }
  .col-l-medium {
    width: 600px; } }

[class*="col-"] {
  float: left;
  padding: 5px; }

.row {
  width: 100%;
  padding: 5px 10px 5px 10px;
  display: inline-block;
  float: left;
  clear: none; }

.left {
  float: left; }

.right {
  float: right; }

.outer-center {
  text-align: center; }

.inner-center {
  display: inline-block; }

.dropclick-button, .dropclick-button-link {
  cursor: pointer; }

.dropclick-button-link {
  max-width: 100%;
  border: none;
  background-color: inherit; }

.dropclick {
  position: relative;
  display: inline-block; }

.dropclick-content {
  display: none;
  position: absolute;
  overflow: auto;
  z-index: 1; }

.show {
  display: block; }

.block {
  box-shadow: 2px 2px 5px 1px #b5bbbd;
  border-radius: 4px;
  padding: 2px;
  border: 1px solid #b5bbbd; }

.block-heading {
  padding: 5px 10px 2px 10px; }

.block-content {
  padding: 2px 10px 5px 10px; }

.hr-block {
  visibility: hidden;
  height: 10px;
  border: 0px; }