* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    text-decoration: none;
}

:root {
    --text: rgb(21, 21, 21);
    --background: rgb(0, 37, 71);
    /* --background: rgb(0, 27, 51); */
    /* --background: rgb(12, 14, 56); */
    /* --background: rgb(9, 14, 41); */
    --gold: rgb(207, 141, 54);
    --secondary: rgb(149, 6, 6);
     --accent1:rgb(255, 69, 0, 0.8);
    --accent2: rgb(3, 128, 177, 0.8);
    --accent3: rgb(128, 0, 0, 0.8);
    --accent4: rgb(128, 0, 128, 0.8);
}

body{
    overflow-x:hidden;
    background-color: var(--background);
}

.pageWrapper{
    margin: 0 auto;
    width:96vw;
    max-width:1200px;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap:5px;
}

header{
    width: 96vw;
    max-width:1080px;
    /* min-height:480px;
    max-height:480px; */
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;

    border-top:0px;
    border-radius: 30px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border:2px solid rgb(207, 141, 54);;
    border-top:0px;

    box-shadow: 0 3px 3px rgba(0,0,0,.4);

    /* background-image: url("graphics/floralBackground.jpg"); */
    background-image: linear-gradient(rgba(0, 0, 0, 0.3) 30% , rgba(0,0,0, 0.1)),
    url("graphics/floralBackground.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgb(207, 141, 54);
}

.headerContent {
    max-height:500px;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center ; 
    border-radius: 30px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.headerContent img{
    max-height:500px;
    /* min-height:500px; */
}

.animate__animated.animate__swing{
    --animate-duration:3s;
}

/* .logo {
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center ;
} */


section {
    width: 96vw;
    max-width:1080px;
    padding-bottom:0;
    /* box-sizing: border-box; */
}

/* START OF NAVCARDS */
#navCards {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    /* box-sizing: border-box; */
}

.navImgBox {
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-right:0.5%;
    min-height:260px;
    max-height:260px;
    /* min-width:190px; */
    flex: 1;
    overflow: hidden;
    transition:0.5s;
    line-height: 0;
    box-shadow: 0 5px 5px rgba(0,0,0,.6);
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border:2px solid rgb(207, 141, 54);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navImgBox1{
    background-image: url("photos/navCard1.jpg");
    /* background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}

.navImgBox2{
    background-image: url("photos/navCard2.jpg");
}

.navImgBox3{
    background-image: url("photos/navCard3a.jpg");
}

.navImgBox4{
    background-image: url("photos/navCard4.JPG");
    margin-right:0;
}

.navImgBox span {
    /* padding:auto; */
    text-justify: center;
    text-align: center;
    position: static;
    height:80px;
    min-height: 80px;
    max-height: 80px;;
}

.navImgBox1 span{
    background-color:rgb(255, 69, 0, 0.8);
}

.navImgBox2 span{
    background-color:rgb(3, 128, 177, 0.8);
}

.navImgBox3 span{
    background-color: rgb(128, 0, 0, 0.8);
}

.navImgBox4 span{
    background-color: rgb(128, 0, 128, 0.8);
}

.navImgBox > span {
    display: block;
    padding-top:5%;
    font-family: 'Alegreya Sans SC', sans-serif;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1;
    color:white;
}

.navImgBox:hover > span {
    display: none;
}



.icons{
    display:flex;
    justify-content: center;
    align-items: center;
    width:220px;
    min-width:220px;
    max-width:220px;
}

.icon {
    margin: 8px;
    height:80px;
}


.navMessage {
    /* padding:0 auto; */
    margin:0 auto;
    /* width:100%; */
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    align-content:center;
    color:white;
    opacity:0;
    line-height: 1;
    font-size: 1.2rem;
    text-align: center;
}

.navMessage .contentTitle{
    font-family: 'Alegreya Sans SC', sans-serif;
    font-size:1.4rem;
    font-weight: 400;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
    color:white;
}

/* .navMessage .abfKeyword {
    font-family: 'Alegreya Sans SC', sans-serif;
    font-size:1.4rem;
    font-weight: 400;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
    color:white;
    display: none;
} */

.navMessage1{
    background-color:rgb(255, 69, 0, 0.8);

}

.navMessage2{
    background-color:rgb(3, 128, 177, 0.8);
}

.navMessage3{
    background-color:rgb(128, 0, 0, 0.8);
}

.navMessage4{
    background-color:rgb(128, 0, 128, 0.8);
}

.navImgBox:hover { 
    flex: 1 1 25%; 
    width: 100%;
    /* height:30vh; */
    object-fit: cover;
    object-position: center;
    transition-duration: 2s;
}

.navImgBox:hover > .navMessage {
    width: 100%;
    height:100%;
    transition-duration: 1s;
    opacity:1;
}

.navImgBox:hover > span {
    /* padding:auto; */
    text-justify: center;
    text-align: center;
    position: static;
    color:transparent;
    background-color: none;
    /* display: none; */
}
/* END OF NAVCARDS */


#welcome {
    overflow:hidden;
    display: flex;
    flex-direction: column;
    width: 96vw;
    /* min-width: 800px; */
    max-width:1080px;
    margin: 0 auto;
    box-sizing: border-box;
    margin-top:10px;
    /* padding:2%; */
    background-color: white;
    font-family: 'Montserrat', sans-serif;
    /* font-size:1rem; */
    border-radius:30px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border:2px solid rgb(207, 141, 54);;
    box-shadow: 0 5px 5px rgba(0,0,0,.6);
}

.introColumns{
    width: 96vw;
    /* min-width: 800px; */
    max-width:1040px;
    min-height:300px;
    display:flex;
    justify-content: space-between;
    align-content: center;
    gap: 40px;
    margin:0 auto;
    padding:0 30px 20px 30px;
}

.introMsg{
    margin: 0 auto;
    padding:10px;
}

.introMsg p{
    margin-bottom: 15px;
    color:rgb(32, 32, 32);
}

.introMsg h1{
    padding-top:15px;
    padding-bottom:15px;
    /* font-family: 'Rochester', cursive; */
    font-family: 'Montserrat', sans-serif;
    color:rgba(200, 151, 87);
    font-size:1.8rem;
}

.introMsg .welcomeAccents{
    color:rgb(207, 141, 54);
}

.feteContainer{
    display:flex;
    justify-content:center;
    align-items:center;
}

.fete {
    display:flex;
    flex-direction: column;
    align-items:start;
    justify-content: center;
    min-width: 240px;
    max-width:320px;
    min-height:240px;
    max-height:320px;
    /* margin:0 10%; */
    /* margin-top:10px; */
    padding:15%;
    border-radius: 50% 20% / 10% 40%;
    background-color: black;
    box-shadow: 0 5px 5px rgba(0,0,0,.6);
    background-image: url(photos/purplepinks.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color:white;
}

.fete h1 {
    font-size: 1.4rem;
    font-family: 'Montserrat', sans-serif;
}

.boldText {
    font-weight:bold;
}

.spanText {
    font-size: .8rem;
    font-weight: 400;
    font-style: italic;
}

.fete p {
    padding:.5%;
    padding-left:4%;
    padding-right:4%;
    font-size: 1rem;
}

.fete .pronounce{
    font-size: 1rem;
}

.welcomeAccents {
    font-weight: bold;
    /* font-size: 1.3rem; */
    color: rgb(207, 141, 54);
    text-align: center;
}

#runningNav {
    margin-top: 3vh;
    display: flex;
    justify-content:center;
}

#runningNav ul {
    display:flex;
    text-decoration:none;
    justify-content: space-between;
    align-items: flex-start;
    list-style-type: none;
    width: 96vw;
    max-width: 1080px;
    padding-top: 1vh;
}

#runningNav li{
    margin: 0 4%;
    align-content: center;
    text-decoration: none;
}

#runningNav a {
    font-family: 'Montserrat', sans-serif;
    font-size:.8rem;
    font-weight: bold;
    letter-spacing: 0.1rem;

    line-height: 1;
    text-decoration: none;
    color: rgba(200, 151, 87);
    border:1px solid rgba(200, 151, 87);
    /* border-radius: 10px; */
    padding:5px 10px;
    box-shadow: 0 4px 4px rgba(0,0,0,.3);  
}

#runningNav a:hover {
    color:white;
    background-color: rgba(200, 151, 87);
}

/* #runningNav img {
    width:15vw;
} */

#contactNav {
    display: flex;
    justify-content:center;
    align-items: center;
    color:white;
    margin-top: 10px;
    margin-bottom: 0;
}

#contactNav ul {
    margin: 20px;
    width:80vw;
    max-width: 1060px;
    height:3px;
    display:flex;
    justify-content: center;
    align-items: center;
    text-decoration:none;
    list-style-type: none;
    background-color:  rgb(255, 255, 255);
}

#contactNav li{
    margin:0;
}

#contactNav a {
    padding:10px 20px;
    color:white;
    background-color:  rgb(207, 141, 54);
    box-shadow: 0 3px 3px rgba(0,0,0,.4);
    border-radius: 30px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    text-decoration: none;
    font-family: 'Alegreya Sans SC', sans-serif;
    font-size:1rem;
    letter-spacing: 0.1rem;
    line-height: 1;
}

#contactNav a:hover {
    background-color: rgb(193, 0, 196);
}

.gallery #contactNav {
    display: none;
}

#main {
    /* width: 100%; */
    max-width:1080px;
    /* min-width: 800px; */
    /* margin: 5px auto; */
    display:flex;
    flex-direction: column;
    gap: 20px;
}



/* VIDEO BANNER */
.imageBoxCover img {
    width: 100%;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0 5px 5px rgba(0,0,0,.6);
    padding-bottom:0;
    margin:0 auto;
}

.imageBoxCover .logo {
    box-shadow: none;
    width: 40%;
}


#videoBanner, .pageBanner { 
    margin: 0 auto;
    margin-top:10px;
    width: 100%;
    max-width: 1080;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    /* border-bottom-right-radius: 30px; */
    box-shadow: 0 5px 5px rgba(0,0,0,.6);
    border:2px solid rgb(207, 141, 54);
}

#videoBanner {
    background-image: url("photos/staging.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}

.pageBanner img{
    width: 100%;
}

#videoBanner video {
    object-fit: cover;
    /* border:2px solid rgb(207, 141, 54);; */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.videoHeader {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: white;
    /* border:2px solid rgb(207, 141, 54);; */
    background-color: rgba(0, 0, 0, 0.576);
    /* background-color: rgb(207, 141, 54, 0.1);; */
    text-shadow: 1px 1px 8px rgba(0,0,0,0.6);
    font-size: 6rem;
}

.videoHeader img{
    overflow: hidden;
    width: 20%;
    /* margin-left: 20px; */
}

.videoHeader h2 {
    margin-right: 50px;
    margin-left: 50px;
    font-size: 4rem;
    font-family: 'Parisienne', cursive;
}

#better {
    font-family: 'Outfit', sans-serif;
    font-size: 5rem;
    letter-spacing: 10px;
}
/* END OF VIDEO BANNER */

/* SERVICES SECTION */

.servicesContainer{
    width: 96vw;
    max-width: 1080px;
    /* min-width: 800px; */
    margin-top:10px;
    padding: 0;
    /* border:4px solid var(--primary); */
    /* background-color: black;; */}

/* .servicesCategoryInfo  {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-bottom:1%;
} */

/* .servicesCategoryInfo  {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-bottom:1%;
    border:2px solid var(--primary);
    min-width: 892px;
    max-width: 1192px;
} */

#designdecor, #planning, #floral, #displays {
    overflow: hidden;
    width: 96vw;
    /* min-width: 800px; */
    max-width:1080px;
    margin: 0 auto;
    padding-bottom:0;
    background-color: white;
    font-family: 'Montserrat', sans-serif;
    font-size:1.2rem;
    border-top-left-radius:30px;
    border-bottom-right-radius:30px;
    box-shadow: 0 5px 5px rgba(0,0,0,.6);
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border:2px solid rgb(207, 141, 54);
    background-color: white;
}

#planning, #floral, #displays {
    margin-top:15px;
}

.moreInfoText{
    color:rgb(32, 32, 32);
    padding:20px;

}

.description{
    display: flex;
    justify-content: space-evenly;

}

.description div{
    width: 48%;
}

.moreInfoText h2 {
    font-size: 2.5rem;
    /* font-family: 'Rochester', cursive; */
    font-family: 'Alegreya Sans SC', sans-serif;

    line-height: .8;
    /* color: rgb(218, 146, 53); */
    color: rgba(200, 151, 87);
    letter-spacing: .1rem;
    padding-bottom: 1vh;
    text-align: center;
    text-shadow: 2px 2px  rgba(0, 0, 0, 0.8);
}

.moreInfoText p {
    font-size:.9rem;
    padding-bottom:1%;
    padding-top:1%;
}

.moreInfoText h3 {
    font-size:1.2rem;

}


.packages{
    margin-top:20px;
    padding:20px;
    background-color: var(--gold);
}

.packages h3, p {
    margin:0 auto;
}

/* GALLERY START */
.gallery {
    font-family: 'Montserrat', sans-serif;
    background-color: white;

    display:flex;
    justify-content: center;
    align-items: center;
    /* align-content: center; */
    width: 98%;
    max-width: 1080px;
    padding-bottom: 10px;
}

#quad { 
    font-size: 0; 
    width: 48%; 
    margin: 0 auto;
    margin-bottom: 5px;;
}

#quad figure { 
    margin: 0; 
    width: 50%; 
    height: auto; 
    transition: 1s; 
    display: inline-block; 
    position: relative; 
    overflow: hidden; 
    box-shadow: 0 5px 5px rgba(0,0,0,.8);
    border-radius: 30px;
}

#quad figure:hover { 
    cursor: pointer; 
    z-index: 4; 
}

#quad figure img {
    width: 100%;   
    height: 100%; 
}

#quad figure:nth-child(1) { 
    transform-origin: top left; 
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#quad figure:nth-child(2) { 
    transform-origin: top right; 
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

#quad figure:nth-child(3) { 
    transform-origin: bottom left; 
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

#quad figure:nth-child(4) { 
    transform-origin: bottom right; 
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#quad figure figcaption { 
    display:none;
    /* margin: 0; 
    opacity: 0; 
    background-color:rgb(13, 140, 190, 0.7);
    color: #fff; 
    padding: .7rem; 
    font-size: .8rem; 
    position: absolute; 
    bottom: 0; 
    width: 100%;
    height: 15%;
    transition: .5s .5s opacity; 
    display:flex;
    justify-content: center;
    align-items: center; */
}

.expanded { 
    transform: scale(2); z-index: 5;  
}

#quad figure.expanded figcaption { 
    opacity: 1; 
}

.full figure:not(.expanded) { 
    pointer-events: none; 
}


.themesGallery{
    /* background-color: var(--gold); */
    color:white;
    height:auto;
    display: flex;
    justify-content: center;
    padding-bottom: 0;
    margin: 0;
}

.themesGallery  #quad {
    height:auto;
    /* padding:2px; */
}


.themesGallery  #quad figure { 
    border-style:none;
    /* border-radius: 40px; */
    /* padding:2px; */
    box-shadow: none;
}

.gallery2 #quad figure figcaption { 
    background-color:rgba(128, 0, 0, 0.705);
}

.themesGallery #quad figure figcaption { 
    background-color: rgba(209, 132, 31, 0.8);
}

    
/* gallery end */

/* FORMS */

.greenText {
    color: rgb(0, 204, 0);
}

.redText {
    color:red;
}

.yellowText{
    color:rgb(207, 141, 54);
    text-decoration: underline;
}

.formContainer{
    width: 45vw;
    max-width: 500px;
    margin: 20px 0 0 0;
    color:white;
    font-size: 1rem;
    text-shadow: 2px 2px 3px black;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Lexend', sans-serif;
}

.contactForm {
    width: 45vw;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    /* width:70vw; */
    /* max-width:400px; */
    margin:0 auto;
    /* padding: 10px; */
    gap: 5px;
    /* line-height: 1.4rem; */
    font-size: .8rem;
    /* outline:0; */
    border-radius: 10px;
}

input::placeholder , textarea::placeholder{
    color:rgba(40, 40, 40, 0.621);
    font-size: .8rem;
    font-weight: 400;
}

.emailSuccess{
    color:white;
    font-family: 'Lexend', sans-serif;
}

.contactForm input, textarea {
    width: 45vw;
    max-width: 500px;
    padding:5px 10px;
    color:rgb(30, 30, 30);
    font-family: 'Lexend', sans-serif;
    font-weight: bold;
    border-radius: 8px;
    border: none;
    background:rgba(255, 255, 255, 0.85);
    margin-bottom: 10px;;
}

.contactForm label{
    background-color: var(--background);
    color:rgb(188, 188, 188);
    text-align: start;
    text-shadow: none;
    margin:0;
    padding:0;
    font-weight: 400;
    font-family: 'Lexend', sans-serif;
    line-height: 0.6rem;
    /* font-weight: bold; */
    /* border: 1px solid green; */
}

/* .contactForm .formDate{
    width: 45vw;
    max-width: 600px;;
    display:flex;
    justify-content: center;
    align-items: center;
}


.contactForm .formLabel {
    background-color: var(--background);
    text-align: start;
    text-shadow: none;
    margin:0 auto;
    padding:0;
    font-weight: 400;

} */

.contactForm textarea {
    /* max-width:500px; */
    /* max-width:425px;
    min-width: 290px; */
    min-height:180px;
    margin-bottom: 0;
}

#submitBtn {
    margin: 0 auto;
    margin-top:-5px;
    margin-bottom: 10px;
    max-width: 130px;
    min-width: 130px;
    padding:5px;
    color:white;
    background-color:  rgb(207, 141, 54);
    /* box-shadow: 1px 1px 3px rgba(0,0,0,.2); */
    border-radius: 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 2px solid rgb(207, 141, 54);
    text-decoration: none;
    font-family: 'Lexend', sans-serif;
    font-size:1rem;
    display: flex;
    justify-content: center;
}

#submitBtn:hover {
    background-color: rgb(41, 41, 41);
    color:rgb(207, 141, 54);
    border: 2px solid rgb(41, 41, 41);
}

/* END FORMS */

footer {
    width: 96vw;
    max-width: 1080px;
    background-color: rgb(0, 37, 71);
    color:white;
    text-decoration: none;  
    font-family: 'Lexend', sans-serif;
    font-size:1rem;
    margin: 0 auto;
    text-align: center;
    text-justify: center;
    display: flex;
    justify-content: space-around;
    align-items: start;
    /* gap:40px; */
}

footer .footerContactText{
    text-align: center;
    text-justify: center;
    text-decoration: none;
    font-family: 'Lexend', sans-serif;
    color:rgba(200, 151, 87);
}

.footerContactText a{
    color:white;
    font-family: 'Lexend', sans-serif;
    text-decoration: none;
}
.footerLogo{
    width: 240px;
    max-width:240px;
    max-height:240px;
}

#vamoosTag{
    font-size:.6rem;
    font-family: 'Lexend', sans-serif;
    color: var(--accent2);
    text-align:center;
    margin-bottom:20px;
}

#vamoosTag a{
    text-decoration: none;
    color:white;
}

/* -------------------------------------------- */
@media (max-width:800px){

    #contactNav ul{
        max-width: 720px;
        margin-bottom:20px;
        
    }

    .navMessage h3 {
        font-size:0.8rem;
    }
    
    .pageWrapper{
        max-width:760px;
    }

    .navImgBox span {
        font-size:1.1rem;;
    }

    #welcome {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        max-width:760px;
        margin:0 auto;
        margin-top:10px;
        border:2px solid rgb(207, 141, 54);;
    }

    /* .welcomeMsg {
        margin-top: 10;
    } */

    .welcomeMsg h1{
        /* font-family: 'Rochester', cursive; */
        text-align: center;
        font-size:1.4rem;
    }

    .welcomeMsg .welcomeAccents{
        color:rgb(207, 141, 54);
    }

    .introColumns{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        padding: 0 15px 0 15px;
        gap: 0;
    }

    footer{
        gap:20px;
    }
    .contactForm input, label, textarea {
        width: 40vw;
    }

}


/* ---------------------------------------------------- */
@media (max-width:500px){
    .pageWrapper{
        background-color:transparent;
        min-width: 320px;
        max-width:480px;
    }

    header {
        /* border:2px solid rgb(207, 141, 54);;
        border-top:0px; */
        /* height:auto; */
        width:320px;
        max-width:460px;
        min-width:320px;
        min-height:320px;
        padding-bottom:10px;
        margin-bottom: 10px;
        
    }

    .headerContent img{
        margin-top: 10px;
        max-height:300px;
        min-height:300px;
    }

    
    /* .logo {
        display:none;
    } */


    .icons, .icon{
        display:none;
    }
    
    #main{
        background-color: rgb(0, 37, 71);
        width:320px;
        max-width:320px;
        min-width:320px;
    }

    #navCards {
        flex-direction:column;
        align-items: center;
        width:320px;
        max-width:320px;
        min-width:320px;
        margin:0 auto;
        margin-bottom:10px;
        padding: 0;           
    }

    .navImgBox {
        margin-bottom:5px;
        border:none;
        text-justify: center;
        text-align:center;
        justify-content: center;
        align-content:center;
        /* height:100px; */
        width:300px;
        max-width:300px;
        min-width:300px;
        min-height:60px;
        max-height: 60px;
    }

    .navImgBox span {
        display: none;
    }

    .navImgBox1{
        /* background-image: url("photos/navCard2V.jpg"); */
        /* background-image:unset; */
        background-image: none;
    }
    
    .navImgBox2{
        /* background-image: url("photos/navCard2V.jpg"); */
        background-image: none;
    }
    
    .navImgBox3{
        /* background-image: url("photos/navCard3V.jpg"); */
        background-image: none;
    }
    
    .navImgBox4{
        /* background-image: url("photos/navCard7Vb.jpg"); */
        background-image: none;
        margin-right:0;
    }


    .navMessage {
        padding:0;
        /* margin:5px; */
        opacity:1;
        min-height:60px;
        max-height: 60px;
        width:300px;
        max-width:300px;
        min-width:300px;
    }

    .navMessage .abfKeyword {
        font-size:1.6rem;
        padding-top:0;
        margin-top:0;
        display:none;
    }

    .navMessage h3 {
        /* text-align:start; */
        font-size:2rem;
        color:white;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
        font-family: 'Alegreya Sans SC', sans-serif;
        font-weight:400;
    }
    
    .navMessage .contentTitle {
        /* text-align:start; */
        font-size:1.5rem;
        line-height: .9rem;;
        color:white;
    }

    .navMessage .contentTitle:hover {
        /* text-align:start; */
        font-weight: 600;
        color:white;
    }

    .navImgBox > span {
        display: none;
    }

    .navImgBox:hover {
        transition:none;
        /* width:100%; */
        height:60px;
        flex: 1;
    }
    
    .navImgBox:hover > .navMessage {
        transition: none;
        /* width:100%; */
        height:60px;
        background-color: rgb(207, 141, 54);
    }

    .navMessage{
        background-color: rgb(207, 141, 54);
    }

    /* .footerContactImg {
        display:none;
    } */

    #welcome {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width:320px;
        max-width:320px;
        min-width:320px;
        margin:0 auto;
        margin-top: 25px;
        /* padding:10px; */
        /* padding-bottom:2%; */
        /* font-size:.8rem; */
        border:2px solid rgb(207, 141, 54);;
        /* border:none; */
    }

    /* .welcomeMsg {
        margin-top: 10;
    } */

    .welcomeMsg h1{
        /* font-family: 'Rochester', cursive; */
        text-align: center;
        font-size:1.4rem;
    }

    .welcomeMsg .welcomeAccents{
        color:rgb(207, 141, 54);
    }

    .introColumns{
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
        padding: 0 20px 0 10px;
        width:320px;
        max-width:320px;
        min-width:320px;
        gap: 0;
    }

    .introMsg{
        width:300px;
        max-width:300px;
        min-width:300px;
    }

    .fete {
        background-color: rgb(207, 141, 54);
        margin:0 10% 10% 10%;
        padding: 10%;
        border-radius: 50% 20% / 10% 40%;
    }

    .fete h1{
        font-size:1.1rem;
        text-align: start;
    }

    .fete p{
        font-size:.8rem;
        text-align: start;
    }

    .mobileExclude {
        display:none;
    }


    footer h3{
        font-size: 1rem;
    }
    footer p{
        font-size:1rem;
    }


    .gallery #contactNav {
        display: flex;
        justify-content:center;
        align-items: center;
        color:white;
        margin-bottom: 20px;
        height:50px;
        /* max-width: 290px; */
    }
    
    #contactNav ul {
        margin:5px;
        margin-top: 10px;
        /* width:90vw; */
        max-width: 270px;
        min-width: 270px;
        height:2px;
        display:flex;
        justify-content: center;
        align-items: center;
        text-decoration:none;
        list-style-type: none;
        background-color:  white;
        box-shadow: 0 3px 3px rgba(0,0,0,.4);
    }
    
    /* #contactNav li{
        margin:0;
    } */
    
    #contactNav a {
        margin:5px;
        padding:10px 20px;
        color:white;
        background-color:  rgb(255, 255, 255);
        box-shadow: 3px 3px 3px rgba(0,0,0,.4);
        border-radius: 0px;
        text-decoration: none;
        /* font-family: 'Alegreya Sans SC', sans-serif; */
        font-family: 'Outfit', sans-serif;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.734);
        /* font-weight: bold; */
        font-size:1.2rem;
        letter-spacing: 0.1rem;
        line-height: 1;
        border:3px solid rgb(207, 141, 54);;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5) 30% , rgba(0,0,0, 0.5)),
        url("graphics/floralBackground.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    #contactNav a:hover {
        /* background-color: rgb(193, 0, 196); */
        color:white;
        background-image: linear-gradient(rgba(0, 0, 0, 0.4) 30% , rgba(0,0,0, 0.2)),
        url("graphics/floralBackground.jpg");

    }

    /* VIDEO BANNER */
    .videoHeader { 
        flex-direction: column;
        background-color: rgb(207, 141, 54, 0.1);
    }

    .videoHeader h2 {
        font-size: 2rem;
        margin: 0px 20px 20px 20px;
    }

    .videoHeader img{
        width: 50%;
        margin: 20px 0px 0px 0px;
        padding-top: 20px;
    }

    #videoBanner video {
        display:none;
    }


    .servicesContainer{
        /* border:2px solid rgb(207, 141, 54); */
        /* height:auto; */
        width:320px;
        max-width:320px;
        min-width:320px;
        /* min-height:320px; */
        margin-top: 15px;
        /* padding-bottom: 10px; */
    }

    #designdecor, #planning, #floral, #displays {
        min-width: 316px;
        max-width:316px;
    }

    /* GALLERY */

    #quad{
        width: 96%; 
    }

    #quad figure figcaption { 
        display: none;
    }

    .gallery {
        width:316px;
        max-width:316px;
        min-width:316px;
        background-color: white;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* align-content: center; */

    }
    
    .packages {
        display: none;
    }

    #better {
        font-family: 'Outfit', sans-serif;
        font-size: 3rem;
        letter-spacing: 10px;
    }
    /* .moreInfoText{
        margin-top:20px;
    } */
    

    .moreInfoText h2 {
        font-size: 1.8rem;
        text-align: center;
    }
    
    footer{
        width:320px;
        max-width:460px;
        min-width:320px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
        padding: 0;
    }

    #runningNav {
        margin-top: 3vh;
        display: flex;
        justify-content:center;
    }
    
    #runningNav ul {
        width: 96vw;
        max-width: 320px;
        padding-top: 1vh;
    }
    
    #runningNav li{
        margin: 0 4%;
        align-content: center;
        text-decoration: none;
    }
    
    #runningNav a {
        font-family: 'Lexend', sans-serif;
        font-size:.8rem;
        font-weight: bold;
        letter-spacing: 0.1rem;
        line-height: 1;
        text-decoration: none;
        color: rgba(200, 151, 87);
        border:1px solid rgba(200, 151, 87);
        /* border-radius: 10px; */
        padding:5px 10px;
        box-shadow: 0 4px 4px rgba(0,0,0,.3);  
    }
    
    /* 
    .footerLogo{
        width: 240px;
        max-width:240px;
        min-width:240px;
        min-height:240px;
        max-height:240px;
    } */

/* FORMS */
    .formContainer{
        width: 70vw;
    }

    .contactForm {
        width: 70vw;
    }

    input::placeholder , textarea::placeholder{
        color:rgba(40, 40, 40, 0.621);
        font-size: .8rem;
        font-weight: 400;
    }

    .emailSuccess{
        color:white;
        font-family: 'Lexend', sans-serif;
    }

    .contactForm input, textarea {
        width: 70vw;
    }

}