form {display:flex;
	flex-direction: column;
		width: 95%;
	
}


 nav, aside, .branding img {
    display: none;
  }

  header .settings .profile {
    display: none;
  }

  header .branding,
header .settings {
    flex: 0 0 64px;
  }

  header .page-details {
    padding: 0 24px;
    justify-content: center;
  }

  article {
    padding: 16px;
  }

  .card:not(:last-child) {
    margin-bottom: 16px;
  }

  nav {
    position: absolute;
    top: 0;
    left: -256px;
    width: 256px;
    height: 100%;
    display: block;
    transition: all 0.2s ease;
    overflow: auto;
  }
  nav.open {
    left: 0;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.24);
  }

  aside {
	transition: width 1s ;
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    display: block;
    overflow: auto;
	
  }
  aside.open {
    width: 175%;
    border: 1px solid #d9d9d9; 
	 transition: width 1s ;  
	  background: #E7C4C5;
 
  
	  
	  
  }

h1{ font-size: 1.5em;}
h2{ margin:0px;}
p { margin:.25em;}
    


#head { background: no-repeat center url("/_r/images/agentsBase.fw.png" );
	 background-size: 60%;
	justify-content: space-between;}


/* #content:after { content: "Narrow Layout 600px or less"; } */