body{margin:0;padding:0;min-height:100vh;min-width:100%;background:#f5f5f5}.grid{display:flex;flex-wrap:nowrap;width:100%;height:100vh}.grid .contentHolder{width:50%;height:100%;padding:0 15px;margin:0 auto;display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap}.grid .contentHolder .theTitle{font-family:'Roboto', sans-serif;text-align:center;width:100%;margin:0 auto 25px auto}.grid .contentHolder .theTitle h1{font-weight:900;font-size:40px;color:#000}.grid .contentHolder .theInformation{font-family:'Roboto', sans-serif;font-weight:400;list-style:none;margin:0;padding:0}.grid .contentHolder .theInformation li{font-size:20px;margin-bottom:10px}.grid .contentHolder .theInformation li a{text-decoration:none;transition:all .25s ease;color:#000}.grid .contentHolder .theInformation li a:hover{color:#009FFD}.grid .contentHolder .theInformation li.title{font-weight:700;margin-bottom:15px}.grid .mediaHolder{width:50%;height:100%;-webkit-box-shadow:-5px 0px 10px 0px rgba(0,0,0,0.25);-moz-box-shadow:-5px 0px 10px 0px rgba(0,0,0,0.25);box-shadow:-5px 0px 10px 0px rgba(0,0,0,0.25)}.grid .mediaHolder img{height:100%;width:100%;object-fit:cover;object-position:center center}@media screen and (max-width: 1000px){.grid{flex-wrap:wrap;height:auto}.grid .contentHolder{width:100%;height:500px}.grid .mediaHolder{width:100%;height:calc(100vh - 500px);-webkit-box-shadow:0px -5px 10px 0px rgba(0,0,0,0.25);-moz-box-shadow:0px -5px 10px 0px rgba(0,0,0,0.25);box-shadow:0px -5px 10px 0px rgba(0,0,0,0.25)}}