.sansserif {
	font-family: var(--font-family);
	font-weight:400;
}
h1, h2, h3, h4, h5, h6 {
	color:currentColor;

	font-weight:300 !important;
	letter-spacing:0px;
	margin-bottom: 2.5rem;
}
.nomargin {
    margin-bottom: -0.9em !important;
    
}
strong, b {
	font-weight:500;
	color:currentColor;
}
.block-type-text strong {
    font-weight: 500 !important;    
}
h1 {
	font-size: 2.6em;
	line-height:1.25em;
}
h2 {
	font-size: 2.2em;
    line-height:1.25em;
}

h3 { /** Work **/
	font-size: 1.8em;
	line-height:1.35em;
	padding-top:0.1em;
}

h4 { 
	font-size: 1.6em;
    line-height:1.4em;
}
h5 { /** Homepage, Project **/
	font-size: 1.4em;
	line-height:1.45em;
}
h6 {
	font-size: 1.15em;
	line-height:1.5em;
}

.pg-text h6, .pg-text h5, .pg-text h4, .pg-text h3, .pg-text h2 {
    margin-bottom: 1em;
}

.container-full {
    padding-bottom:0em;
}
.block-text, .block-type-list {
	font-weight: 400;
	font-size: 1.1em; 
	letter-spacing:0;
	line-height:1.6em;
}
.block-text strong, .block-type-list strong {
	font-weight: 600;
}
.block-text a {
    color: var(--color-blue-medium);
    
}
.block-type-heading {
	margin-bottom: 1.5em;
}
.block-type-text {
	margin-bottom: 1.5em;
}
.block-type-image {
    
	margin-bottom: 1.5em;
}
.block-type-list {
	margin-bottom: 1.5em;
}
.block-type-gallery .column {
	margin-bottom: 1.5em; 
}
.block-type-line {
    margin-bottom: 1.5em; 
}
.margin-down {
    margin-bottom: 2em;
}
.margin-down-2 {
    margin-bottom: 2em;
}

#holder, #menu, .patty {
	font-size:15px;
	line-height:155%;
}

.larger {
    font-size: 1.3em;
    line-height: 150%;
}
.ttl-xxl {
    font-weight: 200;
	font-size: 2.35em;
    line-height:1.05em;
}
.ttl-xl {
    font-weight: 200;
	font-size: 2em;
    line-height:1.25em;
}
.ttl-l {
    font-weight: 300;
	font-size: 1.5em;
    line-height:1.25em;
}
.ttl-m {
    font-weight: 300;
	font-size: 1.5em;
    line-height:1.2em;
}
.ttl-r {
    font-weight: 300;
	font-size: 1.3em;
    line-height:1.2em;
}
.ttl-s {
    font-weight: 300;
	font-size: 0.95em;
    line-height:1.3em;
}


@media (min-width: 576px) {}
@media (min-width: 768px) {
    .ttl-l {
        font-weight: 300;
        font-size: 2em;
        line-height:1.25em;
    }    
    .ttl-xxl {
        font-size: 3.25em;
        line-height:1.25em;
    }
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}
@media (min-width: 1600px) {}
@media (min-width: 1800px) {}


.text {
    font-size: 16px;
}

@media all and (min-width: 768px) {
    .text {
        font-size: 16px;
    }
	.block-text, .block-type-list {
		font-size: 1.05em; 
        line-height:160%;
	}
	#holder, #menu, .patty {
		font-size:14px;
		line-height:150%;
	}
    h1 {
		font-size: 2.4em;
		line-height:1.25em;
	}
	h2 {
		font-size: 2.2em;
		line-height:1.25em;
	}
	h3 { /** Work **/
		font-size: 1.8em;
		line-height:1.2em;
	}  

}
@media all and (min-width: 992px) { 
	#holder, #menu, .patty {
		font-size:15px;
		line-height:155%;
	}
    h1 {
		font-size: 2.6em;
	}	
	h2 {
		font-size: 2.4em;
	}	
	h3 { /** Work **/
		font-size: 2em;
		line-height:1.2em;
	}
    .container-full {
        padding-bottom:1em;
    }
    .block-text, .block-type-list {

    }
    .block-type-heading {
        margin-bottom: 1.75em;
    }
    .block-type-text {
        margin-bottom: 1.75em;
    }
    .block-type-image {
        margin-bottom: 1.75em;
    }
    .block-type-list {
        margin-bottom: 1.75em;
    }
    .block-type-line {
        margin-bottom: 0; 
    }  
    .margin-down {
        margin-bottom: calc(var(--gutter-row)*0.6);
    }
    .margin-down-2 {
        margin-bottom: calc(var(--gutter-row)*1);
    } 

}
@media all and (min-width: 1200px) {
    .text {
        font-size: 16px;
    }
	#holder, #menu, .patty {
		font-size:16px;
		line-height:160%;
	}
    h1 {
        font-size: 2.9em;
        line-height:1.25em;
    }
	h2 {
		font-size: 2.6em;
		line-height:1.25em;
	}	
	h3 { /** Work **/
		font-size: 2.1em;
		line-height:1.2em;
	}

}
@media all and (min-width: 1400px) {
    .text {
        font-size: 18px;
    }
    .block-text, .block-type-list {
		font-size: 1.1em; 
        line-height:160%;
	}
}
@media all and (min-width: 1600px) {
    h1 {
        font-size: 3.2em;
        line-height:1.25em;
    }
	h2 {
		font-size: 2.6em;
		line-height:1.25em;
	}	
	h3 { /** Work **/
		font-size: 2.1em;
		line-height:1.2em;
	}
}

@media all and (min-width: 1800px) {
    
	#holder, #menu, .patty {
		font-size:17px;
		line-height:165%;
	}
    .container {
        max-width: 1500px;
    }    
}
@media all and (min-width: 2200px) {
	#holder, #menu, .patty {
		font-size:18px;
		line-height:165%;
	}
    .container {
        max-width: 1700px;
    }
}
@media all and (min-width: 2400px) {
    .text {
        font-size: 20px;
    }
	#holder, #menu, .patty {
		font-size:19px;
		line-height:165%;
	}
}


/* =====  CONTAINERS  ==================================================== */


.container {
    padding-left: 0;
    padding-right: 0;
}

.container .row {
    padding-left:1em;
    padding-right: 1em;
}

.pad-bottom-m {
	padding-bottom:var(--gutter-row);
}

.pad-top-m {
	padding-top:var(--gutter-row);
}

@media (min-width: 992px) {
    .pad-bottom-m, .pad-top-m {
        padding-top: 0;
        padding-bottom: 0;
    }
    .container .row {
        padding-left:1em;
        padding-right: 1em;
    } 
}
@media (min-width: 1200px) {
     .container .row {
        padding-left:0;
        padding-right: 0;
    }
    .container .row .text {

    }   
}

.side-address a {
    text-decoration: underline;
}

.font-alt {
	font-family: var(--font-family-alt);
    color: var(--color-white);
    letter-spacing: 0.5px !important;
}


@media all and (max-width: 767px) {
    #thought-each .segment-ttl {
        font-size: 0.9em;
        line-height: 130%;
    }
    #layout .column {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}