/*!* Start Bootstrap - Grayscale v5.0.1 (https://startbootstrap.com/template-overviews/grayscale)* Copyright 2013-2018 Start Bootstrap* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)*/

#mainNav{
	min-height:56px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
background-color:rgba(0, 0, 0, 1);		
    background-clip: padding-box;
    border: 1px solid white;
    border-radius: 0.25rem;	
}

#mainNav .navbar-toggler{
	font-size:80%;
	padding:.75rem;
	color:#c49044;
	border:1px solid #c49044
}
#mainNav .navbar-toggler:focus{
	outline:0
}
#mainNav .navbar-brand{
	color:#161616;
	font-weight:700;
	padding:.9rem 0
}
#mainNav .navbar-nav .nav-item:hover{
	color:fade(white,100%);
	outline:0;
	background-color:transparent
}
#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{
	outline:0;
	background-color:transparent
}
@media (max-width:992px){
	#mainNav{
		padding-top:0;
		padding-bottom:0;
		border-bottom:#c49044 1px solid;
background-color:rgba(0, 0, 0, 1);		
}
	#mainNav .navbar-brand{
		padding:.5rem 0;
		color:rgba(255,255,255)
}
	#mainNav .nav-link{
		transition:none;
		color:rgba(255,255,255)
}
	#mainNav .nav-link:hover{
		color:rgba(255,255,255)
}
	#mainNav .nav-link:active{
		color:#fff;
		border-bottom:.25rem solid #c49044;

}
	#mainNav{
background-color:rgba(0, 0, 0, 0.8);		
}
	#mainNav .navbar-brand{
		color:#fff
}
	#mainNav .nav-link{
		color:#fff;
		padding:1.5rem 1.5rem 1.25rem;
		border-bottom:.25rem solid transparent
}
	#mainNav .nav-link:hover{
		color:#c49044
}
	#mainNav .nav-link:active{
		color:#fff
}
	#mainNav .nav-link.active{
		color:#c49044;
		outline:0;
		border-bottom:.25rem solid #c49044
}

}
@media (min-width:992px){
	#mainNav{
		padding-top:0;
		padding-bottom:0;
		border-bottom:#c49044 2px solid;
background-color:rgba(0, 0, 0, 1);		
}
	#mainNav .navbar-brand{
		padding:.5rem 0;
		color:rgba(255,255,255)
}
	#mainNav .nav-link{
		transition:none;
		padding:2rem 1.5rem;
		color:rgba(255,255,255)
}
	#mainNav .nav-link:hover{
		color:rgba(255,255,255)
}
	#mainNav .nav-link:active{
		color:#fff;
				border-bottom:.25rem solid #c49044;

}
	#mainNav{
background-color:rgba(0, 0, 0, 0.8);		
}
	#mainNav .navbar-brand{
		color:#fff
}
	#mainNav .nav-link{
		color:#fff;
		padding:1.5rem 1.5rem 1.25rem;
		border-bottom:.25rem solid transparent
}
	#mainNav .nav-link:hover{
		color:#c49044
}
	#mainNav .nav-link:active{
		color:#467370
}
	#mainNav .nav-link.active{
		color:#fff;
		outline:0;
		border-bottom:.25rem solid #c49044
}
}
.masthead{
	position:relative;
	width:100%;
	height:auto;
	min-height:35rem;
	padding:15rem 0;
	background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/bg-masthead.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover
}
.masthead h1{
	font-family:'Varela Round';
	font-size:2.5rem;
	line-height:2.5rem;
	letter-spacing:.8rem;
	background:-webkit-linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,0));
	-webkit-text-fill-color:transparent;
	-webkit-background-clip:text
}
.masthead h2{
	max-width:20rem;
	font-size:1rem
}
@media (min-width:768px){
	.masthead h1{
		font-size:4rem;
		line-height:4rem
}
}
@media (min-width:992px){
	.masthead{
		height:100vh;
		padding:0
}
	.masthead h1{
		font-size:6.5rem;
		line-height:6.5rem;
		letter-spacing:.8rem
}
	.masthead h2{
		max-width:30rem;
		font-size:1.25rem
}
}
.btn{
	box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
	padding:1.25rem 2rem;
	font-family:'Varela Round';
	font-size:80%;
	text-transform:uppercase;
	letter-spacing:.15rem;
	border:0
}
.btn-primary{
	background-color:#64a19d
}
.btn-primary:hover{
	background-color:#4f837f
}
.btn-primary:focus{
	background-color:#4f837f;
	color:#fff
}
.btn-primary:active{
	background-color:#467370!important
}
.about-section{
	padding-top:10rem;
	background:linear-gradient(to bottom,#161616 0,rgba(22,22,22,.9) 75%,rgba(22,22,22,.8) 100%)
}
.about-section p{
	margin-bottom:5rem
}
.projects-section{
	padding:5rem 0
}
.projects-section .featured-text{
	padding:2rem
}
@media (min-width:992px){
	.projects-section .featured-text{
		padding:0 0 0 2rem;
		border-left:.5rem solid #c49044
}
}
.projects-section .project-text{
	padding:3rem;
	font-size:90%
}
@media (min-width:992px){
	.projects-section .project-text{
		padding:5rem
}
	.projects-section .project-text hr{
		border-color:#c49044;
		border-width:.25rem;
		width:30%
}
}
.terass-section{
	padding:3rem 0
}
.terass-section .featured-text{
	padding:2rem
}
@media (min-width:992px){
	.terass-section .featured-text{
		padding:0 0 0 2rem;
		border-left:.5rem solid #c49044
}
}
.terass-section .project-text{
	padding:3rem;
	font-size:90%
}
@media (min-width:992px){
	.terass-section .project-text{
		padding:5rem
}
	.terass-section .project-text hr{
		border-color:#c49044;
		border-width:.25rem;
		width:30%
}
}

.signup-section{
	padding:10rem 0;
	background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/bg-signup.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover
}
.signup-section2{
	padding:10rem 0;
	background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/bluelands.png);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover
}
.signup-section .form-inline input{
	box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
	padding:1.25rem 2rem;
	height:auto;
	font-family:'Varela Round';
	font-size:80%;
	text-transform:uppercase;
	letter-spacing:.15rem;
	border:0
}
.contact-section{
	padding:5rem 0 0
}
.contact-section .card{
	border:0;
	border-bottom:.25rem solid #64a19d
}
.contact-section .card h4{
	font-size:.8rem;
	font-family:'Varela Round';
	text-transform:uppercase;
	letter-spacing:.15rem
}
.contact-section .card hr{
	border-color:#64a19d;
	border-width:.25rem;
	width:3rem
}
.contact-section .social{
	margin-top:5rem
}
.contact-section .social a{
	text-align:center;
	height:3rem;
	width:3rem;
	background:rgba(255,255,255,.1);
	border-radius:100%;
	line-height:3rem;
	color:rgba(255,255,255,.3)
}
.contact-section .social a:hover{
	color:rgba(255,255,255,.5)
}
.contact-section .social a:active{
	color:#fff
}
body{
	font-family:Nunito;
	letter-spacing:.0625em
}
a{
	color:#64a19d
}
a:focus,a:hover{
	text-decoration:none;
	color:#3c6360
}
.bg-black{
	background-color:#161616!important
}
.bg-fb {
		background-image:linear-gradient(
      rgba(255, 0, 0, 0.45), 
      rgb(0 137 255 / 45%)
    ),
url(/img/teaterbaren-2015.jpg);
background-size:cover;
}
.bg-ig {
		background-image:linear-gradient(
      rgba(255, 0, 0, 0.45), 
      rgb(0 137 255 / 45%)
    ),
url(/img/teaterbaren-1851.jpg);
background-size:cover;
}
.bg-primary{
	background-color:#64a19d!important
}
.text-primary{
	color:#64a19d!important
}
footer{
	padding:3rem 0
}