html,body {
  font-family: Raleway;
  overflow:hidden;
  width:100%;
  height:100%;
  position:absolute;
  background: linear-gradient(25deg,#253a63, #253a63);
  text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}
.content {
  left:15%;
  top:20%;
  width:70%;
  position:relative;
}
h1.title {
  color:white;
  font-size: 4vw;
  display:inline;
  font-weight:500;
}
h1.title small {
  font-family: Wire One, sans-serif;
  font-size: 3vw;
  opacity: 0.8;
}
p.desc{
  font-family: Wire One, sans-serif;
  position:relative;
  width:100%;
  font-size:4vw;
  color:rgba(255,255,255,1);
  font-weight: 200;
  margin-top:30px;
  margin-bottom:40px;
}
p.desc small{
  font-size:2.5vw;
  opacity: 0.8;
}
.contacts {
  position:absolute;
  right:0%;
  bottom:0;
  margin-bottom:1vw;
  margin-right:1vw;
}
.contact li {
  list-style-type:none;
  float:left;
  color: rgba(255, 255, 255, 1);
  font-weight:100;
  font-size:17px;
}
.contact li a {
  text-decoration:none;
  color: rgba(255, 255, 255, 0.7);
  transition: color .2s;
}
.contact li a:hover{
  color:rgba(255, 255, 255, 1);
  transition: color .2s;
}
.contact li~li {
  margin-left:1vw; 
}
.particles-js-canvas-el {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #11689c;
  color: #000;
  text-align: center;
}
.td-a {
  background-color:rgba(255, 255, 255, 0.8);
}
.td-b {
  background-color:rgba(232, 232, 230, 0.9);
}