body { font-family:Arial,Helvetica,sans-serif; margin:0px; background-color:#f6f3f0; height:100% } html { height:100% } #PageDiv { position:relative; min-height:100%; margin:auto; background-color:#f6f3f0 } #oneWrapper1 { max-width:1200px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #fullWidthWrapper6 { min-height:623px; z-index:0; padding-bottom:0px; margin:0px auto; background-image:url(../Resources/the-forge-wedding.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden; background:cover } #oneWrapper { max-width:1200px; z-index:0; padding-top:35px; margin:40px auto 50px } #one { z-index:0; padding:2% 15%; margin-left:auto; margin-right:auto } #item1 { max-width:100%; margin-top:60px; margin-bottom:30px; overflow:hidden } #oneWrapper6 { max-width:840px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #one6 { z-index:0; padding:2%; margin-left:auto; margin-right:auto } #the-forge1 { width:96.16%; height:97.9%; vertical-align:middle; display:inline-block } #oneWrapper2 { max-width:840px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #one1 { z-index:0; padding:2%; margin-left:auto; margin-right:auto } #the-forge { width:100%; height:99.78%; vertical-align:middle; display:inline-block } #oneWrapper4 { max-width:840px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #oneWrapper8 { max-width:840px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #one4 { z-index:0; padding:2%; margin-left:auto; margin-right:auto } #cottages { width:98.88%; height:99.78%; vertical-align:middle; display:inline-block } #oneWrapper5 { max-width:840px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #oneWrapper9 { max-width:840px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #one5 { z-index:0; padding:2%; margin-left:auto; margin-right:auto } #cottages1 { width:99.54%; height:80.44%; vertical-align:middle; display:inline-block } #one8 { z-index:0; padding:2%; margin-left:auto; margin-right:auto } #cottages2 { width:99.54%; height:95.19%; vertical-align:middle; display:inline-block } #oneWrapper7 { max-width:840px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #oneWrapper11 { max-width:840px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #one7 { z-index:0; padding:2%; margin-left:auto; margin-right:auto } #cottages3 { width:99.54%; height:99.82%; vertical-align:middle; display:inline-block } #threeWrapper2 { max-width:1200px; z-index:0; clear:both; margin:20px auto 25px } #m3 { max-width:1200px; z-index:0; margin-left:auto; margin-top:30px; margin-right:auto } #m5 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto } #m8 { max-width:1200px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #m11 { max-width:1200px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #m2 { height:auto; overflow:visible; position:relative } .fwNavContainer1 { float:right; position:relative; right:50% } #fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none } #fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-right:1px dotted #999999; border-top:0; border-bottom:0; border-left:0 } #fwNav1 .fwNavItem a { display:block; color:#41515C; text-decoration:none; padding:5px 15px 5px 15px; white-space:nowrap } #fwNav1 .fwFirstChild { border-left:0 } #fwNav1 .fwLastChild { border-right:0 } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#F6F3F0; text-decoration:none; background:#999999 } #fwNav1 .fwNavItem a:active { color:#41515C; text-decoration:none } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/menu2.svg'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto } #fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#41515C; font-weight:normal } @media screen and (max-width:720px) { .fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#F6F3F0; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom } #fwNav1 { width:100%; right:0; left:0; margin-top:0px } #fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-bottom:1px dotted #999999; border-right:0; border-top:0; border-left:0 } #fwNav1 .fwNavItem a { padding-top:14px; padding-bottom:14px; padding-left:14px; padding-right:14px } #fwNav1 .fwFirstChild { border-top:0 } #fwNav1 .fwLastChild { border-bottom:0 } .fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none } .fwNav1-toggle-close { background-image:url('../Resources/close2.svg'); margin:20px auto 20px auto } .fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 } } @media screen and (max-width:570px) { #one { padding:4% } #one6 { padding:4% } #one1 { padding:4% } #one4 { padding:4% } #one5 { padding:4% } #one8 { padding:4% } #one7 { padding:4% } } @media screen and (max-width:480px) { #fullWidthWrapper6 { height:3.81% } } @media screen and (max-width:320px) { #oneWrapper1 { max-width:364px } #fullWidthWrapper6 { height:5.76% } #oneWrapper { max-width:364px } #oneWrapper6 { max-width:230px } #the-forge1 { height:99.99% } #oneWrapper2 { max-width:230px } #oneWrapper4 { max-width:230px } #oneWrapper8 { max-width:230px } #oneWrapper5 { max-width:230px } #oneWrapper9 { max-width:230px } #oneWrapper7 { max-width:230px } #oneWrapper11 { max-width:230px } #threeWrapper2 { max-width:364px } #m3 { max-width:364px } #m5 { max-width:364px } #m8 { max-width:364px } #m11 { max-width:364px } }