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

#und-color:#64a19d!important
}
.text-primary {
color:#64a19d!important
}
footer {
padding:5rem 0
}
mainNav {
min-height:56px;
background-color:#fff
}
#mainNav .navbar-toggler {
font-size:80%;
padding:.75rem;
color:#64a19d;
border:1px solid #64a19d
}
#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,80%);
outline:0;
background-color:transparent
}
#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus {
outline:0;
background-color:transparent
}
.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
  margin-top:13px;
}
@media (min-width:992px) {
#mainNav {
	padding-top:0;
	padding-bottom:0;
	border-bottom:none;
	background-color:transparent;
	transition:background-color .3s ease-in-out
}
#mainNav .navbar-brand {
	padding:.5rem 0;
	color:rgba(255,255,255,.5)
}
#mainNav .nav-link {
	transition:none;
	padding:2rem 1.5rem;
	color:black;
}
#mainNav .nav-link:hover {
	color:rgba(255,255,255,.75)
}
#mainNav .nav-link:active {
	color:#fff
}
#mainNav.navbar-shrink {
	background-color:#fff
}
#mainNav.navbar-shrink .navbar-brand {
	color:#161616
}
#mainNav.navbar-shrink .nav-link {
	color:#161616;
	padding:1.5rem 1.5rem 1.25rem;
	border-bottom:.25rem solid transparent
}
#mainNav.navbar-shrink .nav-link:hover {
	color:#64a19d
}
#mainNav.navbar-shrink .nav-link:active {
	color:#467370
}
#mainNav.navbar-shrink .nav-link.active {
	color:#64a19d;
	outline:0;
	border-bottom:.25rem solid #64a19d
}
}
.masthead {
position:relative;
width:100%;
height:auto;
min-height:35rem;
padding:15rem 0;
background:linear-gradient(to bottom,rgba(22,22,22,.3) 0,rgba(22,22,22,.7) 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:1.5rem;
line-height:1.5rem;
letter-spacing:.2rem;
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:1rem;
	line-height:1rem
}
}
@media (min-width:992px) {
.masthead {
	height:100vh;
	padding:0
}
.masthead h1 {
	font-size:1.5rem;
	line-height:1.5rem;
	letter-spacing:.2rem
}
.masthead h2 {
	max-width:30rem;
	font-size:1.25rem
}
}

.masthead2 {
position:relative;
width:100%;
height:auto;
min-height:35rem;
padding:15rem 0;
background:linear-gradient(to bottom,rgba(22,22,22,.3) 0,rgba(22,22,22,.7) 75%,#161616 100%),url(../img/matrimonios-robyn.jpg);
background-position:center;
background-repeat:no-repeat;
background-attachment:scroll;
background-size:cover
}


.masthead2 h1 {
font-family:'Varela Round';
font-size:1.5rem;
line-height:1.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
}
.masthead2 h2 {
max-width:20rem;
font-size:1rem
}
@media (min-width:768px) {
.masthead2 h1 {
	font-size:1rem;
	line-height:1rem
}
}
@media (min-width:992px) {
.masthead2 {
	height:100vh;
	padding:0
}
.masthead2 h1 {
	font-size:2.5rem;
	line-height:2.5rem;
	letter-spacing:.8rem
}
.masthead2 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: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-color:#64a19d;
	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/traveller-robyn.jpg);
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:2rem 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:Lato;
letter-spacing:.0625em
}
a {
color:#64a19d
}
a:focus,a:hover {
text-decoration:none;
color:#3c6360
}
.bg-black {
background-color: #161616!important
}