@import url(https://fonts.googleapis.com/css?family=Philosopher);

html,
body {
	height: 100%;
}

body {
  display: table;
  width: 100%;
}

.page-row {
  display: table-row;
  height: 1px;
}

.page-row-expanded {
	height: 100%;
}

.upper-pic-index {
	margin: 70px auto 0px auto;
	width: 100%;
	height: 400px;
}

.upper-pic-teaching {
	height:300px;
	margin: 0 auto;
}

@media (min-width: 468px) {
  .upper-pic-teaching {
  	height:400px;
  }
}

img {
	border-radius: 5px;
}

img.pic-content {
	width: auto;
	height: auto;
	margin: 0 auto;
	margin-bottom: 20px;
}

nav {
	padding-top: 25px;
	border-bottom: solid !important;
	border-width: 5px !important;
	border-bottom-color: rgb(8,38,48) !important;
}

nav .navbar-brand {
	font-size: 1.2em;
}

@media (min-width: 350px) {
  nav .navbar-brand {
  	font-size: 1.5em;
  }
}

nav a {
	font-family: 'Philosopher', sans-serif !important;
	color: rgb(8,38,48)!important;
	font-size: 1.5em;
}

@media (max-width: 991px) {
  .navbar-nav > li.mobile-hidden  {
    display: none;
  }
}


.index-title {
  padding-top: 20px;
	text-align: left;
	font-family: 'Philosopher', sans-serif;
	color: rgb(8,38,48);
	border-bottom: 2px solid rgb(8,38,48);
}

.section-title {
	margin-top: 60px;
	padding-top: 20px;
	text-align: left;
	font-family: 'Philosopher', sans-serif;
	color: rgb(8,38,48);
	border-bottom: 2px solid rgb(8,38,48);
}

.page-content {
	margin-top: 40px;
	margin-bottom: 20px;
}

h1, h3, h4, p, h5 {
	font-family: 'Philosopher', sans-serif;
}

@media (max-width: 640px) {
  .section-title > h1, .index-title > h1, .publication-list-title > h1 {
    font-size: 1.5em;
  }

}
h3.courses {
  font-size: 1.5em;
  font-family: 'Philosopher', sans-serif;
}
.course a {
  font-family: 'Philosopher', sans-serif;
  font-size: 1.2em;
  color: rgb(8,38,48);
}

.pasus {
	text-align: justify;
	font-size: 1.2em;
}

.publication-list {
	background-color: rgb(230,230,230);
	border-top: 2px solid rgb(8, 38, 48);
	font-size: 1.2em;
	text-align: justify;
}

p.publication {
	border-bottom: 1px solid rgb(8,38, 38);
}

.thin-border {
  padding-bottom: 10px;
  border-bottom: 0.1px solid rgb(8,38, 38);
}

.table {
	margin-top: 40px;
	border-top: 2px solid rgb(8, 38, 48);
	font-family: 'Philosopher', sans-serif;
	font-size: 1.2em;
}

.contact {
	font-size: 1.2em;
}

footer {
	background-color: rgb(8,38,48);
}

footer p {
	margin-top: 20px;
	color: white;
}

.rodj {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}