/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
*/

/* #Site Styles
================================================== */
.header, .header-mobile {background:#333;height:77px;overflow:hidden;}
.header-mobile, .products-menu .mobile {display:none;}
.header-mobile .menu-button 
{
    width: 40px;
    height: 40px;
    margin-top: 17px;
    float: right;
    border: none;
    text-align: center;
}
.header-mobile .menu-button:hover { border-color: #d4d4d4;}
.header-mobile .menu-button hr.line { width: 70%;border-bottom: 4px solid #d4d4d4;margin-bottom: 5px;}
.header-mobile .menu-button hr.line:first-child { margin-top: 10px;}
.products-menu 
{
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 2px 3px rgba(0,0,0,.2);
    box-shadow: 0px 2px 3px rgba(0,0,0,.2);
    display:none;
}
.products-menu.show {display:block;}
.products-menu .mobile {background:#333;}
.products-menu .mobile a:hover {background:#333;}
.products-menu .mobile a {color:#b3b3b3;}
.footer {background:#58595B;height:230px;color:#fff;overflow:hidden;}
.footer-demo {background:#d4d4d4;height:105px;position:relative;}

/* #Page Styles
================================================== */
.space-top {margin-top:40px;}
.space-top-quarter {margin-top:10px;}
.space-top-half {margin-top:20px;}
.space-top-double {margin-top:80px;}
.space-top-tripple {margin-top:120px;}
.space-top-quad {margin-top:160px;}
.space-bottom {margin-bottom:40px;}
.space-bottm-quarter {margin-bottom:10px;}
.space-bottom-half {margin-bottom:20px;}
.space-bottom-double {margin-bottom:80px;}
.space-bottom-quad {margin-bottom:160px;}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) 
	{
	    h1 {font-size:28px;}
	    h2,h3 {font-size:25px;}
	    h1 {font-size:22px;}
	    body {font-size:15px;}
	    .abstract {font-size:18px;}
	    .first-image-text {padding-top:45px;}
	    .container .one-third.image {line-height:1px;}
	    .container .one-third.image img {border-bottom:1px solid #4b4b4b;}
	    
	    .space-top {margin-top:24px;}
        .space-top-quarter {margin-top:6px;}
        .space-top-half {margin-top:12px;}
        .space-top-double {margin-top:48px;}
        .space-top-tripple {margin-top:72px;}
        .space-top-quad {margin-top:96px;}
        .space-bottom {margin-bottom:24px;}
        .space-bottm-quarter {margin-bottom:6px;}
        .space-bottom-half {margin-bottom:12px;}
        .space-bottom-double {margin-bottom:48px;}
        .space-bottom-quad {margin-bottom:96px;}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) 
	{
	    .font-bigger {font-size:18px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) 
	{
	    /* Hide header and add mobile header */
	    .row.header, .products-menu {display:none;}
	    .row.header-mobile {display:block;}
	    
	    .first-image-text {padding:20px 0;}
	    .row.cyan {background-color:#fff;}
        .products-menu.show {display:none;}
        .products-menu .mobile {display:block;border-right:1px solid #4b4b4b;border-left:1px solid #4b4b4b;}
        .products-menu .grey {border-right:1px solid #d4d4d4;border-left:1px solid #d4d4d4;}
        .container .one-third.column.block {width:76.19%;margin:0 11.905%;}
        .row.cyan.border-bottom-grey {border:none;margin-bottom:48px;}
    }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) 
	{
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) 
	{
	    .container .one-third.image img {border-bottom:2px solid #4b4b4b;}
	    .container .one-third.column.block {width:80%;margin:0 10%;}
	}