/*!
 * 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_career_mb.jpg);
background-position:center;
background-repeat:no-repeat;
background-attachment:scroll;
background-size:cover;
}

.masthead{height:100vh;padding:10rem 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:2.5rem;line-height:2.5rem;letter-spacing:.8rem;font-weight:800; padding-top: 45%}
.masthead h2{max-width:15rem;font-size:0.7rem;line-height:1.5rem;font-weight:400; margin-right: 15%}
.masthead a{color:black!important;font-size: .9rem}

.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:#f9c180;font-size: 2px;color:black}

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

.about-section{padding-top:4rem;background-color:#fff}
.about-section h2{font-size:1.5rem;line-height:1.5rem}
.about-section p{font-size:0.8rem;margin-bottom:3rem}
.contact-section{padding:15rem 0 0}

/* FORM */
#how {padding-bottom: 3rem}
#how .col-lg-12 {padding: 2rem}
#how a{color:#171618;font-size: 0.8rem;font-weight:800;margin-right: 10%}
#how a:hover{color:black!important}
#how .submit {font-size: .8rem;font-weight:800; margin: 0; padding-left: 1rem}
#how .form-control {height:50px; color: black; background-color: rgba(255,255,255,.5)}
#how .form-control:active,.form-control:focus {background-color: white;}
#how .special {height:200px}
#how .special2 {margin-left: 1rem}
#how .form-group {padding: 0  0 .5rem 0; margin: 0}
#how .custom-select:hover {background-color: transparent}
#how .submit {background-color: rgba(67,35,36,.8)!important; color: white!important; font-size: .8rem; padding: 1rem 2rem; border-radius: 2px!important}
#how .submit:hover {background-color: #432324!important;}
#how .label_header {font-size:.9rem;line-height:1.5rem;font-weight:600; color: rgba(0,0,0,1.00)}

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%;}
}

@media (min-width:992px){
	.masthead{height:100vh;padding:0;margin-top: 0}
	.masthead h3{font-size:6.5rem;line-height:2.5rem;letter-spacing:1.5rem;padding-top: 45%;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; padding-top: 45%;}
	.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}
	.social {width:auto;height:auto;font-size:4rem}
	
	.masthead{position:relative;width:100%;height:800px;
	background:url(../img/bg_career.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover;}
	
	.contact-section{padding:25rem 0 0}
	.about-section{padding-top:8rem;background-color:#fff}
	.about-section h2{font-size:2.3rem;line-height:1.5rem}
	.about-section p{font-size:1rem;margin-bottom:3rem}
	
	#how {padding-bottom: 6rem}
	#how .col-lg-12 {padding: 5rem}
	
	.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;}
	
	.btn-primary{background-color:#f9c180!important;font-size: 2px}
	}

.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:10rem 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 .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;
}