body{
	background-image: url('../assets/img/ocean2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

p, h1, h2, h3, h4, h5, h6{
	font-family: "Montserrat", sans-serif;
}



#bb{
    font-size: calc(4rem + 2vw);
}

#ww{
	background-color: #99B647;
}

#de{
	background-color: #F15A29;
}

#reg{
	background-color: #ffffff;
}

#cel{
	background-color: #3858A7;
}

#rsvp{
	background-color: #3858A7;
}

.formpad{
	padding-top: 20px;
}
.formtop{
	padding-top: 40px;
}
.formbottom{
	padding-bottom: 40px;
}
.formsmash{
	padding: 60px;
}

.diaper{
	font-size: 1.5em;
}
.rsvptext{
	font-weight: 700;
	font-size: 2.5em;
	padding-bottom: 40px;
}

.form-control{
	background-color: transparent;
}

.nav-item{
	color: #ffffff;
	background-color: #EA435D; 
}

.btn{
	background-color: #EA435D;
	color: #ffffff;
	width: fit-content;
    justify-self: center;
    border-radius: 0px;
}



.btn:hover{
	background-color: #c41530;
	color: #ffffff;
}

.d-flex{
	display: grid !important;
    align-items: center;
    align-content: center;
}

.navbutton{
	--bs-gutter-x: 0;
}

.boxpad {
	min-height: 500px;
}

.boxhead{
	font-size: 3em;
	font-weight: 700;
}

.boxtext{
	font-size: 1.5em;
	font-weight: 500;
	line-height: normal;
	padding-top: 20px;
}
.rsvpcontext{
	font-size: 1.5em;
    font-weight: 500;
    line-height: normal;
}

.fontwhite{
	color: #ffffff;
}

#sub{
	font-size: calc(1em + 1vw);
	font-weight: 600;
}

.section{
	padding-top: 80px;
}


#rsvpcon{
	background-color: #99B647;
	min-height: 300px;
	align-self: center;
}


.parallax {
  /* The image used */
  background-image: url("../assets/img/ocean2.jpg");

  /* Set a specific height */
  /*min-height: 500px;*/

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.smallbuttons{
	display: none;
}


@media screen and (max-width: 900px) {
  .boxtext {
    font-size: calc(1em + 1vw);
  }
  .boxrowpad {
    padding: 0px 20px 0px 20px;
  }
  #rsvpform{
	padding-left: 20px;
	padding-right: 20px;
}
#rsvpform{
	padding-left: 20px;
	padding-right: 20px;
}
.smallbuttons{
	display: block;
}
.bigbuttons{
	display: none;
}

}