body {font-family: 'Roboto', sans-serif;}

html {
  scroll-behavior: smooth;
}

#navscroll{
	transition: top 0.3s;
}

.topNavbar {
background-color:#242630;
border-bottom: 10px solid;
border-color: #c3993f;
}
.topNavbar form{
padding: 10px;
}
.topNavbar form button{
background: none;
border: 1px solid #5b5c64;
border-radius: 0;
font-weight: 300;
font-size: 15px;
color: #fff;
}

.topNavbar form button:hover,
.topNavbar form button:focus,
.topNavbar form button:active{
background-color: #5b5c64;
border: 1px solid #5b5c64;
color: #fff;
}

a.buttonlink
{
	display:block;
	background-color: #212529;
	font-size:15px;
	height: 36px;
	padding: 6px 12px;
	border: 1px solid #5b5c64;
	color: #fff;
	width: 160px;
    text-align: center;
	text-decoration:none;
}
a.buttonlink:hover
{
	text-decoration:none;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #5b5c64;
    border-color: #5b5c64;
    box-shadow: none;
}

.bg-dark {
    background-color: #242630 !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.7);
    font-weight: 300;
    font-size: 15px;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #c3993f;
}

.navbar-dark .navbar-nav .nav-link::before {
  content: "|";
  padding: 0 15px 0 0px;
}
.navbar-dark .navbar-nav .nav-item:first-child .nav-link::before{
  display: none;
}
/* ------------------------- */


.logocontainer {
 background-image: url(../img/illustration.jpg);
 background-repeat: no-repeat;
 background-size: auto;
 min-height: 724px;
 background-position: center top;
 padding-top:66px;
}

.logocontainer .logo{
 text-align: center;
 padding-top: 10px;
}

#section2{
  text-align: center;
  padding-top: 20px;
}

#section2 p{
  text-align: left;
  font-size: 16px;
  color: #fff;
}

#section2 .checklist{
  text-align: left;
  font-size: 16px;
  color: #fff;
  display: inline-block;
}

#section2 .checklist ul{
  list-style-type: none;
  max-width: 700px;
}

#section2 .checklist ul li{
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 100;
  background-image: url(../img/check.png);
  background-repeat: no-repeat;
  background-position: top left;
  min-height: 70px;
  padding-left: 70px;
  padding-top: 10px;
}

#section2 h2{
  font-weight: 100;
  font-size: 30px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  padding-top: 20px;
  color:#c3993f;
}

#section2 a{
text-decoration:none;
color: #c3993f;

}

#section2 a:hover{
text-decoration:underline;
}

#section2, #section5 {
  background-color: #222531;
}

#section3 {
  background-color: #c3993f;
  text-align: center;
  padding-bottom: 40px
}

#section3 h1{
  font-weight: 100;
  color: #fff;
  font-size: 42px;
  background-image: url(../img/h1-line-white.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 20px;
  margin-bottom: 30px;
  padding-top: 40px;
}

#section3 h2{
  font-weight: 100;
  font-size: 30px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  padding-top: 20px;
}

#section3 p{
  text-align: left;
  font-size: 16px;
}

#section3 ul{
	text-align:left;
}

#section4{
  text-align: center;
  padding: 40px 20px;
}
#section4 p{
  text-align: center;
  padding-top: 30px;
}
#section4 a.contactlink{
text-decoration:none;
color: #c3993f;
font-size:26px;
font-weight:bold;
padding: 6px 12px;
border: 1px solid #c3993f;
display:inline;
}

#section5 .contact{
  text-align: center;
  color: #fff;
  font-size: 12px;
  padding-top: 20px;
  padding-bottom: 40px
}

#section2 h1,
#section5 .contact h1{
  font-weight: 100;
  color: #c3993f;
  font-size: 42px;
  background-image: url(../img/h1-line.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 30px;
  margin-bottom: 20px;
  padding-top: 20px;

}

#section5 .contact .info h2{
  font-weight: 100;
  color: #fff;
  font-size: 28px;
  background-position: bottom center;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-top: 10px;

}

#section5 .contact p{
  font-weight: 300;
  font-size: 16px;
}

#section5 .contact a{
  color: #c3993f;
}


#section6 {
  background-color: #2d303c;
}

#section6 .content{
  text-align: center;
  color: #fff;
  font-size: 12px;
  padding: 20px;
  font-weight: 300;
}

/* ---- @media  ------------- */

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

  .topNavbar div.loginbutton {
    display: none;
  }

  .navbar-nav  {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .navbar-nav .nav-item .nav-link::before {
    display:none;
  }

  .topNavbar form{
    padding: 0;
  }

  .logocontainer {
   min-height: 400px;
     background-position: center top;
  }

  .logocontainer .logo{
   padding-top: 10px;
  }




}

@media only screen and (min-width: 990px) {
  .topNavbar li.loginbutton {
    display: none;
  }
}