body { background: #EEE; }

div.vxtitle { margin: 10px 0 40px; }
#logo { height: 90px; min-width: 90px; }

#split2 { display: table; width: 100%; }
#split2 > div { display: table-row; }
#split2 > div > section { display: table-cell; height: calc(100vh - 70px); padding: 50px 20px 20px 20px; }
#split2 section#main-body { background: #FFF; width: 45%; }
#split2 section:not(#main-body) { width: 55%; background-size: cover; background-position: center center;}

.inner { width: 80%; max-width: 600px; margin: auto; }
.inner h1 { margin-bottom: 25px; font-size: 29px; }
.inner .flex { flex-wrap: wrap; gap: 10px; }
.inner .primary-btn { width: 100%; padding: 6px 16px 6px 16px !important; font-size: 1.2em; }


.ftr { margin-top: 50px; }

@media only screen and (max-width: 1400px) {
  #split2 section:not(#main-body) { width: 50%; }
  #split2 section#main-body { width: 50%; }
}
@media only screen and (max-width: 1150px) {
  #split2 section:not(#main-body) { width: 45%; }
  #split2 section#main-body { width: 55%; }
}
@media only screen and (max-width: 1024px) {
  #split2 section:not(#main-body) { width: 40%; }
  #split2 section#main-body { width: 60%; }

}
@media only screen and (max-width: 980px) {

  body { background: #FFF; }

  #main-body {padding-top:35px !important; }


  #split2,
  #split2 > div,
  #split2 > div > section { display:block !important;height:auto !important;min-height:auto !important}

  #split2 section#main-body { width:100%;padding:0;}
  #split2 section:not(#main-body) { display: none !important; }
  #split2 section#main-body { margin: auto; }
}


@media only screen and (max-width: 700px) {



}


@media only screen and (max-width: 600px) {





}