/* General Demo Style */
 @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

 .og-smallimg {
     display: none;
}

 .separator {
     margin-right: 3px;
     margin-left: 3px;
 }

 #img-title {
     font-weight: 400;
     font-size: 18px;
     line-height: 22px;
     color: black;
}
 #img-description {
     font-weight: 300;
     font-size: 18px;
     line-height: 22px;
     color: #4c4c4c;
}

 .subheader {
     text-align: center;
}
 .footer p {
     text-align: center;
     font-size: 14px;
     margin-bottom: 10px;
     margin-top: 15px;
}
 .awards {
     padding-top: 30px;
     padding-bottom: 30px;
     text-align: center;
}
 .awards span {
     padding-right: 40px;
}
 .about li {
     list-style: square inside;
     color: orange;
}
 .about-header p {
     text-align: center;
     margin-bottom: 20px;
}
 .about-header img {
     min-width: auto;
     max-height: 250px;
}

 .mail-img {
     width: 24px;
     height: 24px;
     vertical-align: top;
     margin-left: 10px;
     margin-right: 5px;
}

 @media (min-width: 320px) and (max-width: 480px) {
     .awards span {
         float: left;
         margin: 0;
         margin-top: 15px;
         margin-bottom: 15px;
    }
    
    .about p {
         font-size: 15px;
         padding-left: 5px;
         padding-right: 5px;
         padding-top: 5px;
    }

     .mail-img {
         margin-left: 10px;
         margin-right: 5px;
    }
     .about-header img {
         max-height: 140px;
         max-width: auto;
    }

    img {
         max-width: 320px;
         max-height: auto;
    }
    /* * .og-grid li {
         * margin-top: 35px;
         * height: 290px;
    }
     */
     .og-expander-inner {
         padding: 40px 10px;
         height: 100%;
    }
     .og-expander {
         magrin-top: 30px;
    }
     .og-grid li.og-expanded > a::after {
         margin: -15px 0 0 -15px;
    }
     .og-smallimg {
         display: inline-block;
         float: left;
         padding-top: 10px;
    }
     .og-smallimg img {
         width: auto;
         max-height: 170px;
    }
     .og-details h3 {
         padding-top: 10px;
    }
     .og-details p.price, a {
         margin-top: 5px;
         margin-bottom: 0px;
         paddintg: 5px;
    }
     .og-expander a {
         font-size: 10px;
    }
}
 @media (max-width: 320px) {
     img {
         max-width: 270px;
         max-height: auto;
    }
}