/************** globals css **************/
body {
  font-family: 'Jost', Verdana, Tahoma, sans-serif;
  font-size: 1.2em;  
  color: black; 
}

div.layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
div.public {
  display: flex;
  flex-direction: column;
  align-items: center;
}

a {
  color: inherit;
  text-decoration: inherit;
}

a:hover {
  color: #a17715;
}

div.container {
  width: 90%;
  margin: 0 auto;
  flex-grow: 1;
}

h1 {
  text-align: center;
  margin: 1em;
}

h2.title_public {
margin-top: 1em;
}
div.card {
  margin: 1em; 
}

div.carousel {
  width: 60%;
  margin: 2em auto;  
}

span.carousel-control-prev-icon, span.carousel-control-next-icon {
  background-color: #a17715;
 
}

div.carousel-caption {
  color: #a17715;
  background-color: rgba(0, 0, 0, 0.70);
}

 /************** navbar **************/
 .navbar {
  font-size: 1.4em;
  height: 5em;
 }

 ul {
  list-style: none;
} 
 .nav-link {
  color: #a17715;
  margin: 0.3em 1em;
 }
 .nav-link:hover {
  color: black;
  border-bottom: #a17715 solid 2px;
 }

 .active {
  color: black;
 }
 .active:hover {
  color: black;
}

div.connect, div.connect_mobile, li.connect_mobile {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  
} 

div.connect_mobile, li.connect_mobile {
  display: none;
}

 .btn_login {
  background-color: #f5534d;
 }
 .btn_website {
  background-color: #fafafa;
  margin-bottom: 1em;
 }
 a.btn_create {
  background-color: #a17715;
  margin-bottom: 2em;
 }

 .btn_login, .btn_website, .btn_create { 
      box-shadow: 8px 8px 16px 0 rgba(161, 119, 21, 0.15),
        -8px -8px 12px 0 rgba(255, 255, 255, 0.5);
      display: flex;

      min-width: 6em;
      max-width: 10.5em;
      height: 2em;
      align-items: center;
      justify-content: center;

 }

 .btn_login:hover, .btn_website:hover, .btn_create:hover {
    box-shadow: inset 2px 2px 4px 0 rgba(161, 119, 21, 0.15),
          inset -2px -2px 4px 0 rgba(255, 255, 255, 0.5);
 }
 .navbar-toggler {
  background-color: #a17715;
 }

 .show {
  background-color: #f8f9fa;
  z-index: 7;
 }
 

  /************** media queries **************/

  @media screen and (max-width: 991px) {

    .navbar {
      font-size: 1.2em;
      height: 5em;
    }

    div.connect_mobile, li.connect_mobile{
      display: block;
    }

    div.connect {
      display: none;
    }
  }