@font-face {
    font-family: 'ApexBook';
    src: url('/assets/fonts/apexnew-book-webfont.eot');
    src: url('/assets/fonts/apexnew-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/apexnew-book-webfont.woff') format('woff'),
         url('/assets/fonts/apexnew-book-webfont.ttf') format('truetype'),
         url('/assets/fonts/apexnew-book-webfont.svg#ApexNewBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

pre {
  background-color:none;
  padding:0px;
}


h1,h2,h3,h4,h5 {
  font-family: "ApexBook"
}
a { 
color:#4078c0;
}
p,
label,
span,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
   transition: all 0.5s ease;
    color:#333;
}
a:hover {
  color:#4078c0;
  text-decoration: none;
}
.no-margin {
  margin:0px;
}
.no-margin-left {
  margin-left:0px;
}
.no-margin-right {
  margin-left:0px;
}

.no-padding {
  padding:0px;
}
.no-padding-left {
  padding-left:0px;
}
.no-padding-right {
  padding-left:0px;
}
ul.menu li a i {
  padding:5px 5px 2px 0px;
}
ul.menu li a {
  color:#2E5586;
  text-decoration: none;
}
ul.menu li a:hover {
  color:#4078c0;
  text-decoration: none;
}
ul.menu li:hover {
  border-right:3px solid #428bca;
  transition:all 0.1s ease;
}
.logo img {
  width:150px; 
  height:150px;
  padding:5px;
  border-radius: 6px;
}
.menu li a{
  font-size:13px;
  font-weight:300;
}
.cover-border {
  border-bottom:1px solid #BDBDBD;
  width:100%; 
  height:800px;
}
.cover {
  background-size:cover !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-description h1 {
  font-size:25px;
  font-weight:300;
  line-height: 32px;
  border-bottom:10px solid rgba(64, 120, 192, 0.5);
  display: inline-block;
  padding: 0 20px 10px;
}
.summary header a {
  font-size:18px;
}
.summary .description p{
  font-size:15px;
  color:#767676;
  font-weight:300;
}
i.read-more{
  font-size:10px;
  margin-left:5px;
  margin-right:5px;
}
a.read-more{
  padding:5px;
}
.container {
  margin-top:40px;
}
.subhead {
  font-weight:300;
  font-size:12px;
  margin-bottom:15px;
  font-style: italic;
}
.footer-icon {
  color:#8CC665; 
  font-size:10px; 
  padding:10px
}
.post-image {
  width:90%;
  height:90%;
  line-height:5;
}

article.post img {
 width:100%;   
 margin-top:10px;
 margin-bottom:10px;
}

article.post:first-child h2.title {
  margin-top: 0;
}

@media (min-width: 576px) {
  .blog-description h1 {
    color: white;
  }
}

@media (min-width: 768px) {
  .cover {
    max-height: 200px;
  }
}

@media (min-width: 1200px) {
  .cover {
    max-height: 240px;
  }
}