html{background-color:#000;margin:0;padding:0;height:100%}body{background-color:#000;color:#123456;margin:0;font-family:Moon;height:100%}body>div{display:flex;-ms-flex-flow:column wrap;-webkit-flex-flow:column wrap;flex-flow:column wrap;max-width:80%;min-width:730px;margin:auto;min-height:100vh;background-color:#fff}body>div header{order:1;-ms-flex:0 1 1;-webkit-flex:0 1 1;flex:0 1 1;font-weight:bold;font-size:3em;display:flex;-ms-flex-flow:row nowrap;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:center;align-items:center}body>div header .headerImage{order:2}body>div header .headerImage img{background:url(/Images/mcmlogo.png);background-size:200px 200px;width:200px;height:200px;border:0 none #000}body>div header .leftHeaderText{order:1}body>div header .rightHeaderText{order:3}body>div main{order:3;-ms-flex:1;-webkit-flex:1;flex:1;padding:30px;display:flex;-ms-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:center;align-items:stretch}body>div footer{-webkit-flex-order:5;order:5;background-color:#123456;color:#ff6a00;font-weight:bold;display:flex;height:50px;-ms-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:center;align-items:stretch}body>div footer ul{margin:0;padding:0;list-style-type:none;display:flex;-ms-flex-flow:row nowrap;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:space-around}body>div footer ul a,body>div footer ul a:link,body>div footer ul a:visited,body>div footer ul a:focus,body>div footer ul a:hover,body>div footer ul a:active{text-decoration:none;font-weight:bold;color:#ff6a00;white-space:nowrap}body>div footer ul li{display:flex;-ms-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:center}@media screen and (max-width:768px){body>div{max-width:100%;min-width:320px}body>div header{-ms-flex-flow:column;-webkit-flex-flow:column;flex-flow:column;justify-content:flex-start;align-items:center;font-size:2em}body>div header .headerImage{order:1}body>div header .headerImage img{background-size:150px 150px;width:150px;height:150px}body>div header .leftHeaderText{order:2}body>div header .rightHeaderText{order:3}body>div footer{height:unset}body>div footer ul{-ms-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:center;align-items:center}body>div footer ul li{padding:5px}}@media screen and (max-width:320px){body>div header{-ms-flex-flow:row;-webkit-flex-flow:row;flex-flow:row;justify-content:space-around;align-items:center;font-size:1.2em}body>div header .headerImage{order:2}body>div header .headerImage img{background-size:75px 75px;width:75px;height:75px}body>div header .leftHeaderText{order:1}body>div header .rightHeaderText{order:3}}.heroContainer{display:flex;-ms-flex-flow:row nowrap;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;background-color:#123456;height:300px}.heroContainer button{margin:10px;height:50px;width:50px;border:3px solid #000;background:transparent;font-weight:bold;font-size:30px;border-radius:25px 25px;opacity:.1}.heroContainer button:hover{opacity:.25}.heroContainer .heroLeftFader{-ms-flex:0 1 25%;-webkit-flex:0 1 25%;flex:0 1 25%;background:linear-gradient(to left,transparent,#82b3e5);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.heroContainer .heroRightFader{-ms-flex:0 1 25%;-webkit-flex:0 1 25%;flex:0 1 25%;background:linear-gradient(to right,transparent,#82b3e5);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:center;align-items:flex-end}@media screen and (max-width:768px){.heroContainer{height:175px}}@media screen and (max-width:320px){.heroContainer{display:none}}.vmContainer{-ms-flex:1;-webkit-flex:1;flex:1;display:flex;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;justify-content:center;align-items:stretch;padding:30px}.vmContainer .vmItem{width:200px;height:250px;display:flex;-ms-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch;border:2px solid #123456;margin:10px;border-radius:10px;overflow:hidden;cursor:pointer}.vmContainer .vmItem:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.vmContainer .vmItem .header{-ms-flex:0 1 50px;-webkit-flex:0 1 50px;flex:0 1 50px;background-color:#123456;color:#ff6a00;font-weight:bold;font-size:1.5em;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:row;-webkit-flex-flow:row;flex-flow:row;justify-content:center;align-items:center;text-transform:uppercase}.vmContainer .vmItem .item{-ms-flex:1;-webkit-flex:1;flex:1;overflow:hidden}.vmContainer .vmItem .item img{height:100%;width:100%}.heroBanner{color:#ff6a00;font-weight:bold;font-size:1.2em;text-align:center}body>div>nav{order:2;-ms-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;border-top:1px solid #123456;border-bottom:1px solid #123456}body>div>nav .menuBar{display:flex;justify-content:space-around;align-items:stretch;padding:0;margin:0;overflow:hidden}body>div>nav .menuBar a,body>div>nav .menuBar a:link,body>div>nav .menuBar a:visited,body>div>nav .menuBar a:focus,body>div>nav .menuBar a:hover,body>div>nav .menuBar a:active{text-decoration:none;font-weight:bold;color:#123456;white-space:nowrap}body>div>nav .menuBar li{list-style-type:none;-moz-transition:background-color ease-in .1s;-o-transition:background-color ease-in .1s;-webkit-transition:background-color ease-in .1s;transition:background-color ease-in .1s;padding:5px}body>div>nav .menuBar li:hover{background-color:#dcefff}body>div>nav .menuBar li:hover>a{color:#ff6a00}body>div>nav .menuBar li:hover>ul{display:flex}body>div>nav .menuBar ul{display:none;-ms-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;position:absolute;justify-content:space-around;align-items:stretch;box-shadow:-3px 3px 5px rgba(0,0,0,.25);background-color:#fff;-moz-animation:fadein .5s;-o-animation:fadein .5s;-webkit-animation:fadein .5s;animation:fadein .5s;padding:0}body>div>nav .menuBar ul ul{left:50%}@media screen and (max-width:768px){body>div>nav .menuBar{-ms-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:flex-start;height:0}body>div>nav .menuBar ul{position:relative;box-shadow:none}body>div>nav .menuBar ul ul{left:unset}}@media screen and (min-width:769px){body>div>nav .menuBar{height:100%!important}}body>div>#navCart{order:0;-ms-flex-flow:row;-webkit-flex-flow:row;flex-flow:row;background-color:#123456}body>div>#navCart .menuBar{-ms-flex:0;-webkit-flex:0;flex:0;justify-content:flex-end;align-items:center;margin:0 20px}body>div>#navCart .menuBar #burgerMenu{display:none;-ms-flex:1;-webkit-flex:1;flex:1}body>div>#navCart .menuBar #burgerMenu:hover{background-color:unset}body>div>#navCart .menuBar a,body>div>#navCart .menuBar a:link,body>div>#navCart .menuBar a:visited,body>div>#navCart .menuBar a:focus,body>div>#navCart .menuBar a:hover,body>div>#navCart .menuBar a:active{color:#ff6a00}body>div>#navCart .menuBar li{padding:5px 10px}body>div>#navCart .menuBar li:hover{background-color:#1b4d80}@media screen and (max-width:768px){body>div>#navCart{order:2}body>div>#navCart ul:first-child{-ms-flex-flow:row;-webkit-flex-flow:row;flex-flow:row}body>div>#navCart .menuBar{height:100%}body>div>#navCart .menuBar #burgerMenu{display:unset}body>div>#navCart .menuBar ul{position:absolute}}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}