body, html {
  height: 100%;
  margin: 0;
  }

.bg {
background: #03509B;
min-height: 100%; 
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.text{
  margin-left: auto;
  margin-right:auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.logo {
  height: 300px;
  width:250px;
  text-align: center;
  margin-top:auto;
}

.logo-2 {
  height: 140px;
  width: 120px;
  margin-top:auto;
  justify-content: center;
}

h1 { 
  margin-top: 150px;
  font-family: Lato;
  text-align: center;
  color: #fff;
}

h2 {
  font-family: Lato;
  text-align: center;
  color: #fff;
}

.container{
margin-top: 30px;
color: #fff;
font-family: comfortaa;
}

a{
  color:#ffffff;
}

a:hover{
  color:#5fadfa;
}