@import url('https://fonts.googleapis.com/css?family=Raleway:400,700|Roboto&display=swap');

body{
  font-family: 'Raleway', 'Arial', sans-serif;
  background: url('../img/background.png') no-repeat top center fixed;
  background-size: cover;
  text-align: center;
  margin-top: 5%;
  color:#ffffff;
}

.logo-wrapper{
  margin-bottom: 45px;
  margin-top: 200px;
}

#logo{
  height: auto;
  width:70%;
}

@media (min-width: 768px) {
  .logo-wrapper{
    margin-top: 25px;
  }

  #logo{
      width:300px;
  }
}

.title{
  font-weight: bold;
  color:#ffffff;
  margin-bottom: 5px;
}

.content-wrapper p{
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 18px;
  margin-top: 0;
}

a {
  color:#ffffff;
  text-decoration: none;
}


a:hover{
  text-decoration: underline;
}

a:focus{
  text-decoration: underline;
}

a:visited{
  
}