body {
   font-family: 'Roboto', serif;
   width: 100%;
   height: 100%;
   overflow-y:scroll;
   overflow-x: hidden;
}
.site {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background: url(../images/img.jpg) no-repeat;
   background-position: center;
   background-size: cover;
}
.content {
   position: absolute;
   display: block;
   width: 50%;
   height: auto;
   background-color: rgba(0,0,0, .5);
   top: 50%;
   left: 50%;
   padding: 50px;
   transform: translate(-50%, -50%);
}
.company-logo {
   display: block;
   max-width: 300px;
   margin: auto;
}
h1 {
   display: block;
   text-align: center;
   padding: 30px 0px;
   font-weight: 400;
   color: white;
   font-size: 28px;
   line-height: 1.2;
   font-weight: 500;
   margin: 0;
}
.content a {
   display: inline-block;
   text-decoration: none;
}
h5 {
   display: block;
   text-align: center;
   color: rgba(0,0,0, 1);
   font-weight: 400;
   font-size: 20px;
}
.infos {
   text-align: center;
}
p {
   text-transform: uppercase;
   font-size: 14px;
   color: white;
}
p span,
h1 span {
   color: #ccc;
}
.infos p a,.infos p a:hover,.infos p a:active {
   text-decoration: underline;
   font-weight: 400;
   letter-spacing: 1px;
   color: white;
   margin: 0;
   display: inline-block;
   text-decoration: none;
   margin: 0 10px;
}
.infos .copyright {
   font-size: 10px;
   color: #999999;
   line-height: 1.2;
}
ul {
   margin: 0;
   margin-bottom: 30px;
   padding: 0;
   list-style: none;
}
ul li {
   text-align: center;
   display: inline-block;
   margin-right: 10px;
}
ul li:last-child {
   margin: 0;
}


/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 

}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 1024px) {

}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {   
   h1 {
      font-size: 32px;
   }
   .content {
      padding: 40px 20px;
   }
}

/* Small devices (iphone5 and 6, 568px and up) */
@media (max-width: 414px) {  
   h1 {
      font-size: 22px;
   }
   .content {
      width: 80%;
      padding: 30px 20px;
   }
   p {
      font-size: 12px;
   }
}

/* Small devices (iphone4, 480px and up) */
@media (max-width: 480px) {  

}