@charset "UTF-8";
/* CSS Document */

.contain-to-grid {
	background-color:#FFF;
	padding-top:5px;
	height:55px;
	}

.title-area {
	padding-left:15px;
	}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.125rem;
	font-weight:700;
	color:#3c3c3c;
	line-height:1.2;
	}
h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#3c3c3c;
	font-size:2rem;
    margin-bottom: 1rem;
	}
.work h2 {
	line-height:1.5rem;
	}

@media only screen and (min-width: 40.063em){
    h3 {
    font-size: 1.2rem;
}
}

.top-bar .name {margin-top:-4px;}
	
.occupation {
	font-size:0.75rem;
	font-weight:400;
	color:#333;
	text-transform:uppercase;
}
	
.bold {
	font-weight:600;
	color:#32314d;
	font-size:1rem;
}

.row:before {
display: block;
content: " ";
height: 60px;
visibility: hidden;
}

.white {background-color:#FFFFFF;}


.top-bar-section ul {
	list-style-type:none;
}

.intro {
 	/*background-image:url(../img/footer_lodyas.png);*/
    background-attachment: fixed;
  margin-top:0px;
  padding-bottom:1rem;
        }

.intro p {color:#3c3c3c;}


/*TOP BAR COLOURING*/

.top-bar {
    background: #FFFFFF;
		color:#293555;
		}


.top-bar-section li a:not(.button) {
    background: #FFFFFF !important;
		color:#333;  
}

.top-bar-section ul li.active > a {
    background: #ffe085 !important;
	color:#000;
}
.top-bar-section ul li.active > a:hover {
    background: #ffe085 !important; 
	color:#000; 
}

.top-bar-section ul li:hover:not(.has-form) > a {
      color:#c00; }

.top-bar .toggle-topbar.menu-icon {
      top: 50%;
      margin-top: -16px; }
      .top-bar .toggle-topbar.menu-icon a {
        height: 34px;
        line-height: 33px;
        padding: 0 40px 0 15px;
        color: #293555;
        position: relative; }
        .top-bar .toggle-topbar.menu-icon a span::after {
          content: "";
          position: absolute;
          display: block;
          height: 0;
          top: 50%;
          margin-top: -8px;
          right: 15px;
          box-shadow: 0 0px 0 1px #293555, 0 7px 0 1px #293555, 0 14px 0 1px #293555;
          width: 16px; }
        .top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0px 0 1px #293555, 0 7px 0 1px #293555, 0 14px 0 1px #293555; }
	li.name.hide-for-medium-up {
		background:#FFFFFF}
		
.top-bar.expanded .title-area {
background: #fff; 
}

.coverImage {
	height:200px;
	margin-bottom:10px;
	}

.portfolio, .portfolio2 {
	text-align:center;
	color:#3c3c3c;
	font-size:.75rem;
	line-height:1.25rem;}

.row.portfolio2:before {
	height:60px;}
.work img {
	padding-bottom:20px;}

.work p {
	font-size:0.875rem;
	line-height:1.25rem;}

.work h2 {
		color:#3c3c3c;
		}
.work ul {
	font-size:0.875rem;}

.row.work:before {
height:0px;}

.grey {
	background-color:#CFD8DC;
	padding-bottom:2rem;}
	
.footer:before{
	height:1rem;}

.footer {
	height: 3rem;
	text-align:center;
	font-size:0.875rem;}