/*
 * Start Bootstrap - Heroic Features (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

li {
	list-style-position:inside;
}

.alumni {
    float: left;
    width: 33.33333333%;
    max-width:200px;
    padding-top:50px;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.container {
	margin-left: 0px; 
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
}

h4.research-link {
	font-size: 15pt;
}

.research-paper {
	color: #A4006B;
}

.correspondence {
	color: #0000ff;
}

.conference-abstract {
	color: #008000;
}

.navbar-header {
	height: 83px;
}

body {
	font-family: 'Metrophobic';
}

.banner-major {
    margin-top: 10px;
    background: url(../img/Leaf.jpg) no-repeat center center; 
	background-size: cover;
	height: 400px;
}

.banner-minor {
    margin-top: 10px;
    background: url(../img/LeafShort.jpg) no-repeat center center; 
	background-size: cover;
	height: 400px;
}

.hero-feature {
    margin-bottom: 30px;
}

footer {
    margin: 50px 0;
}

#navbar-link {
	color: black;
	font-size: 13.5pt;
}

.navbar-fixed-top {
	border-style: none;	
	padding-top: 15px;
	padding-left: 8px;
	padding-bottom: 5px;
}

.researchinfo {
	margin: auto;
	max-width: 1300px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-top: 30px;
	overflow: hidden;
}

.info-header {
	margin-top:30px;
	margin-bottom:30px;
	margin-right:30px;
}

.info-text {
	margin-top: 0px;
}

h2.info-text {
	margin-bottom: 20px;
}

.researchimg {
	vertical-align: top;	
}

.researchimg-left {
	float: left;
	margin-right: 20px;
}

.researchimg-right {
	float: right;
	margin-left: 20px;
}

/* Google Map */
.iframe-container{
    position: relative;
    width: 70%;
    padding-bottom: 40%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
    margin:auto;
    margin-top: 40px;
}
.iframe-container > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

#ContactUsLogo {
	padding-right:20px;
}

#ContactUsLogoIm {
	float:left;
	margin-right:40px;
	margin-left:20px;
	width:230px;
}


/* xs < 768 */
 @media screen and (max-width: 767px) {
    #main-title {
		font-size:25pt;
		padding-top:20px; 
		padding-bottom:50px;
	}
	
	#main-subtitle {
		font-size:13pt;
	}
	
	.researchimg {
		float: none;
		margin: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		max-height: 250px;	
	}
	
	p.info-text {
		font-size:120%;
		padding-right: 40px;
		padding-left: 40px;
		font-size:110%;
		hyphens:auto;
	}
	
	#ContactUsLogoIm {
		width:130px;
		padding-bottom:100px;
		margin-right:20px;
	}
	
	#img-smallonly {
		display: inline;
	}
	#img-bigonly {
		display: none;
	}

	
}

/* sm */
 @media screen and (min-width: 768px) {
    #main-title {
		font-size:30pt;
		padding-top:20px; 
		padding-bottom:50px;
	}
	
	#main-subtitle {
		font-size:14pt;
	}
	
	.researchimg {
		width: 55%;	
		max-height: 300px;
		width: auto;
  		height: auto;
	}
	
	p.info-text {
		font-size:120%;
		padding-right: 60px;
		padding-left: 60px;
		font-size:110%;
		hyphens:auto;
	}
	
	#img-smallonly {
		display: inline;
	}
	#img-bigonly  {
		display: none;
	}
	
}

/* md */
 @media screen and (min-width: 992px) {
    #main-title {
		font-size:35pt;
		padding-top:20px; 
		padding-bottom:50px;
	}
	
	#main-subtitle {
		font-size:14pt;
	}
	
	.researchimg {
		width: 55%;	
		max-height: 400px;
		max-width: 600px;
		width: auto;
  		height: auto;
	}
	
	p.info-text {
		max-width: 1000px;
		font-size:120%;
		padding-right: 50px;
		padding-left: 90px;
		font-size:110%;
		hyphens:auto;
	}
	
	#img-smallonly {
		display: none;
	}
	#img-bigonly {
		display: inline;
	}
	
}

/* lg */
 @media screen and (min-width: 1200px) {
    #main-title {
		font-size:40pt;
		padding-top:20px; 
		padding-bottom:50px;
	}
	
	#main-subtitle {
		font-size:15pt;
		padding-right:220px; 
		padding-left:220px;
	}
	
	.researchimg {
		width: 45%;	
		min-width:250px;
		max-height: 400px;
		max-width: 600px;
		width: auto;
  		height: auto;
	}
	
	p.info-text {
		max-width: 1000px;
		font-size:120%;
		padding-right: 100px;
		padding-left: 90px;
		font-size:110%;
		hyphens:auto;
	}
	
	#img-smallonly {
		display: none;
	}
	#img-bigonly  {
		display: inline;
	}
	
}