@charset "UTF-8";
/* CSS Document */
/* Color scheme hexadecimal values: FFE8DF 8F92B2 F9F9FF BBCCB3 99B28B */
@import url('https://fonts.googleapis.com/css2?family=Englebert&display=swap');
body {
color: white;
font-family: Englebert, Verdana, Geneva, Arial, sans-serif;
padding:0px;
margin:0px;
background: rgb(42,122,98);


}

h1,h2,h3,h4,h5,h6,p,li {
margin-left:15px;
margin-top:0px;
}



#wrapper {
width: 900px;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(42,122,98);

}

div.nav {
    display: none;
}



 

#right-column {
float: none;
padding-top: 50px;
margin-top: 50px;
padding-left: 5px;
padding-right: 5px;
margin-left: 3px;
margin-right: 3px;
height: auto;
width: 100%;
background-color: rgb(42,122,98);
font-size: 32pt;
color: antiquewhite;
padding-top: 50px;
padding-bottom: 20px;

margin-top: 10%;

}


#left-column {
    margin-top: 50px;
    margin-left: 25px;
    float: none;
    width: 900px;
    position: relative;
    left: 10px;
    right: 10px;
    background-color: rgb(42,122,98);
    padding-left: 20px; 
    padding-right: 20px;
    margin-bottom: 10px;
}

 /*  Style for the contact information fields  */
.box-contact {
    width: 100%;
	height: auto;
	font-size: 32pt;
    line-height: 35pt;
    padding-left: 5px;
padding-right:0;
margin-left: 3px;
margin-right: 3px;
float: right


}



/*  Style for the invitation paragraph */

.cards {
    font-size: 32pt;
    line-height: 40pt;
    background-color:#99B28B;
    padding: 20px;
    width:90%;
    margin-left: 10px;
    margin-right: 10px;
    
   }

   /*  Rollover image styles in right column */

.image-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-top: 0;
    width: 900px;
    /* padding-top:5px; */
    background-color: rgb(42,122,98);


   
}


img {
    
    width: 300px;
    margin-left: 20px;
    padding-right: 20px;
}
    

   .figure {
    margin-right: 10px;
    width: 900px;
    display: flex;
    flex-direction: row;
    justify-items: center;
    padding-top: 0;
    padding: 20px;
    background-color:#99B28B;
    font-size: 40pt;
    color: antiquewhite;
    font-weight: bold;
    text-decoration: none;
    background-color: rgb(42,122,98);
    background: -moz-linear-gradient(top,  rgba(42,122,98,1) 1%, rgba(174,186,135,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
    background: linear-gradient(to bottom,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7a62', endColorstr='#aeba87',GradientType=0 );

   }


/*Style for the toggle image captions */
figcaption {
    font-style: italic; 
    font-size: 32pt;
    padding: 20px;
    
    width: 300px;
    text-decoration: none;
    
 }


 /*  Rollover image styles  */
 

.box {
 display: none
}


.clear{ 
clear: both; 
}