/*
body.with-menu-open {
  overflow: hidden;
  width: 100vw;
  position: fixed;
}

@media (min-width: 1200px) {
  body.with-menu-open {
    overflow: auto;
    position: relative;
  }
}
 */
 *,
 *::before,
 *::after {
   box-sizing: border-box;
 }
 html, body {
   height: 100%;
   width: 100%;
   min-height: 100%;
   background: white;
 }
 html {
   -webkit-tap-highlight-color: rgba(0,92,176,.2);
 }
 body {
   font-family: sans-serif,Tahoma,Arial;
   font-size: 14px;
   margin: 0;
   background-color: white;
   border: 0;
   box-sizing: border-box;
   font-weight: normal;
   letter-spacing: 0;
   line-height: 24px;
   padding: 0;
   position: relative;
   vertical-align: baseline;
 }
 
 /* Emulating Global Nav setup */
 .mock-global-nav {
   display: flex;
   width: 100%;
   background-color: #1f3e74;
   justify-content: center;
   position: fixed;
 }
 .mock-global-nav > div {
   height: 64px;
   width: 100%;
   max-width: 1140px;
   z-index: 11;
 }
 #kbbLogo {
   display: flex;
   margin-left: 16px;
   height: 64px;
   max-width: 250px;
   position: relative;
   -webkit-align-items: initial;
   -webkit-box-align: initial;
   -ms-flex-align: initial;
   align-items: initial;
   -webkit-box-pack: left;
   -ms-flex-pack: left;
   -webkit-justify-content: left;
   justify-content: left
 }
 
 #kbbLogo > div {
   height: 64px;
   max-width: 250px;
   position: relative;
   -webkit-align-items: initial;
   -webkit-box-align: initial;
   -ms-flex-align: initial;
   align-items: initial;
   -webkit-box-pack: left;
   -ms-flex-pack: left;
   -webkit-justify-content: left;
   justify-content: left;
 }
 #kbbLogo > div > img {
   position: relative;
   margin-top: -2px;
 }
 #kbbLogo > svg {
   margin-left: 12px;
   -webkit-align-self: center;
   -ms-flex-item-align: center;
   align-self: center;
   width: 144px;
   height: 36px;
 }
 
 @media (min-width: 564px) {
   #kbbLogo > svg {
     width: 172px;
     height: 36px;
   }
 }
 
 
 .mock-body-content {
   background: white;
   background: linear-gradient(180deg, rgba(255,255,255,1) 30%, rgba(34,68,136,1) 100%);
   height: 200vh;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 60%;
   flex-direction: column;

   h1 {
    color: black;
   }
 }
 #openmodal{
   background-color: rgb(243, 188, 42);
   border-radius: 4px;
   font-family: Montserrat, sans-serif;
   font-size: 18px;
   font-weight: 800;
   letter-spacing: 0px;
   line-height: 24px;
   min-height: 48px;
   padding-left: 36px;
   padding-right: 36px;
   text-transform: capitalize;
 }