@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

body{
  background-image: url('../img/bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-family: 'Lato', sans-serif;

}
.logo{
  position: absolute;
  left:50%;
  right:50%;
  transform: translate(-50%,0);
  top:20%;
  width:80vh;
}
div{
  position: absolute;
  bottom: 10px;
  left:0%;
  text-align: center;
  width:100%;
}
p{
font-size: 30px;
}
.text{
  margin-bottom: 2em;
}
a{
  padding-left: 0.3em;
  color:black;
  font-size: 20px;
  cursor: pointer;
  text-decoration: none;
}
.icon{
  width:30px;
}
.pl-4{
  padding-left: 2em;
}
.pl-2{
  padding-left: 1em;
  position: relative;
    bottom: 6px;
}

@media(max-width:900px)
{
  .logo{
    width: 20em;
  }
  p{
    font-size: 30px;
  }
  a{
    font-size: 15px;
  }
}