@charset "utf-8";
/* CSS Document */

html, body {margin:0; padding:0; width:100%;}
body {font-family:Roboto, Helvetica, Arial, sans-serif; min-width:320px; font-size:16px; color:#58595b;}
#container, #maincontent {width:100%; margin:0; padding:0;}
#maincontent {clear:both; margin-top:8em;}
iframe {min-height:1100px;}
@media all and (min-width: 600px) {
	#maincontent {margin-top:9.8em;}}
@media all and (max-width: 1000px) {
	iframe {min-height:800px;}
}


@media all and (max-width: 400px) {
	#cv {font-size:1.2em;}
	iframe {min-height:730px;}}

h1 {font-size:3em;}
h2 {font-size:2em; color:#58a38a; margin-top:5%;}
h3 {font-size:1.8em; color:#58a38a; margin:0.5em;}
p {font-size:1em;}
ul {font-size:1em}
a {color:#CC7622;}
a:hover {color:#009ac7;}

.professor {width:28%; margin:4% 2% 0 2%; float:left; text-align:center;}
.professor img {border-radius:0.3rem;margin:0 auto; width:100%; max-width:300px;}
#labcontent img {margin:2% auto; width:100%; max-width:350px; border:solid 1px #333333;}
@media only screen and (max-width:800px) {
	.professor {width:100%; float:none; margin-top:2%;}
}
.content {margin:0 5%; width:90%;}
.button {background-color: #009ac7;
    border-color: #004f6a;
	display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
	margin:2% 1%;
    line-height: 1.5;
    border-radius: 0.3rem;
    font-weight: 400;
    font-family: inherit;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	color:white; 
	text-decoration:none;
	transition: background-color 0.3s ease;}
.button:hover {background-color:#004f6a;
	border-color:#009ac7;
	color:#ffffff;}

.left {width:30%; float:left; padding:0 2% 2% 0;}
.right {width:66%; float:left; padding-left:2%;}
#labcontent {margin:0 2% 5% 0; width:66%; float:right;}
@media only screen and (max-width: 800px) {
	#labcontent {width:100%; float:none; margin: 0 2%;}
}
#SOHA {clear:both; 
	background: url('../images/DNA-cardiac-PQRST-wave.png') center center fixed no-repeat;  
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	background-color:#FFF;
	min-width: 100%;
    width: 100%;
    margin: 0;
    padding: 1% 0 5% 0;
    min-height: 100%;
    height: 100%;}
@media all and (max-width: 600px) {
#SOHA {	z-index: -1;
    width: 100%;
    height: 125%; /* To compensate for mobile browser address bar space */
    background: url('../images/DNA-cardiac-PQRST-wave.png') center center fixed no-repeat; 
    background-size: 125% 50%;}}
#video { float:none;
	margin:0 auto; width:100%;}
@media all and (max-width:600px) {#video p {display:block;}}
.embed-responsive-item {
    width: 100%;
    height: 100%;
    border: 0;  
	display: inline-block;
    vertical-align: baseline;    
	box-sizing: border-box;}

.imagecontainer {
    width: 100%;
    margin: 1% 0 2% 0;
    border: 0;
    padding-bottom: 17%;}
	
.imagecontainer img {
    margin: 0.2%;
    float: right;
    width: 19.6%;}
.book img {width:100%; max-width:300px; margin:0 auto; border-radius:0.3rem; padding:2%; float:left;}

#contact input {clear:both; float:none; border-radius:0.3rem; min-height:30px;}
.form-horizontal {
    width: 100%;}
.form-group {
    width: 100%;
    clear: both;
    padding: 1% 0;}

.col-sm-2 {
    width: 25%;
    float: left;}
.col-sm-10 {
    width: 70%;
    margin: 0 0 2% 2%;
    float: left;}
.col-sm-offset-2 {
    margin-left: 27%;}
.col-sm-10 input, textarea {
    width: 100%; border-radius:0.3rem;}
@media all and (max-width: 400px) {.form-group {padding:2% 0;} .col-sm-2 { width:35%;} .col-sm-10 {width:60%;} .col-sm-offset-2 {margin-left: 37%;}}
.btn-default {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 1em;
    font-weight: 400;
    font-family: inherit;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #009ac7;
    border-color: #004f6a;
	transition: background-color 0.3s ease;}
.btn-default:hover {background-color:#004f6a;
	border-color:#009ac7; 
color:#ffffff;}
footer { border-top:solid 1px #CCC; margin:11% 5% 0 5%; width:90%; font-size:0.6em;}
footer .column {width: 30%; margin: 2% 1.5%; float:left;}
@media only screen and (max-width: 600px) {
  footer .column {width: 100%; float:none;}
	.column {font-size:2em;}
	.navigation {display:none;}
	#nevada p {margin-top:auto;}
	.book img {float:none;}
}
.column p {margin:0;}
.column ul {list-style-position:inside; padding-left:0; margin-top:0;}
.column ul li { list-style-type:none; line-height:1.2em; padding:2% 0;}
footer p {font-size:0.7em; font-weight:600;}
footer li {font-size:0.7em;}
footer a {text-decoration:none; color:#58595b;}
#nevada img {display:none; } #nevada p {width:100%;}