/*!
 * Start Bootstrap - Grayscale v5.0.8 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */
#mainNav{min-height:56px;background-color:#432324}

#mainNav .navbar-toggler{font-size:90%;padding:.75rem;color:black;border:0px solid #432324}
#mainNav .navbar-toggler{color: white; outline:0}
#mainNav .navbar-toggler:hover{color: #ad2018; outline:0}

.custom-x {width:100px;height:auto}
.social {width:auto;height:25px;font-size:2.5rem}

#mainNav .navbar-brand{color:#fff;font-weight:700;padding:.2rem 0}
#mainNav .navbar-nav .nav-link:hover{color:#f8c180;outline:0}
#mainNav .navbar-nav .nav-link.active{color:white;outline:0}
#mainNav .navbar-nav .nav-link:focus{outline:0;background-color:transparent;color:#f8c180}
#mainNav .nav-link{color:rgba(255,255,255,.5)}

.masthead{position:relative;width:100%;height:auto;
background:url(../img/bg-masthead-2.jpg);
background-position:center;
background-repeat:no-repeat;
background-attachment:scroll;
background-size:cover;
}

.masthead{height:100vh;padding:0;margin-top: 0}
.masthead h3{font-size:2.5rem;line-height:0.5rem;letter-spacing:1.5rem;padding-top: 45%;font-weight:800; margin-right: 15%}
.masthead h1{font-size:1.5rem;line-height:0.5rem;letter-spacing:.8rem;font-weight:800;margin-right: 10%}
.masthead h2{max-width:15rem;font-size:0.7rem;line-height:1.5rem;font-weight:400; margin-right: 15%}
.masthead a{color:#171618;font-size: 0.7rem;margin-right: 10%}

.btn{-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;padding:0.8rem 1.5rem;font-size:50%;letter-spacing:.05rem;border:0;border-radius: 25px;}

.btn-primary{background-color:#432324;font-size: 2px;color:#f8c180!important}
.btn-primary:focus{background-color:#432324;color:#f8c180}
.btn-primary:active{background-color:black!important}

/* MENU */
.about-section{padding-top:5rem ;background-color:#fff}
.about-section h2{font-weight: 700;margin: 2rem 0 1rem;text-align: left; padding-left: 1rem}
.about-section p{margin-bottom:3rem;text-align: left; max-width: 35rem; padding: 0 1rem; font-size: .9rem}

#menu .carousel-project {display: none; margin-bottom: 8rem}
#menu .carousel-project-mobile {display: block; margin-bottom: 8rem}

#menu .carousel-control-prev, #menu .carousel-control-next { width: auto; top: 0; margin-top: 0; transition: 0.6s ease; border-radius: 0; user-select: none; height: 100%; }
#menu .menu a{color: white!important; font-size: 2rem}
#menu .menu a:hover{color: rgba(0,0,0,.7)!important}
#menu .menu .row img {border: 0px solid #000}
#menu .carousel-control-prev, #menu .carousel-control-next { padding: 0 1rem;}
#menu .carousel-control-prev:hover, #menu .carousel-control-next:hover {  background-color: rgba(255,255,255,.9); height: 100%;}
#menu .menu {padding: 0; margin: 0}
#menu .menu h1{font-size:1.5rem;line-height:1.5rem;letter-spacing:0rem;font-weight:800;margin-right: 0;text-shadow: 5px 5px 5px rgba(0,0,0,.5)}

#menu .accordion .collapse p{text-align: left}
#menu .accordion a {text-decoration: none; outline: none}

#menu .space{padding: 4rem 0 0;}
#menu .space h4{padding: 1rem; border: .5px solid black; font-size: .6rem!important}

#accordionExample .card {border-radius: 0}
#accordionExample .card-header {border: 0; border-radius: 0; border-bottom: 2px solid rgba(248,193,128,.5)!important; background-color: rgba(248,193,128,.1)}
/* MENU -END- */

#locations .merchant {width: 40%;height: auto; padding: 0 .5rem; margin-top: .7rem}
/* LOCATION -END- */

#breaker2 .social .fab.fa-3x{font-size: 2rem; margin-right: 0; margin-left: 0}

footer hr { display: block; height: 1px; border: 0; border-top: 0.5px solid rgba(255,255,255,.1); margin: 0; padding: 0; }

@media (min-width:992px){
	#mainNav{padding-top:0;padding-bottom:0;border-bottom:none;background-color:transparent;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;font-size: 1rem;text-transform: none}
	#mainNav .navbar-brand{padding:.5rem 0;color:rgba(255,255,255,.5)}
	#mainNav .navbar-nav .nav-link{-webkit-transition:none;transition:none;padding:1.2rem 1.5rem;color:rgba(255,255,255,.5)}
	#mainNav .navbar-nav .nav-link:hover{color:white;outline:0}
	
	#mainNav .navbar-nav .nav-link.active{color:white;outline:0;border-bottom:.17rem solid white}
	#mainNav .navbar-nav .nav-link:focus{outline:0;background-color:transparent;color:white}
	
	#mainNav.navbar-shrink{background-color:rgba(255,255,255,.9);font-size: 1rem;text-transform: none}
	#mainNav.navbar-shrink .navbar-brand{color:#fff}
	#mainNav.navbar-shrink .nav-link{color:black;padding:1.5rem 1.5rem 1.25rem;border-bottom:.25rem solid transparent;outline:0}
	#mainNav.navbar-shrink .nav-link:hover{color:rgba(0,0,0,.5)}
	#mainNav.navbar-shrink .nav-link:active{color:black}
	#mainNav.navbar-shrink .nav-link:focus{color:black}
	#mainNav.navbar-shrink .nav-link.active{color:black;outline:0;border-bottom:.17rem solid black}
}

@media (min-width:768px){
	.masthead{position:relative;width:100%;height:auto;
	background:url(../img/bg-masthead-2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover;
	}

	.masthead{height:50vh;padding:5rem 0;margin-top: 0}
	.masthead h3{padding-top: 10%;}
	
	/* MENU */
	.about-section{padding-top:5rem ;background-color:#fff}
	.about-section h2{font-weight: 700;margin: 0rem 0 1rem;text-align: left; padding-left: 1rem}
	.about-section p{margin-bottom:1rem;text-align: left; max-width: 35rem; padding: 0 1rem; font-size: .9rem}

	#menu .carousel-project {display: block; margin-bottom: 3rem}
	#menu .carousel-project-mobile {display: none; margin-bottom: 0}
	
	#menu .menu h1{font-size:.8rem;line-height:1rem;text-shadow: 5px 5px 5px rgba(0,0,0,.5)}
	#menu .space h4 {font-size: 1rem}
	}

@media (min-width:992px){
	.masthead{height:200vh;padding:5rem 0 7rem}
	.masthead h3{font-size:6.5rem;line-height:2.5rem;letter-spacing:1.5rem;padding-top: 15%;font-weight:800; margin-right: 0}
	.masthead h2{max-width:30rem;font-size:1.25rem;line-height:2.5rem;font-weight:100; margin-right: 0}
	.masthead h1{font-size:4.2rem;line-height:2.5rem;letter-spacing:.1rem;font-weight:800; margin: 0}
	.masthead a{color:#171618;font-size: 1rem; margin-right: 0}
	
	#breaker2 .social .fab.fa-3x{font-size: 3.5rem}
	
	.custom-x {width:25%;height:auto}
	
	/* MENU */
	.about-section{padding-top:8rem;background-color:#fff}
	.about-section h2{font-weight: 700;margin: 0rem 0 1rem;text-align: left; padding-left: 1rem}
	.about-section p{margin-bottom:2.5rem;text-align: left; max-width: 60rem; padding-left: 1rem}
	
	
	#menu .carousel-project {display: block; margin-bottom: 3rem}
	#menu .carousel-project-mobile {display: none; margin-bottom: 0}
	
	#menu .space h4{font-size: 1.3rem!important; border: 1px solid black}
	/* MENU */
	
	.social {width:auto;height:auto;font-size:4rem}
	
	.projects-section{padding: 10rem 0 10rem 0}
	#locations .merchant {width: 20%;height: auto; padding: 0 .5rem; margin-top: .3rem}
	/* LOCATION -END- */
	
	.masthead{position:relative;width:100%;height:auto;
	background:url(../img/bg-masthead.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover;
	}
	
	.btn{-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;padding:0.5rem 1.5rem;font-size:50%;letter-spacing:.05rem;border:0;border-radius: 25px;}
	
	.masthead a {color: #f9c180!important}
	.btn-primary{background-color:#432324;font-size: 2px}
	.btn-primary:hover{background-color:#432324!important; color:white!important}
	.btn-primary:focus{background-color:#432324;color:#f9c180}
	.btn-primary:active{background-color:#432324!important}
	}

.breaker1-section{padding:1.5rem 0;background-color:#171719}
.breaker1-section p{margin-bottom:5rem}

.breaker2-section{padding:2.5rem 0;background-color:rgba(248,193,128,.2)}
.breaker2-section .social a{color:rgba(248,193,128,.4)}
.breaker2-section .social a:hover{text-decoration:none;color:#f9c180!important}
.breaker2-section .social a:active{color:#fff}body{letter-spacing:.0625em}a{color:#64a19d}a:focus,a:hover{color:rgba(255,255,255,.5)}.bg-black{background-color:#161616!important}


.projects-section{padding: 6rem 0}
.projects-section .featured-text{padding:2rem}

@media (min-width:992px){.projects-section .featured-text{padding:0 0 0 2rem;border-left:.5rem solid #64a19d}}.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-width:.25rem;width:30%}}

.signup-section{padding:10rem 0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)),url(../img/bg-signup.jpg);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-section .form-inline input{-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;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:25rem 0 0}
.contact-section .card{border:0;border-bottom:.25rem solid #04f3fc}
.contact-section .card h4{font-size:.8rem;font-family:'Varela Round';text-transform:uppercase;letter-spacing:.15rem}
.contact-section .card hr{border-color:#171618;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: 'Roboto', sans-serif;

    /*font-family: 'Open Sans', sans-serif;*/

letter-spacing:.0625em} body a{color:#171618}body a:focus,body a:hover{text-decoration:none;color:#3c6360}
/* .bg-black{background-color:#161616!important} */
.bg-primary{background-color:#64a19d!important}.text-primary{color:#171618!important}
.bg-black, .bg_brown_dark{background-color:#432324!important}
.bg_brown_light {background-color: #f9c180!important}

.text-black {color: #432324!important}

footer{padding:2rem 0;}
footer a{color: white!important}
footer a:focus, footer a:hover{color:#f9c180!important;text-decoration:none}
footer a:hover #fa-angle-up {color: #f9c180!important}

::selection {
  background: #ad2018; /* WebKit/Blink Browsers */
  color: white;
}
::-moz-selection {
  background: #ad2018; /* Gecko Browsers */
	color: white;
}