@font-face {
  
  font-family: "melange";
  
  font-style: normal;
  
  font-weight: normal;
  
src: url("melange-regular.woff2") format("woff2"), url("melange-regular.woff") format("woff");
}

h1 {
  font-family: "melange", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "melange", Arial, Helvetica, sans-serif;
}

#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 2.5rem;
}

#footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 20px;
}

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

input, select, button, textarea {
  max-width: 100%;
}

meter, progress, output {
  max-width: 100%;
}

div#tswcentrecombo {
  float: right;
  width: 80%;
  background-color: white;
}

div#tswothersidecol {
  float: right;
  width: 10%;
  color: #e6e6e6;
  background-color: white;
  padding-right: 5%;
}

div#tswsidecol {
  float: right;
  width: 20%;
  color: #e6e6e6;
  background-color: white;
}

div#tswcontent {
  float: left;
  width: 75%;
  color: black;
  background-color: white;
}

@media only screen and ( max-width : 629px ) {
  div#tswsidecol {
    float: none;
    width: 100%;
  }
  div#tswcontent {
    float: none;
    width: 100%;
  }
  div#tswothersidecol {
    float: none;
    width: 100%;
  }
  div#tswcentrecombo {
    float: none;
    width: 100%;
  }
}

div#tswcontproper {
  padding-left: 5px;
  padding-right: 5px;
}

div#tswcontainer {
  background-color: white;
}

div#tswsideproper, div#tswothersideproper {
  padding-left: 5px;
  padding-right: 5px;
}

div#tswheader {
  color: black;
  background-color: white;
}

div#tswfooter {
  color: black;
  background-color: white;
}

#Melange-Medium {
  font-family: "";
}

#tswcontproper {
  padding-top: 0%;
  text-align: left;
}

#tswcontent {
  padding-top: 10%;
  line-height: 25px;
  text-align: left;
  font-family: "Arial", "Helvetica", "sans-serif";
}

#tswheader {
  padding-top: 0%;
  text-align: center;
  font-family: "melange";
  word-spacing: normal;
  font-size: 0.6cm;
}

#tswsidecol {
  font-family: "melange";
}

#tswothersidecol {
  font-size: 130px;
  font-family: "melange";
}

a:link {
  color: black;
  text-decoration: none;
}

a:visited {
  color: black;
}

a:hover {
  color: orange;
}

a:active {
  color: grey;
}

@import "node_modules/luminous-lightbox/dist/luminous-basic.css";
new Luminous(document.querySelector("a"));