* {
    font-family: Montserrat;
   }


body, html {
  height: 100%;
}

.bg {
  /* The image used */
  background-image: url(../img/background.png);

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;

}

.city{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 50%;
}

.allButFooter {
  min-height: calc(100vh - 40px);
}


.nav-link {
    margin: auto 13px;
    font-weight: 600;
}

.card{
    background-color: rgba(255, 255, 255, 0.6);
}


.background {
    background-position: center;
    background-size: cover;
    min-height: 100%;
    height: 100vh;
  }


.bg-gray{
background-color: #EFEFEF;
}

.bg-footer{
  background-color: #185249;
  }

.title{
  font-size: 5em;
}

.subtitle{
  font-style: italic;
  font-size: 1.3rem;
}

  /* The animation code */
@keyframes example {
    from {opacity: 0;}
    to {opacity: 100;}
  }

.fade-2{
    animation-name: example;
    animation-duration: 2s;
}

.btn-success{
  background-color: #358873;
}

.btn-success:hover{
  background-color: #346659;
}

.bg-color-green{
  background-color: #358873;
}
.color-green{
  color: #358873;
}

.color-gray{
  color: #1D1D1D;
}


.color-white{
  color: white;
}

a {
  color:#3B3B3B;
  text-decoration: none;
}

a:hover {
  color:#00A0C6; 
  text-decoration:none; 
  cursor:pointer;  
}

.text-justify{
  text-align: justify;
}