html{
  background-color: #fcfcfc;
  overflow-x: hidden;
}

@font-face {
  font-family: GothamBold;
  src: url('fonts/gotham/GothamBold.woff') format('woff');
}

@font-face {
  font-family: GothamThin;
  src: url('fonts/gotham/Gotham-Thin.woff') format('woff');
}

@font-face {
  font-family: GothamMedium;
  src: url('fonts/gotham/GothamMedium.woff') format('woff');
}

.subtitle{
  /* font parameters */
  font-family: GothamBold;
  font-size: 26pt;
  color: #fcfcfc;
  /* centering */
  margin: auto;
  position: absolute;
  left: 13px;
  top: 5px;
}
.textbody{
  font-family: GothamThin;
  font-size: 16pt;
  margin: auto;
  position: absolute;
  margin: auto;
  width: 100%;
  top: 12%;
  left: 10%;
  word-wrap: break-word;
  width: 500px;
}

.bar{
  background-color: #1DB954;
  list-style-type: none;
  margin-top: -8px;
  margin-left: -8px;
  padding: 0;
  width: 100%;
  float: left;
  position: fixed;
}

li{
  float: right;
  border-right: 3px solid #1DB954;
}

li a{
  font-family: GothamBold;
  display: block;
  color: #FCFCFC;
  background-color: #1DB954;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a:hover{
  background-color: green;
}

.contacts{
  font-family: GothamMedium;
  float: left;
  list-style-type: none;
  background-color: #FCFCFC;
  color: black;
  border-style: none;

}

.sublist{
  background-color: #FCFCFC;
  list-style-type: none;
  border-style: none;
  margin-left: -23px;

}

.address{
  background-color: #FCFCFC;
  border-style: none;
  float: left;
  padding: 5px 2px;

}

.addresslink{
  background-color: #FCFCFC;
  color: blue;
  display: inline-flex;
  text-decoration: underline;
  padding: 0px 0px;
  margin-left: 0px;
}

.addresslink:hover{
  background-color: #FCFCFC
}

.header{
  font-family: GothamBold;
  margin-left: 20px;
  margin-bottom: -10px;
}