@font-face {
  font-family: roboto;
    src: url("roboto.woff2") format("woff2"),
          url("roboto.woff") format("woff"),
          url("roboto.ttf") format("truetype");
}
@font-face { font-family:"roboto";
  src: url("Roboto-Regular.ttf") format("truetype");
  font-weight:bold;
}

a:link {color:white; text-decoration:none; border:none;cursor:pointer;}
a:visited {color:white; text-decoration:none; border:none;cursor:pointer;}
a:hover {color:#ccc; text-decoration:none; border:none;cursor:pointer;}
a:active {color:white; text-decoration:none; border:none;cursor:pointer;}
a:focus {color:white; text-decoration:none; border:none;cursor:pointer;}

.textlink{
   text-decoration:underline;
}
h1{
  padding:20px;
  font-size:20px;
  font-weight:bold;
}
body{
  background-color:black;
  text-align:center;
  align:center;
  margin:0px;
  padding:0px;
  color:white;
  font-family:roboto;
}
.container-top {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  z-index:1;
}
.container-logo {
  position:relative;
  top:-40px;
  /* width:80%; */
  margin:auto;
  min-width:300px;
  max-width:800px;
  height:240px;
  overflow-y:hidden;
  background-color:black;
  text-align:center;
/*  border-bottom:1px solid #333;*/
}
.logo{
  position:relative;
  top:60px;
  height:200px;
}
.container-content {
  position:relative;
  top:180px;
  width:80%;
  min-width:300;
  max-width:800px;
  margin:auto;
  padding-top:50px;
  padding-left:20px;
  padding-right:20px;
  font-size: 16px;
  line-height: 1.7;
  text-align:left;
}
p{
  padding-left:20px;
  padding-right:20px;
}
p.center {
  padding-top:20px;
  padding-bottom:20px;
  text-align:center;
}
.button{
  background-color: transparent!important;
  border: 1px solid white;
  border-radius: 28px;
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  margin: 0;
  padding: 12px 24px;
  text-align: center;
}
.button:hover{
  border:1px solid #ccc;
}
.table{
  padding-left:20px;
}