body {
  margin:0; padding:0; border:0; display:flex; flex-direction:column; min-height:100vh; background-color:white;
  font-family: sans-serif;
  font-size: 13px;
  color: #342511;
  line-height: 1.3;
}

a {
  color: black;
}

.nav {
  font-size: 14px;
  color: black;
  text-decoration: none;
}

.selectedNav {
  font-size: 14px;
  color: black;
  text-decoration: underline;
  cursor: pointer;
}

a.nav:hover {
  text-decoration: underline;
}

.heading {
  font-size: 17px;
  margin-bottom: 9px;
}

.pageHeading {
  position: relative;
  font-size: 21px;
  margin: 9px 0;
}

.title {
  font-size: 14px;
  margin-bottom: 9px;
}

.documentTitle {
  font-size: 14px;
  margin-top: 9px;
  margin-bottom: 4px;
}

.flex_container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  border: 0px solid red;
}

.width900 {
  width: 900px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.banner_image {
  background-image: url('../images/SVRUA_road_without_sign.jpg');
  background-repeat: no-repeat;
  background-size: 1500px;
  background-position: 0px -140px;
  height: 340px;
}

.banner_image_home {
  background-image: url('../images/SVRUA_road_without_sign (with logo).jpg');
  background-repeat: no-repeat;
  background-size: 1600px;
  background-position: 0px -140px;
  height: 340px;
}

.footer {
   background-color: #67481E;
   color: white;
   height: 44px;
   margin-top: 9px;
   align-items: center;
/*   padding: 15px;*/
}

.everythingButTheFooter {
  min-height: calc(100vh - 53px);
}

.left_col {
/*  width: 521px;*/
  max-width: 521px;
  padding: 10px;
}

.right_col {
  width: 321px;
  padding: 10px;
  background-color: #FBF4CA;
}

.profile_hamburger {
  position: absolute;
  top: 6px;
  right: 9px;
  z-index: 100;
  cursor: pointer;
}

.top_right_menu {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
/*  display: block;*/
  visibility: hidden;
}
.top_right_menu table {
  position: absolute;
  top: 25px;
  right: 9px;
  width: 200px;
  z-index: 98;
}

.top_right_menu td {
  padding: 12px;
  background-color: white;
}

.top_right_menu td:hover {
  padding: 12px;
/*  background-color: #CCCCCC;*/
  background-color: #FBF4CA;
  cursor: pointer;
}

.menu_page_cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 97;
  background-color: transparent;
}

.grid-container {
  display: grid;
  width: 280px;
  grid-template-columns: 210px auto;
  border: 0px solid red;
  column-gap: 10px;
/*  padding: 10px;*/
}

.profile-grid-container {
  display: grid;
  width: 100%;
  grid-template-columns: auto auto auto auto;
  border: 0px solid red;
  column-gap: 10px;
  row-gap: 10px;
  font-size: 14px;
}

.profile-grid-container input { width: 100%; }

.grid-item {
  /*background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8);
  text-align: right;*/
}

.small {
  position: absolute;
  right: 0; bottom: 0;
  font-size: 12px;
  font-style: italic;
  text-align: right;
  color: brown;

}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  background-color: white;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}


/* For screen width < 625 */
@media screen and (max-width: 625px)  {
  .width900 {flex-wrap: wrap;}
  /*.left_col {width: 100%}
  .right_col {width: 100%}*/
}


/* For screen width > 625 */
@media screen and (min-width: 626px) {
  .width900 {flex-wrap: nowrap;}
  /*.left_col {width: 521px}
  .right_col {width: 321px}*/
}