body {
   font-family: 'Montserrat', sans-serif;
   font-size: 16px;
   font-weight: 400; 
   margin: 0; 
}

/* Header Here */

header {
    background-color: #C8E9A0;
    padding: 1rem 2vw;   
}

header h1 {
    margin: 0;
    color: #351E29;
}

header p {
    margin: 0;
    color: #351E29; 
    letter-spacing: 2.2px; 
}

/* Start Nav */

nav {
    background-color: #FBACBE;    
}

nav ul {
    list-style-type: none;
    padding: 0 2vw;
    margin: 0;
    display: flex;  
}

nav ul li a{
    font-size: 1.1rem;
    text-decoration: none;
    color: #351E29; 
    font-weight: 700;
    display: block;
    padding: .83rem 2rem;  
}

nav li.active a {
    background-color: #6DD3CE;
    color: #351E29;   
}

nav a:hover {
    color: #fff; 
}

/* Main Here */

main {
    padding: 1rem 2vw;   
}


main h1 {
    color: #A13D63;  
}


main h2 {
    color: #8C4467; 
    margin-bottom: .2rem;
}

main p {
    color: #351E29;
    margin: 0 0 .3rem 0;
}

main ol {
    padding: .5rem 3vw;
    background-color: #f5cec7;
    color: #351E29;
    
}

main dl dt {
    color: #A13D63;
    font-weight: 600;
}

main dl dd {
    color: #351E29;
    font-size: .9rem;
}

main ul {
    list-style-type: circle;  
}

main ul li {
    line-height: 125%;
    margin-bottom: .5rem;
    font-size: .9rem;
    color: #351E29;
}

main a {
    color: #A13D63;  
}

main a:hover {
    color: rgb(200, 233, 160);  
}

figure.wrapped {
    width: 30%;
    margin: 0 0 0 2%;
    float: right;
    
}

figure.wrapped img {
    width: 100%;
    height: auto; 
}

figure.wrapped figcaption {
    text-align: center;
    font-size: .75rem;
}

div.gallery {
    display: flex;
    flex-wrap: wrap;  
}

div.gallery figure {
    margin: .5rem 2% 0 0;
}
    
div.gallery figcaption{
    text-align: center;
    font-size: .8rem;
    color: #A13D63;
}


.myForm fieldset {
    border: 1px solid #FBACBE;
    border-radius: 3px;
    margin-bottom: 1rem;
}

.myForm legend {
    color: #A13D63;
    font-size: .8rem;
}

.myForm label {
    margin: .5rem;
}

.myForm label, .myForm select, .myForm [type=text], .myForm [type=tel], .myForm [type=email], .myForm textarea {
    display: block;
}

.myForm [type=text], .myForm [type=tel], .myForm [type=email], .myForm select, .myForm textarea 
{
    border: solid 1px #C8E9A0;
    padding: .3rem;
    width: 250px;
    border-radius: .3rem; 
    
    font-family: 'Montserrat', sans-serif;
   font-size: 16px;
}

.myForm textarea {
    height: 6rem;
}

.myForm :required {
    background-color: rgba(200, 233, 160, 0.1);
}

.myForm [type=submit] {
    background-color: #FBACBE;
    border: none;
    padding: 1rem 2rem;
    border-radius: 10px;
    color: #A13D63;
    margin: 1rem 0 0 2vw;
    font-size: 17px;
}
/* Footer Here*/ 

footer  {
    padding: 1rem 2vw;   
}

footer address {
    font-style: normal;
    background-color: #6DD3CE;
    color: #351E29;
    padding: .5rem;
    width: 12.5rem;
    border: 1px solid #84a59d;
    border-radius: 5px;
    
}

footer {
    background-color: #C8E9A0;
    text-align: center;
    color: #351E29;
    padding: 1rem 0;
    font-size: .8rem;
} 

footer a {
    color: #351E29;    
}






