body{
  font-family:'Montserrat', sans-serif;
  background-color:#e7ecf1;
}

.cards{
  padding:60px 0 0px 0;
}

.container{
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto;
}

.header-nightsky{
  color:white;
  background:url("../../assets/img/bg_bril.png") no-repeat;
  background-size:cover;
  background-position:bottom;
  padding-bottom:50px;
  background-color:rgb(153,187,228);
  background-blend-mode:multiply;
}

.header-nightsky .navbar-nav > li > a{
  color:white;
  font-size:18px;
  border-radius:10px;
}

.header-nightsky .navbar{
  margin-bottom:0px;
  padding-top:20px;
  padding-bottom:20px;
  width:100%;
  border-bottom:none;
  background-color:transparent;
  min-width:300px;
  border:none;
}

.header-nightsky .navbar-default .navbar-nav > .open > a, .header-nightsky .navbar-default .navbar-nav > .open > a:focus, .header-nightsky .navbar-default .navbar-nav > .open > a:hover{
  color:#ccc;
  background-color:transparent;
}

.header-nightsky .nav > li > a:focus, .header-nightsky .nav > li > a:hover{
  color:#e8e7e7;
  background-color:transparent;
}

.header-nightsky .navbar-nav > li{
  margin-right:20px;
}

.header-nightsky .navbar-nav{
  margin-top:12px;
}

.header-nightsky .navbar-toggle{
  background-color:transparent !important;
  margin-top:20px;
  border:1px solid #fff;
}

.header-nightsky .navbar-toggle .icon-bar{
  background-color:white;
}

.header-nightsky .navbar-brand{
  color:white;
  font-size:50px;
  margin-top:10px;
  margin-bottom:10px;
}

.header-nightsky .navbar-brand:hover{
  color:#ccc;
}

.header-nightsky .hero{
  text-align:center;
  margin-top:80px;
  margin-bottom:50px;
}

.header-nightsky .hero h1{
  color:white;
  font-weight:bold;
  font-size:60px;
  margin-bottom:36px;
}

.header-nightsky .hero p{
  color:rgba(255, 255, 255, 0.9);
  font-size:22px;
  max-width:660px;
  margin:0 auto 20px;
  font-weight:normal;
  line-height:1.5;
}

.header-nightsky .btn-primary{
  color:#fff;
  background-color:transparent;
  border-color:#fffbfb !important;
  outline:none;
  margin-right:20px;
  margin-top:20px;
  font-size:20px;
  padding:18px 24px;
  transition:0.2s background-color;
  border:2px solid white;
}

.header-nightsky .btn-primary:hover{
  background-color:rgba(255,255,255,0.1);
}

.header-nightsky .btn-primary:active{
  transform:translateY(1px);
}

@media screen and (max-width: 767px) {
  .header-nightsky .navbar-default .navbar-nav .open .dropdown-menu > li > a{
    color:#fff;
    font-size:16px;
  }
}

@media screen and (max-width: 767px) {
  .header-nightsky .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
    color:#ccc;
  }
}

@media screen and (max-width: 767px) {
  .header-nightsky .navbar-collapse{
    margin-left:20px;
    border-top:none;
    box-shadow:none;
  }
}

@media screen and (max-width: 767px) {
  .header-nightsky .hero{
    margin-top:40px;
    margin-bottom:40px;
  }
}

@media screen and (max-width: 767px) {
  .header-nightsky .hero h1{
    font-size:42px;
  }
}