body div#page, body div#topbanner {
    width: 100%;
}

body div#columns {
    padding: 0 0 0 0;
}

body div.split div.two-left {
    width: auto;
    float: none;
}

body div.split div.two-right {
    width: auto;
    float: none;
}

body iframe {
    max-width: 100%;
}

body div#extrainfo-position {
    float: none;
}

body div#usermenu {
    position: absolute;
    left: -200px;
    top: -80px;
    right: 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
/* 
    display: flex;
  	flex-direction: column-reverse;
 */
}

body div#links {
    font-size:8px;
    position: relative;
    right: auto;
    /*
    left: -145px;
   */
}

body div#header ul li {
  list-style-type: none;
  list-style-image: none;
  float: left;
  padding-left: 1%;
  padding-right: 1%;
  border-left: 1px solid #cccccc;
}

body div#headerbanner {
    max-width: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

body input#searchtext {
  width: 13em;
}

div#links {
  position: relative;
  right: 64px;
  float: unset;
  font-size: 0.9em;
  overflow: visible;
}

body div#sidemenu-position {
    position: relative;
    left: -15px;
}

body div#header div#logo {
    text-align: center;
    float: right;
    padding-left: 100px;
    padding-right: 2em;
}
body div#header div#logo img {
    max-width: 176px;
    max-height: 61px;
}

    /* off canvas navigation */

.site-wrap {
    min-width: 100%;
    min-height: 100%;
    background-color: #fff;
    position: relative;
    top: 0;
    bottom: 100%;
    left: 0;
    z-index: 1;
    padding: 0em;
    background-image: linear-gradient(135deg,
    rgb(254,255,255) 0%,
    rgb(221,241,249) 35%,
    rgb(160,216,239) 100%);
    background-size: 200%;
}

.nav-trigger {
    display: block !important;
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
    display: block !important;
    position: absolute;
    top: 23px;
    left: 23px;
    z-index: 2;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
    background-size: contain;
}

.nav-trigger:checked + label {
    left: 215px;
    top: 97px;
}

.nav-trigger:checked ~ .site-wrap {
    left: 200px;
    top: 80px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

.nav-trigger + label, .site-wrap {
    transition: left 0.2s;
}

.nav-trigger + label, .site-wrap {
    transition: left 0.2s;
}