/* Font sizes */
.caption,
body.alt .similar-projects .caption{
	margin-top: 10px;
	font-size: 13px;
}
.nav li{
	font-size: 15px;
}
.menu-content{
	font-size: 26px;
}
body.project .body-text,
h2{
	font-size: 15px;
}
.alt-content h2{
	font-size: 30px;
}
h3.show-all{
	font-size: 25px;
}
table th{
	font-size: 18px;
}
table td{
	font-size: 20px;
}
.page-intro{
	font-size: 25px;
}
.person h3,
.person p{
	font-size: 16px;
}
h4,
.inter-heading h4{
	font-size: 30px;
}
.associated{
	font-size: 25px;
}
body.alt .body-text p{
	font-size: 28px;
}
body.alt-page .caption,
body.alt .caption{
	font-size: 20px;
}
body.news h2{
	font-size: 27px;
}
body.news .news-text{
	font-size: 18px;
}
body.news .news-text .rich-text p{
	font-size: 19px;
}
body.news .caption{
	font-size: 16px;
}
body.alt-page h2{
	font-size: 29px;
}
body.alt-page h3{
	font-size: 22px;
}
.buy{font-size: 18px;}
.small-body{font-size: 16px;}
.body-large{
	font-size: 23px;
	line-height: 1.3em;
}

/* Alt font-sizes */
.scrapbook-content h2{
	font-size: 35px;
}

/* Header */
.header-wrapper{
	max-width: 1300px;
	margin:0 40px;
}
.header{
	padding-top: 30px;
}
.nav li{
	padding-right:13px;
}
/* Logo elements */
.logo-elements .main,
.logo-elements .main-alt{
	width: 260px;
}
.alt-wrapper .header-wrapper,
.header-wrapper.logo{
	position: absolute;
	top:0;
	width: 100%;
}
/*.alt-wrapper .header-wrapper.fixed,*/
.cross.fixed{
	position: fixed;
	top:13px;
}
.cross-alt.fixed{
	position: fixed;
	top:9px;
}

/* Menu */
.menu-content{
	margin: 100px 0 0 40px;
}
.sub-menu{
	left: 200px;
	top:0;
}
/*.content{
	height: 2000px;
}*/

/* Menu alternative */
body.alt-page .nav li,
body.news .nav li,
body.alt .nav li{
	font-size: 18px;
	padding-right: 20px;
}
/* Navigation */
body.alt-page .menu-content,
body.alt .menu-content{
	font-size: 42px;
	margin:20px 0 0 25px;
}
body.alt-page .sub-menu,
body.alt .sub-menu{
	left:220px;
	top:8px;
}
body.alt-page .alt-wrapper .header-wrapper,
body.alt .alt-wrapper .header-wrapper{
	margin:0;
}


/* Layout */
.content-outer{
	margin:0 40px;
	padding-bottom: 80px;
}
.offset{
	padding-top: 330px;
	padding-bottom: 100px;
}
body.shop .offset{
	padding-top: 220px;
}
body.alt-page .offset{
	padding-top: 130px;
}
body.project .offset{
	padding-top: 0;
}
body.project .alt-wrapper .offset{
	padding-top: 330px;
}
body.news .offset{
	padding-top: 120px;
}
.each-element{
	padding-right: 120px;
}
.feature-block .each-element{
	padding-right: 70px;
}
.grid-elements .each-element{
	margin-bottom: 90px;
}
body.practice .each-element{
	padding-right: 70px;
}
.similar-projects .each-element{
	padding-right: 60px;
}
.video.grid-elements{
	margin-bottom: 100px;
}

#waypoint-one{
	position: absolute;
	bottom:0;
}
#waypoint-two{
	position: absolute;
	top:1px;
}
body.project .content-outer,
body.alt-page .content-outer,
body.home .content-outer{
	padding-bottom: 0;
}
.three-quarters.full-width,
.half.full-width{
	margin-right: 500px;
}


/* Project overview page, each sector */
.project-sector{
	margin-left: 60px;
}
/* Project overview page, alt content */
table{
	width: 100%;
}
.slideshow .view {
    height: 30px;
    width: 30px;
    top: 10px;
    left: 84px;
}
td a.tag{
	margin-right: 15px;
}
.feature-block{
	padding-bottom: 50px;
	padding-right: 100px;
}

/* Project page */
.each-element.project-intro{
	width: 100%;
	padding-right:295px;
}
.project-intro{
	padding-top:45px;
}
body.project h2{
	margin-bottom: 25px;
}
.similar-projects{
	margin-bottom: 70px;
}

/* Complex page */
body.practice .offset{
	padding-top: 70px;
}
.page-intro{
	max-width: 950px;
	/*padding-right:295px;*/
}
.person h3{
	margin-bottom: 15px;
}
.person img{
	margin-bottom: 20px;
}
.image-count{
	width: 75px;
	height: 48px;
	font-size: 31px;
}
h4{
	margin-bottom: 30px;
}
ul.submenu{
	margin-bottom: 15px;
}
.associated{
	float: left;
	margin-bottom: 30px;
}

/* news page */
body.news h2{
	margin-bottom: 100px;
	width:100%;
	max-width: 650px;
}
.news-text.date{
	margin-bottom: 100px;
}
.news-text .intro,
.block-body{
	margin-bottom: 40px;
}
.table-date{
	min-width: 110px;
}
.news-title{
	width: 100%;
	padding-right: 275px;
}
.table-author-name{
	margin-right: 15px;
}
.three-quarters.news-element{
	width: 100%;
}
.grid-elements .news-element{
	margin-bottom: 40px;
}
body.news .widget,
body.news-index .widget{
	display: block;
	margin-top: 25px;
	opacity: 0.8;
}

/* Project page grid */
.half{
	width: 50%;
}
.quarter{
	width: 25%;	
}
.third{
	width:33.33%;	
}
.three-quarters{
	width: 75%;
}
.similar-projects .quarter{
	width: 20%;
}
p.caption{
	max-width: 95%;	
}


/** SINGLE PRODUCT PAGE **/
.product__images{margin-bottom: 40px;}
.product__image{margin-bottom: 15px;}
.slide-count{font-size: 16px;}
.nav-left,
.nav-right{font-size: 18px;}
.product--half{width: 42%;}
.grid-elements .product--half{
	padding-right: 60px;
}
.link--grey,
.product__item--availability{font-size: 18px;}

/* BASKET */
#basket{
	font-size: 24px;
}
#basket a.checkout-button{
	font-size: 35px;
}
#basket p a{
	font-size: 24px;
}
.basket-container select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: #4cbb5e;
   border: 1px solid #000;
   width: 100%;
   padding: 5px 0 3px 10px;
   -webkit-border-radius: 0px;
   background: url(../img/down-arrow.png) right no-repeat;
   background-size: 44px auto;
}
.basket-container .each-basket-entry-row.total-checkout {
    font-size: 35px;
}
.basket-container .cart-count {
    width: 40px;
}
.basket-container .basket-inner {
    margin-top: 120px;
}
.basket-container .each-basket-entry .each-basket-entry-row {
    padding: 15px 0;
}
.basket-container .each-basket-entry-row.total-checkout {
    margin-top: 60px;
    padding-bottom: 0;
}
.basket-container .basket-inner {
    border: 33px solid #bdbdbd;
}


@media screen and (min-width: 992px) and (max-width:1500px){
	.each-element{
	    padding-right: 70px;
	}
}
@media screen and (min-width: 769px) and (max-width:1200px){
	body.practice .third{
		width:50%;
		padding-right: 50px;
	}
}
@media screen and (max-width:1050px){
	.table-author,
	.table-publication,
	.table-sector{
		display: none;
	}
	body.news .nav li, body.alt .nav li{
		font-size: 20px;
		padding-right: 18px;
	}
}

@media screen and (min-width: 769px) and (max-width:991px){
	.feature-block .each-element,
	.each-element{
	    padding-right: 40px;
	}
	.grid-elements .each-element {
	    margin-bottom: 70px;
	}
	.each-element.project-intro {
	    padding-right: 0;
	    padding-top: 300px;
	}
	.similar-projects .quarter{
		width: 25%;
	}
	.half.associated{
		width: 100%;
	}
}
@media screen and (max-width:1024px){
	body.alt-page .nav li, body.alt .nav li,
	body.news .nav li, body.alt .nav li{
		display: block;
		line-height: 1.4em;
	}

}

@media screen and (max-width:1200px){
	body.alt-page .offset {
	    padding-top: 330px;
	}

}


@media screen and (min-width: 690px) and (max-width:991px){
	.feature-block{
		padding-right: 280px;
	}
}	

@media screen and (min-width: 580px) and (max-width:689px){
	body.news .nav li, body.alt .nav li{
		font-size: 16px;
		padding-right: 15px;
	}
	body.alt-page .menu-content,
	body.alt .menu-content{
		font-size: 35px;
	}
	body.alt-page .sub-menu,
	body.alt .sub-menu {
	    left: 200px;
	}
}

@media screen and (min-width: 580px) and (max-width:768px){
	.body-large{
		font-size: 18px;
	}
	.each-element{
	    padding-right: 30px;
	}
	.grid-elements .each-element {
	    margin-bottom: 70px;
	}
	.third.body-text{
		width: 50%;
	}
	.table-type,
	.table-location{
		display: none;
	}
	body.practice .third{
		width:100%;
		padding-right: 0;
	}
	.project-sector {
	    margin-left: 20px;
	}
	.similar-projects .quarter{
		width: 33%;
	}
	.similar-projects .each-element {
	    padding-right: 45px;
	}
	body.alt-page .nav li, body.news .nav li, body.alt .nav li{
		font-size: 24px;
	}

	/*header and logo elements*/
	.header{
		padding-top: 25px;
	}
	.content-outer,
	.header-wrapper{
		margin:0 25px;
	}
	.logo-elements .main, .logo-elements .main-alt{
		width: 170px;
		padding-bottom: 9px;
	}
	.logo-elements .cross-alt, .logo-elements .cross {
	    width: 26px;
	}

	.each-element.project-intro {
		padding-right: 0;
	    padding-top: 280px;
	}

	/* Practice page */
	.page-intro {
	    font-size: 20px;
	}
	.half.associated{
		width: 100%;
	}
	/** Basket **/
	#basket p a,
	#basket{font-size: 18px;}
	#basket a.checkout-button,
	.basket-container .each-basket-entry-row.total-checkout {font-size: 35px;}
	.basket-container select {
		background-size: 43px auto;
	}

	/** PRODUCT PAGE **/
	.product--half{width: 50%;}
	.link--grey{font-size: 16px;}
	
	/* News pages */
	body.news h2{
		font-size: 25px;
		margin-bottom: 50px;
	}
	body.news .offset {
	    padding-top: 240px;
	}
	.news-text.date {
	    margin-bottom: 50px;
	}
	.news-title{
		padding-right: 0;
	}
	body.news-index .offset{
		padding-top: 270px;
	}
	.feature-block .each-element{
		padding-right: 60px;
	}
	.feature-block{
		padding-right: 0;
	}
	.feature-block .each-element.quarter{
		width: 50%;
	}
}