.jumbotron-fluid, #jumbotron-save-the-date {
    background-image: url(../img/jumbotron-bgs.png);
    background-position: bottom;
    background-size: cover;
}
.jumbotron-fluid, #jumbotron-travel-lodging {
    background-image: url(../img/travel-hero.png);
    background-position: bottom;
    background-size: cover;
}
  
#banner-script{
    font-family: al-fresco, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18vmin!important;
    color: #2E1F19;
}

#declare{
    font-family: questa-grande, serif;
    font-weight: 900;
    font-style: italic;
    font-size: 6vmin!important;
    color: #1A3204;
    line-height: .9!important;
}

#date{
    font-family: questa-grande, serif;
    font-weight: 900;
    font-style: regular;
    font-size: 15vmin!important;
    color: #2E1F19;
    line-height: 1!important;
}

#place{
    font-family: questa-grande, serif;
    font-weight: 300;
    font-style: regular;
    font-size: 8vmin!important;
    color: #1A3204;
}

#hero{
    font-family: questa-grande, serif;
    font-weight: 900;
    font-style: regular;
    font-size: 15vmin!important;
    color: #2E1F19;
}

#preposition{
    font-family: questa-slab, serif;
    font-weight: 900;
    font-style: normal;
    font-size: 3vmin!important;
}

h3{
    font-family: questa-slab, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2rem!important;
    color: black
}

h4{
    font-family: questa-slab, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: black
}


h5{
    font-family: questa-slab, sans-serif;
    font-weight: 400;
    font-style: normal;
}


p, li {
    font-family: questa-grande, serif;
    font-weight: 400;
    font-style: normal;
    color: black;
}

#caption{
    font-family: questa-grande, serif; 
    font-weight: 100;
    font-style: italic;
    color: gray;
}

label {
    font-family: questa-slab, sans-serif;
    font-weight: 700;
    color: #2E1F19;
    font-style: normal;
    margin-bottom: 0rem;
  }

a{
    font-family: questa-slab, serif;
    font-weight: 300;
    font-style: normal;
}

a.para{
    font-family: questa-grande, serif;
    font-weight: 400;
    font-style: normal;
    color:gray;
}

a.footer{
    color: black;
}

.form-control {
    border-radius: 0rem;
    font-family: questa-sans, sans-serif;
    font-weight: 300;
    font-style: normal;
}

.form-control:focus {
    color: #1A3204;
    background-color: #fff;
    border-color: #1A3204;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #94AD94;
}

.btn {
    border-radius: 0rem;
    font-family: questa-slab, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.btn-primary {
    color: #fff;
    background-color: #1A3204;
    border-color: #1A3204;
}
  
.btn-primary:hover {
    color: #fff;
    background-color: #94AD94;
    border-color: #94AD94;
}
  
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem #94AD94;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #1A3204;
  border-color: #1A3204;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #94AD94;
}

.navbar {
    background-color: #1a3204;
}

body {
    position: relative;
}

html {
    scroll-behavior: smooth
}

.modal-content {
    font-family: questa-grande, serif;
    font-weight: 400;
    font-style: normal;
}

.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -100;
}

.parallax {
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;

	/* BG behaviour */
	background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
}