@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap");:root{--rowNum:4;--colNum:4;--gridHeight:calc(100vh / var(--rowNum) - 25px * (var(--rowNum) - 1) / var(--rowNum))}body{margin:0 auto;font-family:'Roboto'}.hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh}.hero img{padding-right:1vw;width:15vw}.hero h1{text-align:center;font-size:5vw;line-height:90%}.hero-copy{display:inline-block;top:68%}.hero-copy p{text-align:center}.hero-scroll{display:block;position:absolute;top:75%;color:gray;padding:1vw}.hero-scroll h2{font-weight:300;line-height:100%;color:#d03f43}.hero-scroll p{line-height:40%;text-align:center}@keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.animate-flicker1{-webkit-animation:flickerAnimation 3s infinite;animation:flickerAnimation 3s infinite;-webkit-animation-delay:0s;animation-delay:0s}.animate-flicker2{-webkit-animation:flickerAnimation 3s infinite;animation:flickerAnimation 3s infinite;-webkit-animation-delay:500ms;animation-delay:500ms}.animate-flicker3{-webkit-animation:flickerAnimation 3s infinite;animation:flickerAnimation 3s infinite;-webkit-animation-delay:1000ms;animation-delay:1000ms}.animate-flicker4{-webkit-animation:flickerAnimation 3s infinite;animation:flickerAnimation 3s infinite;-webkit-animation-delay:1500ms;animation-delay:1500ms}.wrapper{margin:0 15% 2% 15%;display:-ms-grid;display:grid;-ms-grid-rows:(var(--gridHeight))[var];grid-template-rows:repeat(var(--rowNum),var(--gridHeight));-ms-grid-columns:(1fr)[var];grid-template-columns:repeat(var(--colNum),1fr);gap:25px}.grid-item{-ms-grid-column:auto;grid-column-start:auto;-ms-grid-row:auto;grid-row-start:auto;grid-column:auto;grid-row:auto;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-shadow:0 5px 8px 0 rgba(0,0,0,0.65),0 5px 8px 0 rgba(0,0,0,0.65) !important;box-shadow:0 5px 8px 0 rgba(0,0,0,0.65),0 5px 8px 0 rgba(0,0,0,0.65) !important;border:white 4px solid}.grid-item:hover h1{font-size:1.85vw;-webkit-transition:2000ms;transition:2000ms}.grid-item h1{padding:10px;font-size:1.75vw;color:white}.grid-item:nth-child(1){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(2){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(3){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(4){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(5){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(6){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(7){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(8){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(9){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(10){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(11){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(12){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(13){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(14){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(15){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.grid-item:nth-child(16){background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.375)),to(rgba(0,0,0,0.375))),url("src/McLean_Exterior.jpg") no-repeat;background:linear-gradient(rgba(0,0,0,0.375),rgba(0,0,0,0.375)),url("src/McLean_Exterior.jpg") no-repeat;background-size:cover;background-position:center}.modal-item{display:-ms-grid;display:grid;-ms-grid-columns:15% 35% 35% 15%;grid-template-columns:15% 35% 35% 15%;position:fixed;top:0;left:0;width:100vw;height:100%;padding-top:0;background:white;visibility:hidden;overflow:scroll;z-index:100}.modal-content{padding:2%;padding-top:5%;-ms-grid-column:2;-ms-grid-column-span:2;grid-column:2/4}.modal-left{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;background:#d03f43}.modal-right{-ms-grid-column:4;-ms-grid-column-span:1;grid-column:4/5;background:#d03f43}.modal-close-btn{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;position:fixed;top:0;width:100%;text-align:center;z-index:101;cursor:pointer;font-size:1.25vw;font-weight:100;color:white;background:#d03f43;padding-left:1%;padding-right:1%}.modal-close-btn a:link,.modal-close-btn a:visited,.modal-close-btn a:hover,.modal-close-btn a:active{color:inherit}.portal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100px;background:black;color:white;text-align:center !important}@media screen and (max-width:1200px){:root{--rowNum:5;--colNum:3;--gridHeight:calc(100vh / var(--rowNum) - 25px * (var(--rowNum) - 1) / var(--rowNum))}}@media screen and (max-width:750px){:root{--rowNum:auto;--colNum:1;--gridHeight:300px !important}.wrapper{margin:0 5% 5% 5%;gap:5px !important}img{max-width:100% !important}.hero{height:80vh !important}.hero h1{font-size:10vw}.hero h3{margin-right:15vw;margin-left:15vw;top:20vh;font-size:5vw}.hero h4{font-weight:400;font-size:4vw}.hero-copy{top:52vh !important;margin-left:15vw !important;margin-right:15vw !important}.hero img{padding-right:1vw;width:35vw}.grid-item h1{font-size:5vh !important}.tiles-wrapper{padding-top:30% !important}.modal-content{padding:5% !important;padding-top:15% !important;-ms-grid-column:1;-ms-grid-column-span:4;grid-column:1/5}.modal-left{display:none !important}.modal-right{display:none !important}.modal-close-btn{font-size:3.5vw !important;width:100%;text-align:center}}