body {
    background-color: #777777;
	font-family: Sans-Serif;
}

.center {
    text-align: center;
}

.right_align {
    text-align: right;
}

@media screen {
  .nav_cont {
        max-height: 600px;
        width: auto;
        max-width: 230px;
        font-size: .8em;
		position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        margin: 15px;
        padding: 20px;
        background-color: #f3f3f3
  }

  .nav_cont ul li {
        list-style-type: none;
		padding-bottom: 8px;
		padding-left: 0px;
		margin-left: -35px;
  }

  .nav_list {
        overflow-y: auto;
        height: auto;
        max-height: inherit;
        margin: unset;
        padding-bottom: unset;
  }

  .content {
        background-color: white;
        padding: 25px;
        margin: auto;
        width: 50%;
        max-width: 1200px;
        min-width: 600px;
	   font-size:.95em;
  }

  .pagebreak  {
	   font-size:1px;
	   padding:0px;
  }

}

@media (max-width: 1200px) { 
    .nav_cont {
        display: none;
    }
}