body {
  font-family: 'Open Sans', Verdana, sans-serif;
  color: #787876;
  /* Margin bottom by footer height */
  margin-bottom: 230px;
  padding-top: 20px;
   min-height: 400px;
}

h1 {
    font-size: 2.8rem;
    line-height: 1.2em;
    letter-spacing: -2px;
    text-indent: -3px;
    font-weight: bold;
    color: #242628;
    text-rendering: optimizeLegibility;
}

@media (max-width: 500px) {
    h1 {
        font-size:2.8rem
    }
}

h2 {
    font-size: 2.3rem;
    line-height: 1.2em;
    letter-spacing: -1px;
    text-indent: -2px;
    font-weight: bold;
    padding-top: 0;
    border: none
}

@media (max-width: 500px) {
    h2 {
        font-size:2.3rem
    }
}

h3 {
    font-size: 2.5rem;
    color: #242628;
}

@media (max-width: 500px) {
    h3 {
        font-size:2rem
    }
}

h4 {
    font-size: 2.2rem
}

@media (max-width: 500px) {
    h4 {
        font-size:2rem
    }
}

h5 {
    font-size: 2rem
}

h6 {
    font-size: 1.8rem
}
@media (max-width: 500px) {
    h5 {
        font-size:1.3rem
    }
    h6 {
        font-size:1.2rem
    }
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color: #242628
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
    box-shadow: none;
    text-decoration: none;
    color: #5ba4e5
}

.blog-header h1 {
    color: #fff;
    font-weight: 200;
    font-size: 2.8rem;
    letter-spacing: 0;
    max-width: 640px;
    margin: 0 auto
}


a {
  text-decoration: none;  
  color: #EA6045;
}

a:hover {  
  color: #2F3440;
}


.container {
  width: 95%;
  margin: 0px auto;
}

footer {
  margin-top: 30px;
  border-top: 1px solid #efefef;
  padding-top: 20px;
  font-style: italic;
}

@media (min-width: 500px){
  .container {
    width: 95%;
  }
}
  
.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}

input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

html {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 230px;
  background-color: #f5f5f5;
}

.blogText{
   width: 100%;
}

.blogHeading{
   width: 240px;
}

.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 5px;
    right: 5px;
    display: none;
    opacity: 0.3;
    text-indent: -9999px;
    background: url('/public/images/scrollup.png') no-repeat;
    background-color: #000;
}

.scrollup:hover {
    opacity: .6;
}

.photo {
  text-align: center;
}


.name {
  font-size: 20px;
  line-height: 32px;
  color: #1b1f23;
  min-height: 40px;
}

.desc {  
  min-height: 250px;
}


.items .item .info {
  font-size: 16px;
  line-height: 27px;
  margin-top: 15px;
  margin-bottom: 35px;
  text-align: center;
  color: #676767;
}