.navbar-nav {
    margin-left: 215px;
}

.body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  display: flex;
  flex-direction: column;
  height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */
}

.html {
  box-sizing: border-box;
  position:relative; 
  min-height: 100%;
}

.*, .*:before, .*:after {
  box-sizing: inherit;
}


.pageContentWrapper{
  margin-bottom:100px;/* Height of footer*/
} 

.column {
  float: left;
  width: 33%;
  margin-bottom: 16px;
  padding: 0 8px;
}

.columnTitle {
  float: left;
  width: 27%;
  margin-bottom: 16px;
  padding: 0 8px;
}

.columnAbstract {
  float: right;
  width: 73%;
  margin-bottom: 16px;
  padding: 0 8px;
}


.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin: 8px;
}

.about-section {
  padding: 50px;
  text-align: center;
  background-color: #474e5d;
  color: white;
}

.container {
	/*margin-right: 0px;
     margin-left: -5px;
	/* padding: 0 0px;
  /*padding-left:220px;
  padding-right:220px; */
}

.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

/* .title { */
/*   color: grey; */
/* } */


body .main-container {
  max-width: 700px;
}

.break-word {
    word-wrap: break-word;
}

.ctsm{
  color: #001f3f;
  font-family:  Courier New;
}

.button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.button:hover {
  background-color: #555;
}

@media screen and (max-width: 850px) {
  .column {
    width: 100%;
    display: block;
  }
}

ul.network-icon {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 10px;
    margin: 0px;
}

a {
  color: #3D9970;
  background-color: transparent;
  text-decoration: none;
}

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
    margin-bottom: -330px; 
}
.page-wrap:after {
  content: "";
  display: block;
}


.containerAbout{
float: left;  
  padding-left:4px;
  padding-right:0px;
    margin-bottom: -10000px;
  padding-bottom: 10000px;
}

.containerAbout::after, .row::after {
  content: "";
  clear: both;
  display: table;
}


.containerFooter {
	 padding: 0 0px;
}

.containerFooter::after{
  content: "";
  clear: both;
  display: table;
}


.site-footer, .page-wrap:after{
	max-width: 700px;
  	background-color:#ffffff;
	padding:45px 0 20px;
  	font-size:15px;
  	line-height:24px;
  	color:#737373;
  	bottom: 0px;
  	height: 320px;
}

.site-footer hr {
  position: relative;
  background: white;
  height: 10px;
  width: 680px;
  align-self: flex-start;
  margin: 0;                           /* added  */
}

.site-footer hr.small
{
  margin:200px;
}
h3
{
    
    color:black;
}
.site-footer h6
{
  color:#111111;
  font-size:1.6em;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#3D9970;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:10;
  color:#3366cc;
}
/*.footer-links li
{
  display:block
}*/
.footer-links a
{
  /* Change color of the footer link text */
  color:#3D9970
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3D9970
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:left
}

.copyright-text
{
  margin:0
}