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

* {
  margin:0px;
  padding:0px;
  box-sizing:border-box;
}

html, body{
 width: 100%;
 overflow: auto;
 bottom: 0;
 background-image: url(../img/435936.png);
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 margin: 0;
 padding: 0;
 min-height: 100vh;
 font-family: 'VT323';
 font-size: 30px;
 color:rgb(140,198,63);
}

#main-container{
min-height: 100vh;

}

body{
min-height: 100vh;
}
.nav {
overflow: hidden;
padding: 1%;
position: fixed;
width: 100%;
top: 0;
margin-top: auto;
text-align: center;
display: inline-block;
}


.nav-right {
display: inline-block;
float: right;
}
.nav img{
  width: 8%;
  float: left;

}

.content{
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.loginform {
  max-width: 450px;
  margin-top: 20%;
}
.loginform input {
  padding-left: 10px;
  width: 100%;
  display: block;
  margin-left: 3px;
  margin-top: 5px;
  background-color: #f4f4f4;
  border: 0;
  border-radius: 0;
  font-family: 'VT323';
  font-size: 30px;
}
.loginform .login,
.loginform .aanmelden {
  color: #fff;
  border: 0;
  border-radius: 0;
  width: 100%;

  transition: background-color .2s ease, color .2s ease;
}
.loginform .login {
  background-color: rgb(0,113,188);
  font-family: 'VT323';
  font-size: 30px;
  margin: 3px;
  }
.loginform .aanmelden {
  background-color: rgb(140,198,63);
  font-family: 'VT323';
  margin: 3px;
}

.inlog{
  margin-left: 35%;
  margin-right: 35%;
  margin-top: 10%;
}
.inlog h1{
  margin-left: 35%;
  margin-right: 35%;
  margin-top: 0%;
}



#footer{
  background-color: rgba(32,32,32,0.6);
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  color: #e7751f;
  display: inline-block;
  padding-top: 10px;
  }

#footer h4{
  padding-top: 0px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 10px;
  float: right;
  margin-right: 38%;
  margin-top: 0px;
  }

  .fa {
  padding: 20px;
  font-size: 20px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin-left: 0%;
  margin-right: 0px;
  margin-top: 0px;
}

.fa:hover {
  opacity: 0.7;
}
.fa-facebook {
  background: #3B5998;
  color: white;
  float: left;
  margin-left: 35%;
}
.fa-linkedin {
  background: #007bb5;
  color: white;
  margin-left: 20px;
  }
  @media (min-width: 576px) {
    .content {
      max-width: 540px;
    }
  }

  @media (min-width: 768px) {
    .content {
      max-width: 720px;
    }
  }

  @media (min-width: 992px) {
    .content {
      max-width: 960px;
    }
  }

  @media (min-width: 1200px) {
    .content {
      max-width: 1140px;
    }
  }
  @media (min-width: 1600px) {
    .content {
      max-width: 1570px;
    }
  }
  @media (min-width: 1900px) {
    .content {
      max-width: 1870px;
    }
    #footer h4{
      padding-top: 0px;
      line-height: 30px;
      text-align: center;
      margin-bottom: 10px;
      float: right;
      margin-right: 47%;
      margin-top: 0px;
      }
  }