@media (min-width: 1920px) {
	#main-container {
		width: calc(100% - 40px);
		max-width: 1600px;
	}
	.story-title {
		font-size:51px;
		line-height:61px;
	}
	.story-description p {
		font-size:21px;
		line-height:25px;
	}
	#cookie-consent {
		width: 73%;
	}
	
}

@media only screen and (max-width: 1600px) {
	#cookie-consent {
		width: 85%;
	}
	
	.testimonial__text * {
		font-size: 40px;
		font-weight: 152;
		line-height: 55px;
	}
}
@media only screen and (max-width: 1060px) {
	
	/*
	* MISC
	*/
		#main-container {
            width:calc(100% - 40px);
		}
		.container--block { margin: 0px; padding:0; }
			.image_text--right { flex-flow: column; }
			/* .container--block  .img-fluid { margin-bottom: 10px; } */

		.col-12 { padding:5px; }
		.story-info.col-lg-7 { width: 100%;}
		.paragraph * {
		    font-weight: 100;
            line-height: 25px;
            font-size: 21px;
			/*padding: 5px;*/
			/*margin-top: 15px;*/
		}
		.paragraph a {
			text-decoration: underline;
		}
		.related-link {
			max-width: 335px;
		}
		
	/*
	* Header and navigation
	*/
		#main-navigation.navbar {
			display: block;
			height: 50px;
			/*transition: justify-content 0.3s linear;*/
		}
			#logo {
				float: left;
				width: auto;
				transition: opacity 0.20s linear;
				-webkit-transition: opacity 0.20s linear;
				-moz-transition: opacity 0.20s linear;
				-ms-transition: opacity 0.20s linear;
				-o-transition: opacity 0.20s linear;
			}
			    #logo-image {
			        height:24px;
			        margin-left:20px;
					margin-top: 8px;
			    }
			#toggle-navbar {
				display: block;
				float: right;
				margin-right: 20px;
				margin-top: 5px;
				padding:0px;
				font-size: 1.5em;
				color: var(--primary-dark);
				background-color: transparent;
				border: none;
				transition: margin-right 0.3s linear;
				-webkit-transition: margin-right 0.3s linear;
				-moz-transition: margin-right 0.3s linear;
				-ms-transition: margin-right 0.3s linear;
				-o-transition: margin-right 0.3s linear;
			}
			.container--inverted #toggle-navbar { color: var(--primary); }
				.toggle-navbar__icon {
					width: 30px;
					/* height: 25px; */
					color: var(--primary-dark);
					margin-top:8px;
				}
				
				.container--inverted .toggle-navbar__icon { filter: invert(100%) }
				#icon--bars {
					display: block;
				}
				#icon--times {
					/* display: none; */
					visibility: hidden;
					position: fixed;
					top: 4px;
					width: 27px;
					right: 20px;
					transition: right 0.3s linear;
					-webkit-transition: right 0.3s linear;
					-moz-transition: right 0.3s linear;
					-ms-transition: right 0.3s linear;
					-o-transition: right 0.3s linear;
				}
			.header__spacer {
				display: none;
			}
			#navbar {
				position: fixed;
				top: 0;
				right: -70%;
				width: 70%;
				height: 100%;
				background: var(--primary);
				transition: right 0.3s linear;
				-webkit-transition: right 0.3s linear;
				-moz-transition: right 0.3s linear;
				-ms-transition: right 0.3s linear;
				-o-transition: right 0.3s linear;
			}
			.container--inverted #navbar { background: var(--primary-dark); }
			#navbar.displayed { right: 0%; }
				#navbar__spacer {
					display: block;
					height: 100px;
				}
				.navbar-nav .nav-link { padding-left: 15%; }
				.nav-link--header {
					font-size: 1.5em;
					line-height: 29px;
					padding:10px 0;
				}

				.navbar-expand-lg .navbar-nav {
					display: flex;
					flex-direction: column;
					padding-left: 0;
					margin-bottom: 0;
					list-style: none;
				}
				.navbar-expand-lg .navbar-nav .nav-link--header {
					padding-left: 15%;
				}
	/*
	* Homepage
	*/
		.carousel-nav__button {
			width:45%;
			font-size:70px;
			opacity: 1;
			padding-left:0;
			padding-right:0;
		}
			.carousel-arrow {
				width: 65px;
			}
	/*
	* Works page
	*/
    #main-container.main-container--works {
        padding: 0 22px;
    }
		#filters {
		    margin-top:15px;
		    margin-bottom: 5px;
		    
		}
			.nav-link--filter {
				height: auto;
				line-height:17px;
			}
			
		#works-container {
		    margin-top:20px;
		    padding-bottom:70px;
		    padding-left:20px;
		    padding-right:20px;
		}
			.project {
				height: auto;
				overflow:hidden;
			}
			.project.my-2 { margin-top: 0.5rem!important; }
    			.project-img {
    			    height:100%;
    			    width:auto;
    			}
    			.project-img .img-fluid {
    			    height:auto;
    			    width:100%;
    			}
    			.image-container {
    			    height:auto;
    			}
    			/*.project-img--static { display:none; }*/
    			/*.project-img--dynamic { display:block; }*/
    			.project-name-container {
					visibility: visible;
    				opacity: 1;
    				margin: 0px;
					font-size: 17px;
					height:auto;
    				/*padding: 0;*/
    				display: flex;
    			}
    			
    			
	/*
	* Single project page
	*/
        #main-container.main-container--project {
            padding:0 8px;
        }
		#title-image-container {
			height: 50vh;
		}
			#title-image {
				width:100%;
				height:100%;
				object-fit: cover;
				object-position: center;
			}
		#project-info {
		    padding-bottom:0;
			padding-top:15px;
		}
    		#project-info .row {
    			flex-direction: column-reverse;
    		}
			#project-title, #project-title p {
				font-size: 2em;
				line-height: 37px;
				padding-bottom: 15px;
				margin-top: 9px;
			}
			     #project-title p {
					font-size:1em;
					padding-bottom:0;
					margin-top: 0px;
			     }
			#project-description {
				width:100%;
				text-align: left;
				line-height:19px;
				margin:10px 0;
				font-size: 16px;
			}
			#project-filters { margin-top: 0;}
    			.project-filter {
    				text-align: left;
    				font-size: 10px;
    				line-height:12px;
    		        padding:3px 0;
    				font-weight: var(--medium);
					text-decoration: underline;
    			}
		
		#read-story-link {
			width:100%;
			margin: 20px auto 30px auto;
			text-decoration: underline;
		}
		#contact-info {
			padding: 80px 0;
		}
			#contact-info .row { width: 100%; }
			.ci-h2 {
				line-height: 36px;
			    /*font-size: 35px;*/
			    font-size:2em;
			    text-align:center;
			    margin-top:-20px;
			}
			.ci-h3 {
			    font-size:1em;
			    margin-top:0;
				text-decoration: underline;
			}

            .related-heading {
			    font-size:2em;
			    margin-bottom:15px;
				margin-left: -10px;
			}
			.related-projects-container {
			    margin-top: 50px;
			    padding:7.5px;
				padding-bottom:30px;
			}
			.project--related.px-3 {
			    padding-right: 0.2rem!important;
			    padding-left: 0.2rem!important;
			    padding-bottom:0;
			}
			.project--related.my-3 {
			    margin-top: 0.5rem!important;
                margin-bottom: 0rem!important;
			}
			    .project--related .image-container {
			        height:auto;
			        margin-bottom:2.5px;
			        overflow:hidden;
			    }
			    .project--related .project-name-container {
			         padding:0;
			         margin:0;
			         height:auto;
			    }
        			.project--related .project-name {
        			    font-size: 1.2em;
						margin-top:5px;
        			}
			
			
	/*
	* Stories page
	*/
    	#sotries-container {
    	    padding-top: 0;
    	    padding-bottom:100px;
    	}
        #main-container.main-container--stories {
            width: calc(100% - 26px);
			min-width: auto;
        }
    	.stories-filters#filters {
    	    margin-top:0;
    	    padding-top:15px;
    	}
    		.story {
    		    padding: 0px 0px;
    		    margin-top:90px;
    		}
			.story:first-child { margin-top: 10px;}
    		.story-image-container {
    			width: 100%;
    			margin: 10px 0;
    			padding:0;
    		}
    		.story-image {
    		    width:auto;
    		}
    		
    		.story-info {
    		    padding:0;
    		}
        		.story-date {
        		    font-size: 0.8em;
        		    margin-top:10px;
        		}
        		.story-title {
        		    font-size: 28px;
        		    line-height:30px;
        		}
        		.story-description p {
        		    margin-top:20px;
        		    font-size: 14px;
        		    line-height:17px;
        		    max-height:initial;
        		    padding-bottom:15px;
        		    margin-bottom:0;

					display: block !important;
					-webkit-line-clamp: none;
					-webkit-box-orient: initial;
        		}
        		.story-link {
					margin-top: 10px;
					font-size: 0.8em;
					text-decoration: underline;
				}
        #story-page-contacts {
            padding-top:85px;
            padding-bottom:100px;
        }
        #story-page-contacts .col { padding:0; }
        #story-page-contacts.row { margin:0!important }
	/*
	* Single story page
	*/
        #main-container.main-container--single-story {
            width: calc(100% - 40px);
			min-width: auto;
			padding: 0px 0px;
			margin-top:0px;
        }
    	#single-story-container {
    	    padding-top:50px;
    	}
			.container--sotries {
				max-width: 100%;
				padding: 30px;
			
			}
    	    #story-title {
    	        font-size:40px;
    	        margin-bottom:30px;
				line-height: 40px;
    	    }
    	        #story-title.story-formatted-title p { line-height: 45px; }
    	    #story-subtitle {
				font-size:18px;
				margin-bottom:0;
				line-height:23px;
			}
    	    #story-information {
    	        margin-top:20px;
    	    }
    	    .info-row {
    	        line-height:20px;
    	    }
    	    
    /*	    #single-story-container .container--block .paragraph p {*/
    /*	        font-size:16px;*/
				/*line-height: 19px;*/
    /*	    }*/
    	    .stories-blocks .container.container--block {
    	        padding-right: var(--bs-gutter-x,.75rem);
                padding-left: var(--bs-gutter-x,.75rem);
                line-height:19px;
    	    }
    	    #single-story-container .image--single {
    			width: 100%;
    			float: right;
    			margin: 20px auto;
    		}
    		
    	    #story-carousel {
    	        height:200px;
    	        margin:70px 0;
    	    }
    	    #carousel-inner {
    	        margin-left: 20px;
    	    }
				.carousel__image {
					width: calc(100% - 70px);
				}
    		#related-project-container {
    		    padding:0;
				width: 120%;
				margin-left: -10%;
    		}
        		#see-project-link {
        			width: 100%;
        			padding-top:0;
        			font-size: 1.3em;
        			padding-bottom:60px;
        		}
					.related-link-text { text-decoration: underline;}
        		
        	#contact-form-container #contact-info {
        	    padding:150px 0;
        	}
        	
    		
    		.container--story-info {
    		    min-height:165px;
    		}

    		.related-stories-container {
    			width:100%;
    			margin-top: 0px;
    			padding-bottom:70px
    		}
    		.related-stories-container .related-heading {
    		    padding-top:5px;
    		    margin-bottom:30px;
    		    font-size:2em;
    		}
    		
    		.story--related.px-2 {
    			padding-right: 1.25rem!important;
    		}
			.related-stories-container .container--story-info {
				padding-bottom: 5px;
			}

    		    .related-stories-container .story-title {
    		        font-size:28px;
					padding-bottom: 0px;
					line-height:1.2em;
				    margin-bottom: 9px;
    		    }
    		    .related-stories-container .story-subtitle {
    		        font-size:0.8em;
    		        line-height:17px;
					max-height: 70px;
                }
                .related-stories-container .read-more {
                    font-size:0.9em;
                    text-decoration:underline;
					font-weight: var(--light);
                }
	/* 
	* Studio Page
	*/
	    #main-container.main-container--studio {
	       padding-left:0px;
	       padding-right:0;
	       width:calc(100% - 54px);
	    }
		#studio-main-paragraph {
			margin: 50px 0;
			max-width: 100%;
			padding: 7px;
		}
		    #studio-main-paragraph h2 {
			    font-weight: 100;
                line-height: 25px;
                font-size: 21px;
		    }
			#studio-main-paragraph h3 {
				font-size: 10pt;
				line-height: 19px;
				margin-top:-20px;
			}
			#studio-main-paragraph a {
				display:inline-block;
				text-decoration: underline;
			}
			#studio-main-paragraph * {
				font-weight: 100;
				line-height: 25px;
				font-size: 21px;
			}
			#studio-main-paragraph h5, #studio-main-paragraph h5 a {font-size: 15px;}
			
		#colleagues {
			padding: 7px;
		    padding-bottom:30px;
		}
    		#heading--team, .heading--studio {
    			font-size: 2em;
				line-height: 36px;
    		}
    	    .colleague {
    	        margin-bottom:15px !important;
				width:100%;
				margin:auto;
    	    }
				.colleague-info {
					margin-top: 10px;
					margin-bottom: 40px;
				}
					.colleague-name {
						font-size: 16px;
						line-height: 22px;
					}
					.colleague-title, .colleague-link {
						font-size: 16px;
						line-height: 22px;
					}
					.colleague-link { text-decoration: underline;}
        #expandables {
            width: calc(100% - 40px);
        }
		#what-we-do, #what-we-did, #where-we-are {
			padding-top: 50px;
		}
			.studio-section {
				width: 99%;
				margin: auto;
			}
    		.studio-section__content {
    		    margin-top:25px;
				line-height: 22px;
				padding-left: 0px;
    		}
    			.studio-section__heading {
    				margin: 0;
    				font-size: 2em;
					line-height: 36px;
    			}
    			#what-we-did .studio-section__heading {
    			    padding-top:10px;
    			}
    			.expandable {
					margin-top: 0;
					height: 30px;
    				width:95%;
    				margin-bottom: 10px;
    			}
    			#what-we-did .expandable { width:70%;}
    				.expandable__title {
						text-decoration: underline;
						line-height: 35px;
    				}
    				.expandable__content {
    				    margin-top:15px;
    				}
						.expandable__content a { text-decoration: underline;}
    				#where-we-are .studio-section__content {
    				    margin-top:35px;
    				    font-weight:80;
    				    font-size:18px;
    				    line-height:24px;
    				    
    				}
					#where-we-are a[href^="tel"] {
						color: var(--primary);
						text-decoration: underline;
					}
					
					
        #about-contacts {
            /* padding:70px 0 70px 0; */
        }
        
        #heading--kind-words {
			padding:0 20px;
			margin:50px 0;
			font-size: 2em;
    		line-height: 36px;
		}
		#testimonials-wrapper .row,
		#testimonials-wrapper .col,
		#testimonials-wrapper .btn {
			padding: 0;
		}
		.testimonials__btn img { height: 20px;}
		#carousel__row { padding: 0;}
		.testimonial__text * {
			font-size: 1em;
			font-weight: 140;
			line-height: initial;
		}
		.testimonial__team {
			font-weight: 90;
			/* line-height: 25px; */
			font-size: 1em;
			margin: 10px 0;
			text-align: center;
		}
	/* Shop page */
		#main-products.main-container--products {
		}
			#collection-info {
				padding:0
			}
			#product-navigation {
				font-size: 0.8em;
				margin-top: 30px;
			}
				.product-nav-spacer {
					margin:0 8px;
				}
			#product-image {
				padding: 40px 50px;
				height: 400px;
			}
			#product-image-gallery {
				height: 120px;
			}
				.product-gallery__image {
					height: 90px;
				}
			#shop-button-container {
				flex-flow: column;
				row-gap: 1em;
			}
	/*Footer*/
		#footer {
			flex-grow: 1;
			padding:0px 0 5px 0;
			padding-bottom:15px;
		}
			#footer .spacer { display: block; }
			.footer-col {
			    font-size: 11px;
				padding-left:10px;
			}
			.footer-col.copyright {
				padding-right:20px;
			}
			    .link-footer {
					width: 100%;
					display: block;
					margin:5px 0
				}
				#ftr-copyright {
					margin-top:27px;
				}
			
	/* Privacy Policy */
		#main-container.main-container--privacy-policy {
			padding-left: 5px;
			padding-right: 5px;
		}
		#heading--privacy {
			font-size: 2em;
			line-height: 37px;
			padding-bottom: 15px;
			margin-top: 20px;
			margin-bottom: 0.5rem;
			margin-left: -5px;
		}

	#cookie-consent {
		width: 90%;
		flex-flow: column;
		column-gap: 10px;
		padding:10px;
	}
		#consent-text {
			width: 100%;
			margin-bottom: 20px;
		}
		    #consent-text a { text-decoration:underline;}
		#consent-buttons {
			width: 100%;
			flex-flow: column;
		}
			.consent-button {
				font-size: 1em;
			}
			#dismiss-cookies { display: none;}
}
@media only screen and (max-width: 850px) {
    .project {
        flex: 0 0 auto;
        width: 100%;
    }
}