body {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	background-color:#333333;
	width:100%;
	margin:auto;max-width:1000px;min-width:300px
}

main {
border-right:ridge
}

h1, h2, h3, h4, h5 {
	color: #000000;
	margin: 0px;
}

h1 {
font-size:x-large
}

h2 {
font-size:large
}

h4 {
font-size:medium;
color: #FFF
}

	a {
	color: #000000;
	text-decoration: none;
}

ol, ul {
font-size: medium;
}


a:hover {
	color: #000000;
	text-decoration: underline;
}

td.frame {
  padding-bottom: 10px;
}

td.contact {
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
}

td.desktop-invisible-contact {
	padding-bottom:15px;
}

td.picture {
  padding-left: 5px;
  padding-right: 20px;
  min-width:300px;
}

td.bigpic {
	border-bottom:solid;
}

td.footer {
	border-top:solid;
}

hr {color: #333; text-align: center; width:100%; height:4px; background-color: #333} 

@media only screen and (max-width : 722px) {
  .mobile-invisible {
      display: none;
  }
}

@media only screen and (min-width : 721px) {
  .desktop-invisible {
      display: none;
  }
}

@media only screen and (max-width : 752px) {
  .mobile-invisible-contact {
      display: none;
  }
}

@media only screen and (min-width : 751px) {
  .desktop-invisible-contact {
      display: none;
  }
}

@media only screen and (max-width : 622px) {
  .mobile-invisible-research {
      display: none;
  }
}

@media only screen and (min-width : 621px) {
  .desktop-invisible-research {
      display: none;
  }
}

img.contact {max-width: 477px}
img.research {max-width: 280px}

.button {
    background-color: #E5E4E2; /* Green */
    border: 1px solid black;
    color: black;
    padding: 10px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: medium;
    cursor: pointer;
    float: left;
}

.button:hover {
    background-color: #1190d7;
}