/*------------------------------------------------------769px----*/
/*------------------------------------------------------769px----*/
/*------------------------------------------------------769px----*/


@media (min-width:0px) and (max-width:769px){

.modalCon {
    width: 500px;
    height: fit-content;
    padding: 4%;
}

.modalIMGWrapper {
    width: 140px;
    height: 250px;
}

.ff-622f83c478ab99224ea6e9fa__content{
	width: 50% !important;
	margin: 0 auto !important;
}


/*-------------NAVS*/

.mainNavCon{
	width: 50vw;
    height: 80vh;
    min-height: 80vh;
    margin: auto;
}

.navItem .navLink{
	font-size: 3.3vw;
}

.bookLink {
font-size: 3.88vw;

}

.mainNavCon .smNavLink {
    font-size: 0.8em;
}


/*-------------GLOBALS*/
/*.navLink {
    font-size: 0.5em;
}*/

/*.bookLink{
    font-size: 0.8em;
}*/

.cornerIcon {
    width: 40px;
}

.st0 {
    stroke-width: 1;
}

.main {
    border-top-left-radius: 70px;
    border-top-right-radius: 70px;
}


/*-------------ENTRY*/

#hpEntrySection {
    flex-direction: column;
}

.entryColumn{
	width: 100%;
	height: 9%;
}

.entryCentralColumn {
	width: 50.7vw;
	height: auto;
	margin: 36% auto 0 auto;
	justify-content: unset;
	transform: scale(1.25);
}

.entryLeftColumn{
	order: 2;
}

.entryRightColumn{
	order: 3;
}

.videoSeal {
    height: 103%;
}

.hpVideoIMG {
    position: relative;
    width: auto;
    height: 107%;
    top: -3px;
}

.entryTitle {
    top: -19%;
}

.logoLetter {
    stroke-width: 1px;
}

.hpSubtitleBlock {
    justify-content: unset;
    margin: 5px 0 0 0;
}

.hpSubtitle {
    font-size: 1.2em;
}

.hpSubtitle2 {
    font-size: 0.66em;
}


.entryLeftColumn {
    width: 100%;
    margin: 6% 0 0 0;
}

.bigBookNowBtnCon {
    top: 58%;
}

.entryLeftColumn .bigBookNowBtnCon{
	width: 210px;
	left:0;
}

.entryRightColumn .bigBookNowBtnCon{
	width: 200px;
	left:0;
}


.bigBookNowBtnCon {
    top: 62%;
}

#homePage .scrollIndCon {
    left: 20px;
}

/*-------------PATHS*/

#hpBookingPathsSection {
    width: 98%;
    min-height: 40vh;
    margin: 30px auto 30px auto;
}

.bookingCon {
    height: 55vw;
}

.bookingCon .bodyCopy {
    min-width: 320px;
    line-height: 1.5em;
}

.bookingPathBtn {
    font-size: 1.3em;
    width: 30%;
    min-width: 150px;
    margin: 3% auto;
}

.moonIcon-bookStay,
.sunIcon-bookEvent {
    width: 50px;
}


/*-------------EXPLORE*/

.exploreTitle {
    font-size: 14.7vw;
}

.explSliderFrame {
    margin: -15.5% 0 0 0;
}

.exploreCopy {
    font-size: 0.5em;
    width: 210px;
}

.activeSlide {
    bottom: 4%;
}

.activeSlide .sliderTitle {
    font-size: 1em;
    margin: 11px 0 10px 5px;
}

.sliderTitle {
    font-size: 0.6em;
    margin: 5px 0 0px 0;
}

.activeSlide .explSliderLink {
    top: 3px;
    font-size: 0.7em;
}

.exploreAllLink {
    font-size: 1.2em;
    bottom: -50px;
}

/*-------------STORY*/

#storySection {
    width: 98%;
    min-height: 75vh;
}


.storyCopy {
    width: 55%;
    min-width: 280px;
    max-width: 600px;
    margin: 10px 0;
}

.storyLink {
    font-size: 1.2em;
}


/*-------------CONTACT*/

#contactSection {
    max-height: 550px;
    min-height: 400px;
    margin: 0 0 50px 0;
}

.contIMGClipper {
    top: -21%;
}

.contactIMG {
    height: 102%;
}

.contBtn {
    font-size: 1.3em;
}

.contStayCon {
    width: 180px;
}

.contEventCon {
	 width: 208px;
    /*margin: 0 3% 0 auto;*/
}

.contMainBtn {
    width: 120px;
    height: 25px;
    margin: -2% auto 0 auto;
}

.contactTitle {
    margin: -4% 0 0 -0.8%;
}

.contactCopy {
    width: 23%;
    min-width: 220px;
}


#thankYouPage .thanksTitle {
    font-size: 21vw;
}

#thankYouPage .thanksBackLink {
    font-size: 1.33em;
}



/*-------------------------GLOBALS*/

.infoPage .mainNavCon {
    position: fixed;
    width: 100%;
    margin: 0px 0 0 0;
}

/*-------------------------EXPLORE PAGE*/

#explEntrySection {
	min-height: 400px;
    max-height: 540px;
}

.explEntryTitle {
    margin: 6% 0 0 0;
}

.exploreTitle {
    font-size: 14.7vw;
}

.explEntryColumn-left .explFlankIMGClipper {
    margin: 50% 0 0 6%;
}

.explEntryColumn-right .explFlankIMGClipper {
    margin: 50% 0 0 -6%;
}

.explEntryColumn-center .explCentralIMGClipper{
    margin: 37% 0 0 0%;
}


/*-------------------------ROOM PAGE*/

.indvRoomPage .mainNavCon {
    position: fixed;
    width: 100%;
    margin: 0px 0 0 0;
}

.indvRoomPage .scrollIndCon {
	bottom: 52%;
    right: 2%;
}

.indvRoomIMGWrapper,
.genEntryWrapper {
    position: relative;
    width: 100%;
    height: 37vh;
    border-top-left-radius: 55px;
    border-top-right-radius: 55px;
}

.bookThisCopy {
    font-size: 0.8em;
}


/*-------------------------HISTORY PAGE*/

.tl-dot {
    width: 15px;
    height: 15px;
}

.timelineBlock {
    display: flex;
    margin: 8% auto;
}

.timelineBlock-left{
	flex-direction: row-reverse;
}

.timelineYear {
    font-size: 5em;
}

.timeline-lineCon {
	position: absolute;
	width: 4%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 21%;
	right: unset;
}

.timeline-lineCon {
	height: 110%;
    margin: -42.5% auto 0 auto;
}

.timelineBlock-left .cL1-outer {
    border-top-left-radius: 0px;
    border-top-right-radius: 30px;
}


/*-------------------------STORY PAGE*/

#ourStoryPage .scrollIndCon {
    display: none;
}

#osEntrySection{
	height: 75vh;
}

.storyTitle2 {
    font-size: 22vw;
}

.storyEntryColumn {
    position: absolute;
    margin: 25% auto 0 auto;
}

.storyEntryColumn-left {
    width: 49%;
    margin: -7% 0 0 0;
    left: 0;
}

.storyEntryColumn-right {
    width: 49%;
    margin: -7% 0 0 0;
    right: 0;
}

.storyFlankIMGClipper {
	width: 100%;
    height: 60vw;
    margin: 0 auto 10px auto;
}

.storyEntryColumn:nth-of-type(2) {
    margin: 80% 0 0 0;
}

#osValuesSection {
    margin: 0px auto 50px auto;
}

.valuesTitle {
    font-size: 15vw;
    margin: 5% 0 2% 0px;
}

.valuesCon {
	width:96%;
	grid-template-columns: 49% 49%;
    grid-auto-rows: 48% 48%;
    grid-gap: 6% 2%;
}

.quoteSection {
    margin: 50px 0 100px 0px;
}

#storyQuoteSection .floralFlourish {
    width: 50%;
}

.blockQuoteText {
    font-size: 1.6em;
}

.quoteAuthor {
    font-size: 3em;
    margin: 10px 0 0 0;
}

.quoteSubTitle {
    font-size: 1.2em;
}

.blockQuoteTextSmall,
.blockQuoteTextSmall span {
    font-size: 1.6em;
}

.openDoorIMG,
.openDoorQuote {
    width: 60%;
}

.explFunnelCopyBlock2 {
    margin: 0 0 0 7%;
}

.explFunnelCopyBlock2 .bodyCopyLarge {
    font-size: 0.8em;
}

.thisWayLink {
    font-family: "corsivo";
    font-size: 1.2em;
}


/*-------------------------PRESS PAGE*/

#pressPage .subTitle01 {
    font-size: 1em;
}

#pressPage .articleTitle {
    font-size: 1em;
}

#pressPage .storyLink {
    font-size: 0.8em;
}

#FAQsPage .subTitle01 {
	font-size: 1.6em;
}



/*-------------------------WEDDINGS PAGE*/

#weddingsPage .roomEntrySubBlock {
    grid-template-columns: 100%;
}

.weddingConBlock,
.weddingConBlock2,
.downInfoBlock2 {
    width: 100%;
}

#thankYouSection {
    height: 76vh;
    min-height: 700px;
    display: block;
    margin: 0 auto 50px auto;
}

#thankYouSection .storyEntryFlankIMG {
    height: 100%;
    margin: -5% 0 0 -2%;
}

#thankYouSection .storyFlankIMGClipper {
    width: 47%;
    height: 60vw;
}



.infoPage .roomEntrySubBlock, .weddingConBlock, .infoBlock {
    width: 100%;
}

.infoPage .scrollIndCon {
    display: none;
}


.thankYouTitle {
	font-size:18vw;
    text-align: center;
    margin: -10% 0 0 0;
}

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


.mews-distributor {
    width: 96% !important;
}

#infoEntrySection,
#weddingsPage-pricing #infoSection03{
    margin: 0 auto 0px auto;
}

.infoMainSection {
    margin: 0px auto 0px auto;
}

.weddingInfo-halves {
    display: flex;
    flex-direction: column;
}

.weddingInfo-imgBlock,
.weddingInfo-imgBlock2{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.weddingInfo-imgBlock {
    margin: 10px auto;
}

.roomTitle01, .weddingInfo-copyBlock h1 {
    font-size: 1.33em;
    line-height: 1.33em;
}

/*-------------------------PARLOR PAGE*/

#parlorPage .scrollIndCon {
    display: none;
}

#parEntrySection{
	height: auto;
	min-height: 0;
}

.expEntrySection{
	height: auto;
	margin: 0 0 5vw 0;
}

.parEntryCon,
.expEntryCon{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.parlorEntryColumn-left{
	order: 1;
	margin: 0;
	aspect-ratio: 4 / 3;
    grid-column: 1 / 3;
}

.parlorEntryColumn-center{
	order: 3;
	margin: 0;
    grid-column: 1 / 5;
}

.parlorEntryColumn-right{
	order: 2;
	margin: 0;
	aspect-ratio: 4 / 3;
    grid-column: 3 / 5;
}

/*.parEntryFlankIMG {
    width: 100%;
    height: auto;
}*/

.expSubTitle01 {
    margin: 5px auto 0px auto;
}

#supEntrySection {
    margin: 0 0 0vw 0;
    min-height: unset;
    height: fit-content;
}

#menusSection{
	margin: 60px 0 0 0;
}

#supperClubPage #menusSection{
	margin: auto;
}

#supInfoCopy {
    width: 96%;
    margin: 0% auto 0 auto;
    font-size: 1em;
}

.supMenuCon .parSubTitle02 {
    margin: 8% auto 0 auto;
}



.parlorTitle {
    font-size: 20vw;
    margin: 10% 0 1% 0;
}

.parSubTitle01 {
    font-size: 1.66em !important;
}

#menusSection {
    margin: 30px 0 0 0;
}

.menuTitle {
    font-size: 30vw;
}

#blocksSection {
    grid-template-columns: 100%;
}

.expGridIMG {
    height: auto;
    aspect-ratio: 3 / 2;
}

.indvRoomIMG, .infoVertIMG, .galleryGridIMG {
    height: 75vw;
    object-fit: cover;
}

.expsTitle {
    font-size: 20vw;
    margin: 10% 0 -3% 0;
}

.infoConHalf {
    border-top-left-radius: 15px !important;
     border-top-right-radius: 15px !important;
    margin: 20px auto;
}

/*-------------------------TEAM PAGE*/

#teamEntrySection{
	height: 75vh;
}

#ourPeople .genEntryWrapper {
    min-height: 60vh;
}

#ourPeople .genEntryWrapper {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}


/*-------------------------AMENITIES/ADDACC PAGE*/

#amenitiesPage .introConSection .halfCopy,
#addAccPage .introConSection .halfCopy {
    width: auto;
    min-width: 260px;
    margin: 2vw;
}


}