canvas {
  display: block;
  vertical-align: bottom;
}

#particles-js {
	position: fixed;
	width: 100%;
	height: 100%;
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,192,0,1) 0%, rgba(255,193,5,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,192,0,1)), color-stop(100%, rgba(255,193,5,1))); /* safari4+,chrome */
	background:-webkit-radial-gradient(center, ellipse cover, rgba(255,192,0,1) 0%, rgba(255,193,5,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(255,192,0,1) 0%, rgba(255,193,5,1) 100%); /* opera 11.10+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,192,0,1) 0%, rgba(255,193,5,1) 100%); /* ie10+ */
	background:radial-gradient(ellipse at center, rgba(255,192,0,1) 0%, rgba(255,193,5,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc000', endColorstr='#FFC105',GradientType=0 ); /* ie6-9 */
	z-index:0;
}

.container{
	position:absolute;
	margin:20% auto 0px;
	width:100%;
	text-align:center;
}

.text {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  color: #fff;
  max-width: 90%;
  padding: 2em 3em;
  background: rgba(0, 0, 0, 0.4);
  text-shadow: 0px 0px 2px #131415;
  font-family: 'Open Sans', sans-serif;
}

h1 {
  font-size: 2.25em;
  font-weight: 700;
  letter-spacing: -1px;
}

a,
a:visited {
  color: #e34234;
  transition: 0.25s;
}

a:hover,
a:focus {
  color: #ba160c;
}


body {
	font-family: 'Lato', sans-serif;
	text-align: center;
    margin: 0px;
}


#logo{
	position:fixed;
    background: url('http://expera.pro/expera.png') no-repeat;
    width:549px;
    height:211px;
	margin:0 auto;
    left: calc(-50vw + 50%);
right: calc(-50vw + 50%);

margin-left: auto;
margin-right: auto;
margin-top:10%;
	text-align:center;
}

#text{
    font-size:16px;
    width:600px;
    height:20px;
    margin:40px auto;
    padding:0;
    color:#000;
    text-align:center;
	text-transform:uppercase;
	font-weight:700;
    }
#text_mail{   
	font-size:16px;
    width:1024px;
    height:40px;
    margin:40px auto;
    padding:0;
    color:#000;
    text-align:center;
	font-weight:400;}


.logos{
	width:300px;
	height:140px;
	display:inline-block; 
	margin:0 10px;
	position:relative;
	opacity:1;
	transition:0.2s;
}
.logos:hover{
	opacity:0.7;
	transition:0.2s;
}