/*default size: mobile 320px*/
body {
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
		
h1 {
	font-size: 2rem;	
}	
		
h3 {
	font-size: 1.5rem;
}
	
.bg-primary  {
	background-color: ivory !important;
}
	 
.wrapper_for_all_content {
	position: relative;
	top: -25px;
}
	
.main_content {
	position: relative;
	top: -25px;
}
			
.cover-image {
	position: relative;
	top: 0px;
	max-width: 100%;
	height: auto;
}
	
.logo-mobile {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
}
	
.logo-joined {
	display: none;
}
	
.each-design {
	text-align: center;
	margin-top: 25px;
}

.each-design h2 {
	font-size: 1.4rem;
	padding: 5px;
	line-height: 2rem;
}

.line1 {
	position: relative;
	top: 75px;
	max-width: 50%;
	margin: 0 auto;
}
		
.line4 {
	display: none;
}
	
.line3 {
	display: none;
}
	
.line2 {
	display: none;
}
	 
/*styling carousel*/

.carousel {
	margin-top: 50px;
}

.carousel-item {
	height: 500px;
}

.carousel-indicators ol {
	position: absolute !important;
	bottom: 0px !important;
	background-color: black;
	color: black !important;
}

.carousel-control-prev-icon {
	position: absolute;
	top: 100px;
	color: ;
	background-color: black !important;
}

.carousel-control-next-icon {
	position: absolute;
	top: 100px;
	color: black !important;
	background-color: black !important;

}

/*styling captions*/

#sunflowers {
	position: relative;
	top: -180px;
	left: 0px;
	text-align: center;
	font-family: 'Parisienne', cursive;
	color:white;
	text-align:center;
	text-shadow: 1px 1px black;
	background: rgba(18, 90, 22, 0.5); 
	border-radius: 25px;
}

#sunflowers h5 {
	font-size: 1.6rem;
}

#bonvoyage h5 {
	position: relative;
	top: -190px;
	right: -55px;
	font-family: 'Ledger', serif;
	color: white;
	text-shadow: 1px 1px yellow;
	text-align: center;
	/*background: rgba(119, 5, 5, 0.4);*/
	background: rgba(44, 134, 185, 0.8); 
	border-radius: 25px;
	padding: 3px;

}

#cupcakes {
	max-width: 100%;
	width: 100%;
}

#cupcakes h5{
	position: relative;
	top: -240px;
	right: 50px;
	color: white;
	font-family: 'Caveat', cursive;;
	text-shadow: 1px 1px black;
	font-size: 1.5rem;
	line-height: 4px;
	background: rgba(119, 5, 5, 0.7);
	border-radius: 25px;
	padding: 20px;
	opacity: .9;
}

@media (min-width: 375px) {
	#cupcakes h5 {
		position: relative;
		top: -200px;
		font-size: 1.3rem;

	}
}

@media (min-width: 414px) {
	#cupcakes h5 {
		position: relative;
		top: -220px;
	}
}

@media (min-width: 414px) {
	#bonvoyage h5 {
		padding: 10px;
	}
}
/*styling images*/ 

#image-sunflower {
	width: 85% !important;
	margin: 0 auto;
}

#image-cupcakes {
	max-width: 100%;
	width: 100%;
	position: relative;
	top: -30px;
}

#image-ship {
	position: relative;
	top: -25px;
}

@media (min-width: 414px) {
	#image-ship {
		position: relative;
		top: -50px;
	}

	#image-cupcakes {
		max-width: 100%;
		width: 100%;
		position: relative;
		top: -75px;
	}
}

/*end styling images*/

.btn {
	position: relative;
	top: -150px;
	left: 0px;
	background-color:rgb(8, 8, 99) !important;
	font-family: 'Ledger', serif;
	font-size: 2rem;
}
		
.button_container {
	position: relative;
	top: 5px;
	text-align: center;

}


.footer {
	text-align: center;
	position: relative;
	top: 0px;
	/*background-color: rgb(151, 151, 231);*/
	opacity: .7;
	padding: 1px;
	color: black;
		
}

.footer2 h1{
	font-size: .7rem;
	opacity: .7;
}

	.final_line {
max-width: 100%;
margin-left: auto;
margin-right: auto;
height: 2px;
background-color:#666;
opacity: 0.3;
position: relative;
top: 0px;
}


@media (min-width: 360px) {
#most-special-moments {
	margin-right: 25px;
	margin-left: 25px;
}
}

@media (min-width: 375px) {
#most-special-moments {
	margin-right: 25px;
	margin-left: 25px;
}
}

@media (min-width: 411px) {
#most-special-moments {
	margin-right: 35px;
	margin-left: 35px;
}
}

@media (min-width: 414px) {
	#most-special-moments {
	margin-right: 35px;
	margin-left: 35px;
}
}

@media (min-width: 1024px) {
/*styling captions*/
#cupcakes h5 {
	background: rgba(119, 5, 5, 0.6) !important;
	width: 75% !important;
}

#sunflowers {
	position: relative !important;
	top: -500px !important;
	left: 175px !important;
	padding: 10px;
	width: 70%;
	
}

#sunflowers h5 {
	font-size: 3rem;
		
}

/*styling images*/

#image-cupcakes {
	position: relative !important;
	top: -150px !important;
	width: 75% !important; /*THIS WON'T GET SMALLER!!!!!!!!*/
	max-width: 100%;
}

#image-sunflower {
	width: 60% !important;
}

#image-ship {
	width: 75% !important;
}
}
/*media queries trying to center page content*/
@media (min-width: 1600px) {	
	
.wrapper {
	max-width: 1600px;
	margin: 0 auto;
}
}
	
@media (min-width: 1920px) {	
	
.wrapper {
	max-width: 1920px;
	margin: 0 auto;
}
}
/*end media queries trying to center page content*/

@media (min-width: 1200px) {	
	/*begin navbar*/

.wrapper {
	max-width: 960px;
	margin: 0 auto;
}
	
.container {
    position: relative;
    left: 50px;
}

.navbar li {
    padding: 10px;
}

.nav-item a:hover {
    background-color: rgb(226, 235, 177);
}
	
.bg-primary  {
	background-color: rgb(228, 206, 228)!important;
}

.navbar-toggler {
	 font-size: 3.00rem;
 }

	/*end navbar*/
.logo-joined {
	display: block;
	max-width: 100%;
	width: 100%;
}

.logo-mobile {
	display: none;
}
	
.cover-image  {
	display: none;
}
	
.each_design {
	position: relative;
	top: 0px;	
	left: 0px;
	padding-bottom: 50px;
	text-shadow: 1px 1px gray;
	letter-spacing:1.5px;
	background: rgba(254, 255, 254, 0.6);
	border-radius: 25px;
	padding: 20px;
	max-width: 100%;
	text-align: center;
			
}

.each_design h1 {
font-size: 11rem;
color: black;
line-height: 1.6;
font-family: 'Parisienne', cursive;
}

.each_design h2 {
font-size: 6rem;
color: black;
line-height: 1.6;
}

.wrapper_for_carousel_and_button {
	margin-top: 300px;
	position: relative;
	left: -350px;
	
}

.line1 {
	display: none;
}

.line2 {
	display: none;
}

.line4 {
	display: none;
}

.line3 {
	display: none;
}

/*styling carousel*/

.carousel-inner {
	height: 500px;
}

.carousel {
	width: 70%;
	margin: 0 auto;
}

.carousel-item {
	height: 700px;
}

/*styling captions*/

#sunflowers {
	position: relative !important; 
	top: -275px !important;
}

#sunflowers h5 {
	font-size: 2.5rem;
	font-family: 'Parisienne', cursive;
}

#bonvoyage  h5 {
	position: relative !important;
	top: -450px !important;
	left: 325px !important;	
	font-size: 2rem;
	padding: 25px 25px !important;
	width: 50%;
}

#cupcakes {
	max-width: 100%;
	width: 100%;
	padding: 10px;
}

#cupcakes h5 {
	width: 100% !important;
	position: relative !important;
	top: -200px !important;
	text-align: center;
	color: white;
	font-family: 'Ledger', serif;
	font-size: 1rem;
	line-height: 4px;
	background: rgba(119, 5, 5, 0.7);
	border-radius: 25px;
	opacity: .9;
}

/* styling images*/
#image-sunflower {
	max-width: 100% !important;
	width: 75% !important;
}

#image-ship {
	max-width: 100% !important;
	width: 100% !important;
}

#image-cupcakes {
	max-width: 100%;
	width: 70% !important; /*doesn't seem to be shrinking*/
	position: relative !important;
	top: -50px !important;
}

.btn {	
	background-color:rgb(8, 8, 99) !important;
	font-family: 'Ledger', serif;
	font-size: 7rem;
	padding: 35px;
	
}

.button_container {
	position: relative;
	top: 25px;
	text-align: center;
}
	
/*controls slides and all inner content
.carousel-item {
	height: 500px;
}

.carousel-inner {
	height: 800px !important;
}
*/


.final_line {
max-width: 100%;
width: 100%;
margin-left: auto;
margin-right: auto;
height: 2px;
background-color:#666;
opacity: 0.3;
position: relative;
top: 160px;
}

.footer {
   /*background-color: rgb(151, 151, 231);*/
   opacity: .7;
   padding: 1px;
   color: black;
	   
}

.footer2 h1{
   font-size: 3rem;
   opacity: .6;
   position: relative;
   top: 0px;
   font-family: 'Ledger', serif;
   text-align: right;
}
}

	
		
	
@media (min-width:768px) { 
		
		/*begin navbar*/

		/*.bg-primary  {
    background-color: ivory !important;
}

		.navbar-toggler {
		 font-size: 3.00rem;
}*/
	
.nav-item {
	padding: 0px;					
}
			
		/*.nav-item a {
			font-size: 1.5rem;
			
}*/
		
.cover-image {
	display: none;
}
	
.logo-mobile {
	display: none;
}

.logo-joined {
	display: block;
	max-width: 100%;
	width: 100%;
}

.main_content {
	position: relative;
	top: 0px;
}

.line1 {
	position: relative;
	top: 23px;
	max-width: 50%;
	margin: 0 auto;
}

.line4 {
	display: none;
}

.line3 {
	display: none;
}

.line2 {
	display: none;
}
				
.each-design {
	margin-top: 100px;
	padding: 0px 150px;
	text-align: center;
				
}

.each-design h1 {
	font-size: 5rem;
	line-height: 1.6;
	margin: 0 auto;
	position: relative;
	top: -45px;
}

.each-design h2 {
font-size: 2.3rem;
line-height: 2.0;
margin: 0 auto;
position: relative;
top: -50px;
}

#most-special-moments {
	margin-right: 0px;
	margin-left: 0px;
}
				
.btn {
	
	position: relative;
	top: -22px;
	right: 0px;
	background-color:rgb(8, 8, 99);
	font-family: 'Ledger', serif;
	font-size: 2rem;
}

.button_container {
	position: relative;
	top: 50px;
	text-align: center;

}


.carousel {
	margin-top: 0px;
}

.carousel-inner {
	height: 500px;
}	

/*styling captions*/

#sunflowers {
	position: relative;
	top: -300px;
	left: 120px;
	width: 70%;
}

#sunflowers h5 {
	font-size: 2.5rem;
}

#bonvoyage  h5 {
	position: relative !important;
	/*top: -250px !important;*/
	left: 325px !important;	
	font-size: 2rem;
	padding: 25px 25px !important;
	width: 50%;
}

#cupcakes h5 {
	width: 100%;
	position: relative;
	top: -25px;
	font-size: 3rem;
	font-family: 'Caveat', cursive;
	text-align: center;
	background-color: rgb(211, 122, 122);
	color: white;
	padding: 50px 50px !important;

}

/*styling images*/
#image-cupcakes {
	position: relative;
	top: -75px;
	max-width: 100%;
	width: 90% !important;
}

#image-sunflower {
	max-width: 100% !important;
	width: 70% !important;
}

.footer {
text-align: center;
position: relative;
top: 170px;
/*background-color: rgb(151, 151, 231);*/
opacity: .7;
padding: 1px;
color: black;
	
}

.footer2 h1{
font-size: 1.2rem;
}

.final_line {
max-width: 100%;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
top: 160px;
height: 2px;
background-color:#666;
opacity: 0.3;

}
	}