@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

html{
  
/*  background: url(../img/1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100vh;
  overflow: hidden;*/

/*  background: url(../img/1.jpg) 50% no-repeat;
  background-size: cover;
  height: 100vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;*/
  height: 100vh;
  min-height: 100vh;
}
a{
  color: #779977;
}
a:hover{
  text-decoration: underline;
}

h1,h2,h3,h4{
  font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
}
h1 small{
  color: #333;
}
p{
  font-family: 'Open Sans', Arial, sans-serif;
}

/* header */
.header{
  background-color: #779977;
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: #fff;
}
.header h1{
  margin-top: 1rem;
}
.header a{
  color: #fff;
}

body{
  background-color: #779977;
}

/* content */
#bg{
  position: fixed; 
  top: 0; 
  left: 0; 
  /* Preserve aspet ratio */
  /*min-width: 100%;*/
  min-height: 100%;
  z-index: -1;
}

.content{
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.content .moved{
  /*border: 1px solid #ccc;*/
  background-color: #efefef;
  border-radius: 3px;
  /*background-color: rgba(255, 255, 225, 0.65);*/
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.institutions{
  margin-top: 2rem;
}
.institution{
  padding: 1rem;
  border: 1px solid #ccc;
  background-color: #efefef;
  border-radius: 3px;
}
.institution h2,
.institution h3 {
  /*font-style: italic;*/
  color: #797;
  /*text-align: center;*/
  border-bottom: 1px solid #797;
  margin-bottom: 1rem;
  text-align: center;
}
.institution p{
  text-align: justify;
}
/*.institution-first{
  padding-left: 0 !important;
}
.institution-second{
  padding-right: 0 !important;
}*/

/* footer */
.footer{
  padding: 1rem 0;
  background-color: #424242;
  color: #fff;
}

@media screen and (min-width: 40em) {
  .footer{
/*    position: absolute;
    bottom: 0;
    width: 100%;*/
  }
}


.footer h3{
  /*font-size: 1.75rem;*/
}
.footer h3.footer-contact{
  color: #779977;
}