@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype')
}

body{
	font-family: 'Open Sans';
  color: #484848;
}

a{
	text-decoration: none;
  color: #5072A7;
}

a:hover{
	text-decoration: none;
}

li {
  font-size: 14px;
}

p{
	margin:0;
	padding:0;
	line-height: 24px;
	font-size: 14px;
}

.color{
  background: #5072A7;
}

.logo {
  text-align:right;
}

.logo img {
  text-align:right;
  margin-top:1.5em;
  margin-right:2em;
  width:150px;
}

.banner {
  border-top: 15px solid #5072A7;
	background: url('../img/banner.jpg');  
}

.banner .title {
  padding-top: 10px;
  padding-bottom: 25px;
}

.banner-logo {
  width:225px;
  background: white;
  padding-right:1em;
  padding-left:0.5em;
  margin-bottom:0.15em;
  font-size:1.5em;
  line-height:1.65em;
  box-shadow: 0.1em 0.1em 0px #484848;
}

.title b {
  background: white;
  padding-right:1em;
  padding-left:0.5em;
  font-size:1.5em;
  line-height:1.65em;
  box-shadow: 0.1em 0.1em 0px #484848;
}

.main-info {
  padding-top:50px;
}

.breadcrumbs {
  font-size:0.75em;
  padding-bottom:1.5em;
}

.notebooks {
	padding-top: 60px;
	padding-bottom: 100px;
}

.notebooks .notebook-link {  
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
  max-width: 250px;
}

.notebooks .notebook-link:hover img {    
  transform: scale(1.15);
}

.notebooks .notebook-link .icon_img {
  width:30%;
  transition: transform .3s;
}

.notebooks .notebook-link a {
  color:#484848;
}


.notebooks .notebook-link a:hover {
  color: #5072A7;
}

.notebooks .notebook-link .pdf-download {
  margin-top:0;
}

.notebooks .notebook-link h4 {
  margin-top:0;
  margin-bottom:0;
  padding-top:25px;
  padding-bottom:10px;
}

.pdf-download a {
  margin-top: 0.5em;
}

footer {
	padding: 50px 0;
	text-align: center;
  background: #F5F5F5;
}

@media only screen and (max-width: 385px) {
  .title b {
    font-size:1.25em;
  }
  
  .banner-logo {
    width:175px;
    padding-right:0.2em;
    padding-left:0.2em;
    margin-bottom:0.15em;
  }
  
  .logo img {
    width:110px;
    margin-bottom:10px;
  }
  
}