/*******************************************************************************************************************
**********************************************************************************************************************
**********************************************************************************************************************

RESPONSIVE ADJUSTMENTS

**********************************************************************************************************************
**********************************************************************************************************************
**********************************************************************************************************************/


@media only screen and (max-width: 1433px) {
/* Single Stories - Video */
.layout-video-block {
    position: relative;
    padding-top: 60px;
    margin-bottom: 100px;
}

#case-study section.layout-video-block .container:nth-of-type(1) {
    position: relative;
    padding-bottom: 0;
    padding: 0;
    padding-left: 60px;
    padding-right: 60px;
}

.video-button {
    left: calc(50% - 85px);
    top: calc(50% - 82px);
}

.layout-video-block.playing .video-button {
    position: absolute;
    left: calc(50% - 102px);
    }
    
    
    
video {
    position: relative;
    display: block;
    max-width: 1180px;
    width: calc(100% - 0px);
    }
    
    
    
.layout-video-block .container:after {
    width: calc(100% - 120px);
    margin: 0px auto;
    margin-bottom: 0px;

}

}/*** MEDIA MAX-Width 1280px */











@media only screen and (max-width: 1400px) {


/*** HERO */
.hero .visual.flex-element {
width: 50%;
}





}/*** MEDIA MAX-Width 1280px */













@media only screen and (min-width: 1350px) {

/** STORY GALLERY MAX_WIDTH PARAMETER */
#all-stories .container.story-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.slider div.content div {
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
}


}/*** MEDIA MIN-Width 1350px */












@media only screen and (min-width: 1100px) {

 .hero-secondary-page {
    height: 100vh;
}
 
 .hero .visual.flex-element {
    position: relative;
    overflow: hidden;
    width: 50%;
    min-height: calc(100vh - 150px);
}

}/*** MEDIA MIN-Width 1100px */











/*

@media only screen and (max-height: 700px)  {

.hero .visual.flex-element {
min-height: 100vh;
}



} MEDIA MAX-Height 700px */





@media only screen and (max-width: 1300px) {

/* Single Stories */
#case-study section .container:nth-of-type(1) {
    padding: 100px 60px;
    max-width: 1180px;
    margin: auto;
}




/* Single Stories -- Interview */

.script-container {
    /*width: 70%;*/
    display: inline-block;
    vertical-align: top;
    border-left: 0px solid transparent;

    background-color: white;
    padding: 35px 35px!important;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;

    display: block;
    width: calc(100% + 60px)!important;
}



.interview-title {
    width: 100%;
    margin-bottom: 60px;
    padding-right: 0;
}

.interview-image {
    min-height: 400px;
    max-width: 55%;
    display: inline-block;
    vertical-align: middle;
}

.interview-summary {
	margin-left: 60px;
	display: inline-block;
	width: calc(45% - 5px);
	vertical-align: middle;

}

.script-wrapper .script-labels {
width: 100%;
}





/* TEAM */
.team-gallery .container:nth-of-type(1) {
    padding: 0px 30px;
    padding-bottom: 30px;
}

.team-gallery .image-block.col_2 {
width: calc((100% / 2) - 15px);
}

.team-gallery .image-block.col_3 {
width: calc((100% / 3) - 15px);
}

.team-gallery .image-block.col_4 {
width: calc((100% / 4) - 15px);
}


} /* MEDIA Max-Width 1300px */
















@media only screen and (max-width: 1280px) {

	.quote_and_image p {
	font-weight: 700;
	font-size: 38px;
	line-height: 37px;
	}

}/*** MEDIA MAX-Width 1280px */





@media only screen and (max-width: 1200px) {

.hero .content.flex-element h1 {
font-size: 110px;
margin-bottom: 0px;
line-height: 115px;
}

.single-stories .hero .content.flex-element h1 {
    font-size: 42px;
    line-height: 40px;

}

.home .hero svg {
    width: calc(90% - 120px);
    margin: auto;
    margin-left: calc(5% + 60px);
}



}/*** MEDIA MAX-Width 1200px */




@media only screen and (max-width: 1130px) {

.quote_and_image p {
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
}

}/*** MEDIA MAX-Width 1130px */














@media only screen and (max-width: 1100px) {

section .container:nth-of-type(1) {
padding: 60px 30px;
}


}/*** MEDIA MAX-Width 1100px */
















@media only screen and (max-width: 1080px) {


/* BACK TO TOP BUTTON */
#back-to-top-button {
right: 0;
}


.hero .flex-element {
margin-top: 110px;
}


.hero .content.flex-element h1 {
font-size: 90px;
margin-bottom: 0px;
line-height: 100px;
}


.single-stories .hero .content.flex-element h1 {
font-size: 36px;
line-height: 38px;
margin-bottom: 15px;
}

.single-stories .hero .content.flex-element p {
margin-bottom: 0px;
}




.story-gallery .story.flex-element {
    /*width: calc((100% / 2) - 15px);*/
    width: calc((100% / 2) - 7.5px);
   /* border-radius: 10px;*/
    overflow: hidden;
}

.story .story-img {
    /* min-height: 100%; */
    min-height: 300px;
    }


h2 {
font-size: 26px;
line-height: 26px;
}


.call-to-action h2, .call-to-action a {
/*font-size: 34px;
line-height: 34px;*/
}

h6 {
letter-spacing: -.10px;
}



/** CTA BUTTON ****/
.call-to-action .flex-element .container {
padding: 90px 60px;
}

.call-to-action h6 {
margin-bottom: 20px;
}

a.cta-button:after {
width: 7px;
height: 7px;
border-radius: 7px;
right: -5px;
bottom: -2px;
}












/* Single Stories */
#case-study section .container:nth-of-type(1) {
padding: 90px 60px;
}


.interview-title {
width: 100%;
margin-bottom: 60px;
}

.script-container {
width: 100%;
border-left: 0px solid transparent;
padding-left: 0px;
}

#case-study section.layout-extensive_quote .container:nth-of-type(1) {
padding: 90px 60px;
padding-left: 60px!important;
}


/*.layout-quote .quote p {
    font-size: 56px;
    line-height: 55px;
}*/






/* Footer */
footer#contact .container:nth-of-type(1) {
    padding: 100px 35px;
}





}/*** MEDIA MAX-Width 1080px */


















@media only screen and (max-width: 1025px) {


#filters .flex-container {
    max-width: 815px;
    }
    
    #filters .flex-container .filter {
    margin-right: 15px;
    }


}/*** MEDIA MAX-Width 1025px */




























@media only screen and (max-width: 990px) {



.hero .content.flex-element h1 {
font-size: 90px;
margin-bottom: 0px;
line-height: 100px;
}

/*.single-stories .hero .content.flex-element h1 {
font-size: 36px;
line-height: 36px;
margin-bottom: 15px;
} */

.hero .content.flex-element p {
margin-bottom: 0px;
}

.hero a {
margin-top: 15px;
}










/*Single - Stories */
#development-specs .flex-container .flex-element {
width: calc((100% / 2) - 25px);
margin-bottom: 35px;
}

/* SINGLE COL IMG */
.image-block.one_column {
    width: 100%;
    height: 400px;
    min-height: 400px;
}

/* 2 COL IMG */
.image-block.two_columns {
    width: calc(50% - 10px);
}
/*
.image-block.two_columns div {
    height: 275px;
}*/


/* THANK YOU's */
#project-involvement ul {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 120px;
    -moz-column-gap: 120px;
    column-gap: 60px;
}



}/*** MEDIA MAX-Width 1080px */







@media only screen and (max-width: 1025px) {

#category-nav #filters .flex-container {
/*max-width: 678px;
display: block;*/
}

#category-nav #filters .flex-element {
display: inline-flex;
margin-bottom: 15px;
}

#filters .flex-container.space-between {
    -webkit-justify-content: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
}
	
	
}/*** MEDIA MAX-Width 980px */







@media only screen and (max-width: 900px) {





/* Hero */
.hero .visual.flex-element {
min-height: 650px;
}


.mission-statment p {
    padding: 30px 0px;
    text-align: center;
    display: inline-block;
    margin: auto;
    max-width: 800px;
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
}

	.hero-home.hero a{
		font-size: 15px;
		line-height: 18px;
	}



/******************************* 
	Single Stories  
*******************************/

/* 2 COL IMG */
.image-block.two_columns {
    width: calc(50% - 10px);
}

/*.image-block.two_columns div {
    height: 200px;
}*/




/** CTA BUTTON ****/
.call-to-action h2, .call-to-action a {
/*font-size: 26px;
line-height: 26px;*/
}

.call-to-action .flex-element .container {
padding: 90px 60px;
}

.call-to-action h6 {
margin-bottom: 20px;
}

.call-to-action h2, .call-to-action a {
    font-size: 3.5vw;
    line-height: 3.5vw;
}


a.cta-button:after {
width: 7px;
height: 7px;
border-radius: 7px;
right: -5px;
bottom: -3px;
}



/* Footer */
footer .footer-flex-container {
flex-wrap: wrap;
}

footer .footer-flex-element.footer-logo {
width: 100%;
margin-bottom: 60px;
}














/* Single Stories --  Quote --  Image */
.layout-quote_and_image {
width: calc(100%);
}

.layout-quote_and_image .quotation-marks svg {
width: 50px;
height: 50px;
}

.flex-element.stretch.quotation-marks {
display: block;
width: 100%;
margin-bottom: 15px;
}

.quoteImage {
width: 100%;
}

#case-study section.container:nth-of-type(1) {
padding: 60px 30px;
}

.layout-quote_and_image .quote {
    width: 65%;
    display: block;
}

.quoteImage {
    width: 35%;
}



/* Single Stories --  Quote -- No Image */
.layout-quote .flex-container {
width: 100%;
display: block;
}

.quotation-marks svg {
width: 50px;
height: 50px;
}

/*.quote p {
font-size: 36px;
line-height: 36px;
}*/

.quote .work-cited {
margin-top: 60px;
width: auto;
display: inline-block; 
}


/* Single Stories -- Extensive Quote -- No Image */
#case-study section.layout-extensive_quote .container:nth-of-type(1) {
padding: 60px 30px;
    padding-left: 30px!important;
    padding-top: 60px!important;
}

.flex-element.stretch.quotation-marks {
display: block;
width: 100%;
margin-bottom: 15px;
}

.layout-extensive_quote .extensive_quote {
width: calc(100%);
}






/* Single Stories -- Extensive Quote -- Image */
.layout-extensive_quote_and_image {
width: 100%;
}

.layout-extensive_quote_and_image .quote {
    width: 65%;
    display: block;
}

.extensive_quote_and_image p {
font-size: 14px;
line-height: 21px;	
}

section.layout-extensive_quote_and_image, section.layout-quote_and_image {
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}


section.layout-extensive_quote_and_image .quoteImage, section.layout-quote_and_image .quoteImage {
    padding: 0px 30px;
    padding-right: 0;
    border-top-right-radius: 0px;
}


section.layout-extensive_quote_and_image .quoteImage div, section.layout-quote_and_image .quoteImage div {
    border-radius: 32px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}




section.layout-quote_and_image .quote p {
    font-size: 24px;
    line-height: 25px;
}

section.layout-extensive_quote {
    border-radius: 32px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}










/* SIngle Stories 
.quote p {
font-size: 42px;
line-height: 43px;
}*/

.extensive_quote_and_image p {
    font-size: 14px;
    line-height: 21px;
}




/* SIngle Stories - Image Captions */
.image-caption-one-col {
	margin-left: 0;
}




/* SIngle Stories - Video */
.layout-video-block {
    position: relative;
    padding-top: 60px;
    margin-bottom: 100px;
}

#case-study section.layout-video-block .container:nth-of-type(1) {
    position: relative;
    padding-bottom: 0;
    padding: 0;
    padding-left: 60px;
    padding-right: 60px;
}

.video-button {
    left: calc(50% - 54px);
    top: calc(50% - 54px);
    
    font-size: 23px;
    line-height: 23px;
    
    padding: 35px 23px;
}

.layout-video-block.playing .video-button {
    position: absolute;
    left: calc(50% - 67px);
        top: calc(100% - 0px);

    }
    
    
    
video {
    position: relative;
    display: block;
    max-width: 1180px;
    width: calc(100% - 0px);
    }
    
    
    
.layout-video-block .container:after {
    width: calc(100% - 120px);
    margin: 0px auto;
    margin-bottom: 0px;

}




}/*** MEDIA MAX-Width 1080px */











@media only screen and (max-width: 877px) {

#category-nav.cycle-pager .flex-element {

margin-bottom: 15px;
}

#category-nav.cycle-pager .flex-container {
-webkit-justify-content: flex-start; 
-ms-flex-pack: start;
justify-content: flex-start;
}

.filter {
    /* padding: 10px 0px; */
    display: inline-block;
    /*border: .5px solid #15a9e21c;
    color: #15a9e294;*/
}

#filters .flex-container {
    background: transparent;
    }


}/*** MEDIA MAX-Width 1080px */


























@media only screen and (max-width: 850px) {



.hero .content.flex-element {
    position: absolute;
    width: 500px;
    z-index: 9;
    background: white;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    margin-top: 50px;
    margin-left: 30px;
}


.hero .visual.flex-element {
width: 80%;
margin-left: 20%;
}


/* STORIES GALLERY */
.story h3 {
    font-size: 28px;
    line-height: 32px;
    }





/* SIngle Stories */
#case-study section .container:nth-of-type(1) {
padding: 90px 60px;
}

.text-block.two_columns p {
display: block;
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}
.interview-script h6 {
width: 175px;
}
.interview-script p {
width: calc(100% - 175px);
}


.text-block h1, .text-block h2, .text-block h4, .text-block h5 {
    max-width: 100%;
}








/* QUOTE & Images */
	section.layout-extensive_quote_and_image {
		background-color: rgba(242, 243, 238, 0.75);
	}
		
	section.layout-extensive_quote_and_image .quoteImage, section.layout-quote_and_image .quoteImage {
	    padding: 0px 30px;
	    padding-right: 0;
	    border-top-right-radius: 0px;
	}
	
	section.layout-extensive_quote_and_image .quoteImage div, section.layout-quote_and_image .quoteImage div {
	    border-radius: 32px;

	}
	
	.quoteImage div {
	    min-height: 300px;
	    height: 300px;
	    margin: auto;
	}





}/*** MEDIA MAX-Width 850px */












@media only screen and (max-width: 800px) {
	
	


/* Single Stories -- Image Blocks */	
.layout-image-block .container {
padding-left: 0!important;
padding-right: 0!important;
}


/* Single Stories -- Single Image */
.image-caption-one-col {
margin-left: 0; 
padding-left: 30px!important;
padding-right: 30px!important;
max-width: unset;
}
.image-block.one_column {
width: 100%;
height: 400px; 
min-height: 400px;
}

.image-caption-one-col:before, .image-caption-two-col:before {   
    width: calc(100% + 60px);
    margin-left: -30px;
}


/* Single Stories -- 2 Col Image Blocks */
.layout-image-block .image-block.two_columns:nth-child(1) {
    margin-left: 30px;
}
.layout-image-block .image-block.two_columns:nth-child(2) {
    margin-right: 30px;
}


/*.image-block.two_columns div {
    height: 400px;
}*/

.image-block.two_columns:nth-child(1) {
margin-bottom: 6px;
}

.image-caption-two-col {
height: auto!important;
margin-bottom: 0px;
margin-top: 0px;
/*padding-left: 30px!important;
padding-right: 30px!important;*/
}


.image-block.two_columns {
	/* width: calc(100% - 60px); */
	    width: calc(50% - 35px);
}

.image-caption-two-col:before {
    width: calc(100% + 0px);
    margin-left: auto;
}

.image-caption-two-col {
    padding-left: 0px!important;
    padding-right: 0px!important;

}

.home .hero svg {
    width: calc(100% - 120px);
    margin: auto;
    margin-left: calc(60px);
}

.mission-statment {
    position: absolute;
    width: calc(100% - 120px);
    bottom: 60px;
    border-top: solid .5px rgba(100,100,100, .35);
    margin: auto;
    /* margin-left: 10%; */
    display: block;
    text-align: center;
}


.mission-statment p {
    padding: 30px 0px;
    text-align: center;
    display: inline-block;
    margin: auto;
    /* width: 800px; */
    position: relative;
    font-weight: 300;
    display: block;
}


















}/*** MEDIA MAX-Width 800px */














@media only screen and (max-width: 780px) {


.hero .content.flex-element {
	margin-left: 30px;
	text-align: left;
}










.story-gallery .story.flex-element {
width: 100%;
margin-bottom: 35px;
}

.story .story-img {
    min-height: 250px;
}


}/*** MEDIA MAX-Width 1080px */




@media only screen and (max-width: 700px) {


.call-to-action .flex-container {
width: 100%;
flex-wrap: wrap; 
}	


.interview-image {
    min-height: 400px;
    max-width: calc(100% + 60px);
    width: calc(100% + 60px);
    display: block;
    margin-top: 0px;
    margin-left: -60px!important;
    }
    
  
.interview-summary {
    width: 100%;
    margin-left: 0px;
    margin-top: 30px;
}


.script-container {

    width: calc(100% + 60px)!important;
}


.call-to-action h2, .call-to-action a {
    font-size: 5.35vw;
    line-height: 5.35vw;
}


a.cta-button:after {
    right: 3px;
    bottom: -3px;
}

.call-to-action .flex-element:hover a.cta-button:after {
width: calc(100% + -2px);
}

a.cta-button:after {
right: 3px;
bottom: -3px;
}


}/*** MEDIA MAX-Width 1080px */
























@media only screen and (max-width: 675px) {


	/*footer .footer-flex-element {
	width: 100%;
	margin-bottom: 60px;
	
	}	*/
	
	
	
	/****  Single - Stories */
	#development-specs .flex-container .flex-element {
	width: 100%;
	margin-bottom: 35px;
	}
	
	
	
	
	
	/* QUOTE & Images */
	section.layout-extensive_quote_and_image {
		background-color: rgba(242, 243, 238, 0.75);
	}
		
	section.layout-extensive_quote_and_image .quoteImage, section.layout-quote_and_image .quoteImage {
	    padding: 0px 30px;
	    padding-right: 0;
	    border-top-right-radius: 0px;
	}
	
	section.layout-extensive_quote_and_image .quoteImage div, section.layout-quote_and_image .quoteImage div {
	    border-radius: 32px;

	}
	
	.quoteImage div {
	    min-height: 300px;
	    height: 300px;
	    margin: auto;
	}
		


#project-involvement ul {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
}



}/*** MEDIA MAX-Width 675px */



















@media only screen and (max-width: 600px) {



/*** Remove Mobile Navigation */
.desktop-menu {
display: none;
}

nav.mobile-nav  {
display: block; 
}


/*** MOBILE MENU */
body.menu-open nav.mobile-nav .menu-content {
/*width: 100%;*/

transition: width .15s cubic-bezier(0.2, 0, 0, 1);
-webkit-transition: width .15s cubic-bezier(0.2, 0, 0, 1);
}


nav.mobile-nav .menu-content .flex-container {
/* position: fixed; */
height: 100%;
width: 50%;
position: absolute;
}


nav.mobile-nav .menu-content {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: unset;
overflow: hidden;

width: 0%;
height: 100%;
background-color: black;
z-index: -1;

color: #ebe6da;

transition: width .15s cubic-bezier(0.2, 0, 0, 1);
-webkit-transition: width .15s cubic-bezier(0.2, 0, 0, 1);
}

nav.mobile-nav .menu-content .flex-container, nav.mobile-nav .menu-content .flex-container .flex-element, nav.mobile-nav .menu-content #menu-mobile-menu {
width: 100%;
}

nav.mobile-nav .menu-content li {
    text-align: center;
    margin-bottom: 15px;
}


nav.mobile-nav #menu-mobile-menu a em {
    transform: translate3d(0, 15px, 0);
    display: block;
    transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0s;
    font-family: 'poynter-oldstyle-display', serif;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0px;
    font-size: 54px;
    line-height: 50px;
}

nav.mobile-nav #menu-mobile-menu a:after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: white;
    border-radius: 4px;
    display: block;
    margin-right: 0;
    right: -4px;
    bottom: -3px;
    position: absolute;
    transition: width .15s cubic-bezier(0.52,0.01,0.16,1);
    -webkit-transition: width .15s cubic-bezier(0.52,0.01,0.16,1);
}




/* Navigation */
nav .wrapper, nav.scrolled .wrapper{
padding: 0px;
padding-right: 15px;
}

nav.scrolled .nav-logo {
margin-top: 0px;
}

.mobile-nav .nav-flex-container, nav.scrolled .mobile-nav .nav-flex-container {
height: 78px;
}








/* Mobile - Menu */


nav.mobile-nav .nav-logo {
padding: 0px;
width: 150px;
margin-right: 0;
margin-left: auto;
margin-top: 8px;
/*width: 100%;*/
}





nav.mobile-nav .wrapper.nav-flex-container {
padding-right: 0;
    width: 100%;
}







 .mobile-nav.scrolled  nav.mobile-nav .nav-logo  {
margin-top: 0px;

transition: width .15s ease-in-out, padding .15s ease-in-out, margin-top .15s ease-in-out;
-webkit-transition: width .15s ease-in-out, padding .15s ease-in-out, margin-top .15s ease-in-out;
}


.mobile-nav .nav-logo .logo svg {
width: 120px;
transition: width .15s ease-in-out, padding .15s ease-in-out, margin-top .15s ease-in-out;
-webkit-transition: width .15s ease-in-out, padding .15s ease-in-out, margin-top .15s ease-in-out;
}


 .mobile-nav.scrolled  .nav-logo .logo svg {
    width: 100px;
    
transition: width .15s ease-in-out, padding .15s ease-in-out, margin-top .15s ease-in-out;
-webkit-transition: width .15s ease-in-out, padding .15s ease-in-out, margin-top .15s ease-in-out;
}

.mobile-nav.scrolled .nav-logo {
    padding: 25px;
transition: width .15s ease-in-out, padding .15s ease-in-out, margin-top .15s ease-in-out;
-webkit-transition: width .15s ease-in-out, padding .15s ease-in-out, margin-top .15s ease-in-out;
}







body.open-menu nav.mobile-nav .icon .hamburger .menu {
background: black;
}

body.open-menu nav.mobile-nav .icon .hamburger {
background: white;

}











body.open-menu nav.mobile-nav .logoUnderline {
/*fill: #15a9e2!important;*/
}


body.page-template-page-team.open-menu .nav-logo .logo svg path:not(.logoUnderline) {
fill: white!important;
}

nav.mobile-nav {
width: calc(100%);
/*width: 250px;*/

transition: width .15s ease-in-out;
-webkit-transition: width .15s ease-in-out;
}




 nav.scrolled.mobile-nav {
height: auto;
width: 250px;
border-bottom-right-radius: 32px;
/* border: red solid 1px; */

transition: width .15s ease-in-out;
-webkit-transition: width .15s ease-in-out;
}


nav.scrolled .nav-flex-container {
height: 78px; 
}


nav.mobile-nav .wrapper {
    border-bottom-right-radius: 0px;
    transition: border .15s ease-in-out;
-webkit-transition: border .15s ease-in-out;
}

nav.scrolled.mobile-nav .wrapper {
    border-bottom-right-radius: 32px;
        transition: border .15s ease-in-out;
-webkit-transition: border .15s ease-in-out;
}





nav.mobile-nav .icon {
position: relative;
padding: 0;
margin-top: 0px;
width: 100px;
}

nav.mobile-nav .icon h5 {
display: inline-block;
vertical-align: middle;

color: #bf9b5f;

font-family: 'Verlag';
font-weight: bold;
text-transform: uppercase;

font-size: 10px;
letter-spacing: 2px;
}

nav.mobile-nav .icon .hamburger {
display: inline-block;
vertical-align: middle;
background-color: black;
width: 100px;
/*height: auto;*/
height: 78px;
padding: 25px;
/*border-bottom-right-radius: 30px;*/
}


nav.mobile-nav .icon .hamburger .menu {
display: block;
height: 3px;
width: 100%;
background: white;
margin: 5px 0px;
border-radius: 3px;

transition: width .15s ease-in-out;
-webkit-transition: width .15s ease-in-out;
}

nav.mobile-nav .icon .menu.top-bar{
margin-left: 0;
/*margin-right: 0;*/
}

nav.mobile-nav .icon .menu.mid-bar{
margin-left: 0;
margin-right: auto;
}

nav.mobile-nav .icon .menu.bottom-bar{
margin-left: 0;
margin-right: auto;
width: 50%;
}

nav.mobile-nav .icon:hover .menu.bottom-bar {
width: 100%;
transition: width .15s ease-in-out;
-webkit-transition: width .15s ease-in-out;
}










.home .hero svg {
    width: calc(100% - 60px);
    margin: auto;
    margin-left: calc(30px);
}





/* Hero */


.hero {
border-bottom-right-radius: 32px;
border-bottom-left-radius: 32px;
}

.hero-secondary-page {
height: 300px;
}

.hero .visual.flex-element {
display: none;
}

.hero .content.flex-element {
position: relative;
width: 100%;
background-color: transparent;
padding: 25px;
margin-top: 80px;
margin-bottom: 60px;
margin-left: 0px
}

.hero .content.flex-element div {
margin-top: 36px!important;
}

.hero .content.flex-element p, .hero .content.flex-element h2, .hero .content.flex-element h6, .hero .content.flex-element a {
display: none;
}

body.single-stories .hero .content.flex-element h6 {
display: block;
color: white; 
}

body.single-stories .hero .content.flex-element a {
width: auto;
display: inline-block;
color: white;
}



body.single-stories .hero .content.flex-element a:after {
background-color: white!important;
}



.hero .content.flex-element h1 {
color: white!important;
font-size: 48px;
margin-bottom: 0px;
line-height: 48px;
}

body.page-template-page-team .hero .content.flex-element h1, body.page-template-page-team .hero .content.flex-element h2 {
color: black!important;
margin-bottom: 15px;
}


body.page-template-page-team .hero .content.flex-element p,  body.page-template-page-team .hero .content.flex-element h2 {
display: block;
}

body.page-template-page-team .hero .content.flex-element a {
width: auto;
display: inline-block;
}


body.page-template-page-team .hero.hero-secondary-page {
height: 100%;
}




#grid .grid-item:first-child {
display: grid!important;
}











/* Single Story Hero  */


body.single-stories .hero-secondary-page {
height: 500px;
overflow: hidden;
}



body.single-stories .hero.hero-secondary-page .visual.flex-element {
width: 100%;
margin-left: 0;
display: block;
position: absolute;
opacity: .5;
min-height: 100%;
margin-top: 0;
}

body.single-stories .hero.hero-secondary-page .visual.flex-element .hero-image {
border-top-left-radius: 0;
}



body.single-stories .hero.hero-secondary-page .content.flex-element h1, .single-stories .hero.hero-secondary-page .content.flex-element h2, .single-stories .hero.hero-secondary-page .content.flex-element p {
color: white!important;
}

body.single-stories #case-study {
border-top-right-radius: 32px;
border-top-left-radius: 32px;
margin-top: -50px;
background: white;
z-index: 1;
position: relative;
}



body.single-stories .hero.hero-secondary-page {
background-color: black!important;
}

body.single-stories .hero.hero-secondary-page .flex-container {
height: 100%;
}

body.single-stories .hero.hero-secondary-page .content.flex-element, body.single-stories .hero.hero-secondary-page .content.flex-element div{
margin-top: 30px!important;
}

body.single-stories .hero.hero-secondary-page .content.flex-element h1 {
text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
}




/* Single Stories -- Text Block */
#case-study section.container:nth-of-type(1) {
padding: 60px 30px;
}




/* Single Stories -- 2 Col IMG Block */

/*.image-block.two_columns div {
    height: 300px;
}*/



/* Single Stories --  Quote --  Image */
.layout-quote_and_image {
width: calc(100%);
}

.layout-quote_and_image .quotation-marks svg {
width: 50px;
height: 50px;
}

.flex-element.stretch.quotation-marks {
display: block;
width: 100%;
margin-bottom: 15px;
}

.quoteImage {
width: 100%;
}

#case-study section.container:nth-of-type(1) {
padding: 60px 30px;
}

.layout-quote_and_image .quote {
width: 100%;
display: block;
}

.quoteImage {
width: 300px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
border-radius: 32px;
}










section.layout-extensive_quote_and_image, section.layout-quote_and_image {
    background-color: white; 
}

section.layout-extensive_quote_and_image .quoteImage, section.layout-quote_and_image .quoteImage {
    width: calc(100% - 60px);
    height: 500px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 32px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
        padding: 0px 0px;
}

section.layout-extensive_quote_and_image .quoteImage div, section.layout-quote_and_image .quoteImage div {
    min-height: 100%;
    height: 100%;
        border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    }


section.layout-extensive_quote_and_image .container.quote, section.layout-quote_and_image .container.quote {
    margin: auto!important;
    padding: 60px 30px;
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
    width: calc(100% - 60px);
}

section.layout-extensive_quote_and_image .quote, section.layout-quote_and_image .quote {
width: calc(100% - 60px);
}


#case-study section.layout-extensive_quote .container:nth-of-type(1) {
    padding: 60px 60px!important;
}




/* Single Stories --  Quote -- No Image */
.layout-quote .flex-container {
width: 100%;
display: block;
}

.quotation-marks svg {
width: 50px;
height: 50px;
}

/*.quote p {
font-size: 36px;
line-height: 36px;
}*/

.quote .work-cited {
margin-top: 60px;
width: auto;
display: inline-block; 
}


/* Single Stories -- Extensive Quote -- No Image */
#case-study section.layout-extensive_quote .container:nth-of-type(1) {
padding: 60px 60px;
padding-top: 40px!important;
}

.flex-element.stretch.quotation-marks {
display: block;
width: 100%;
margin-bottom: 15px;
}

section.layout-extensive_quote {
    width: calc(100% - 30px);
    margin-right: 0;
    margin-left: 30px;
    border-radius: 32px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}







/* Single Stories -- Extensive Quote -- Image */
.layout-extensive_quote_and_image {
width: 100%;
}

.layout-extensive_quote_and_image .quote {
width: 100%;
display: block;
}

.extensive_quote_and_image p {
font-size: 14px;
line-height: 21px;	
}

















/* Single Stories -- Interview Script */

#case-study section .container:nth-of-type(1) {
padding: 60px 30px;
}

.interview-title {
margin-bottom: 30px;
padding-right: 0px;
}

.script-labels {
display: none;
}

.interview-script p {
width: 100%;
}

.interview-script h6, .interview-script p {
display: block;
/*color: white;*/
}

.interview-script .script-wrapper .flex-container {
    padding-bottom: 30px;
}

.interview-script h6 {
    color: black;
    margin-bottom: 15px;
    }


.interview-image {

    max-width: calc(100% + 30px);
    width: calc(100% + 30px);


    margin-left: -30px!important;
    }

.script-container {

    width: calc(100% + 30px)!important;
}





/* Single Stories -- Video */

.layout-video-block {
position: relative;
margin-bottom: 100px;
}

.layout-video-block .container {
padding: 0px!important;
}



video {
position: relative;
display: block;
max-width: 1180px;
width: 100%;
height: auto;
box-sizing: border-box;
margin: 0 auto;
}

.video-button {
position: absolute;
left: calc(50% - 54px);
top: calc(50% - 54px);
font-family: 'poynter-oldstyle-display', serif;
font-weight: 700;
font-size: 23px;
line-height: 23px;
letter-spacing: 2px;
border: 5px solid;
width: auto;
display: inline-block;
padding: 35px 23px;
border-radius: 100%;
text-align: center;
cursor: pointer;
transition: top .45s cubic-bezier(0.52,0.01,0.16,1), border .1s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: top .45s cubic-bezier(0.52,0.01,0.16,1), border .1s cubic-bezier(0.52,0.01,0.16,1);
}

.layout-video-block .container:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: calc(100%);
max-width: 1180px;
height: auto;
display: block;
background: black;
z-index: -1;
margin: 0px 0;
margin-bottom: 0px;
transition: opacity .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: opacity .45s cubic-bezier(0.52,0.01,0.16,1);
}



.layout-video-block.playing .video-button {
top: calc(100% - 0px);
left: calc(50% - 67px);
}





























/* STORIES GALLERY */
#category-nav {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0px;
    background: white;
    z-index: 999;
    padding: 15px 10px;
    width: calc(100%);
    margin-left: 0px;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    -webkit-box-shadow: -1px 1px 175px -5px rgba(0,0,0,1);
    -moz-box-shadow: -1px 1px 175px -5px rgba(0,0,0,1);
    box-shadow: -1px 1px 175px -5px rgba(0,0,0,1);
}

#filters h2 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    /* border-bottom: solid .45px rgba(0,0,0,.15); */
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    /* display: none; */
}

#filters .flex-container .filter {
    margin-right: 0;
}

.filter {
    padding: 10px 15px;
    text-decoration: none;
    background-color: white;
    border: solid 1.5px black;
    border-radius: 23px;
    font-size: 16px;
    }

#pager-hud span {
    font-size: 10px;
    /* background-color: #f1f2ec; */
    background-color: #f1f2ec;
    padding: 7px 12px;
    color: black;
    font-weight: 700;
    /* border-radius: 23px; */
    letter-spacing: .65px;
    /* border: solid #15a9e2 1px; */
    margin-right: 0px;
    /* width: 100%; */
    border-radius: 32px;
}
#pager-hud i {
    padding: 13px 13px;
    background: #15a9e2;
    text-align: center;
    margin: auto;
    border-radius: 20px;
    /* border: solid 1px black; */
    line-height: 0;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-weight: 900;
    font-family: sans-serif;
    margin-left: 5px;
    /* border: solid #00000029 1.25px; */
}

#filters .flex-container {
background: transparent;
padding: 0px;	
padding-top: 0px;
height: 0px;
overflow: hidden;


transition: height .35s ease-in-out, margin-top .5s ease-in-out;
-webkit-transition: height .35s ease-in-out, margin-top .5s ease-in-out;
}

.cycle-pager-active .filter {
padding: 10px 15px;
} 

.filter {
/* padding: 10px 0px; */
display: inline-block;
}

#category-nav.cycle-pager .flex-element {
margin-bottom: 15px;
display: block;
width: 100%;
}

#all-stories {
    /*margin-top: -61px;
    background-color: #f1f2ec;*/
    padding-top: 0px;
     /*border-top-right-radius: 32px;
    border-top-left-radius: 32px; */
    
}

#all-stories .container:nth-of-type(1) {
padding: 0px 30px;

}
#all-stories #category-nav .container:nth-of-type(1) {

padding-left: 10px;
    padding-right: 10px;

}



#all-stories .story-container {
    margin-top: -50px;
  
    background: white;
    padding-top: 35px!important;
    border-radius: 30px;

}


.story .story-img {
    min-height: 250px;
}

.story .summary {
/*padding: 25px 20px;*/
}

.story h2 {
font-size: 21px;
line-height: 21px;
}

/* STORIES PAGE H1, Team Page H1 */ 
.page-template-page-stories .hero .content.flex-element h1, .page-template-page-team .hero .content.flex-element h1 {

    font-size: 20vw;
    line-height: 48px;
    text-align: left;
}

.page-template-page-team .hero .content.flex-element h1 {
    font-size: 20vw;
    line-height: 20vw;
    }

.story h3 {
    font-size: 28px;
    line-height: 29px;
}

.story-gallery .story.flex-element {
margin-bottom: 35px;
/*border-top-right-radius: 32px;*/
}

.story .arrow-link {
/*top: calc(150px - 55px);*/
}

#filters .flex-container {
border-radius: 0px;
border-top: .5px solid rgba(0,0,0, 0);
/*margin-top: 15px;*/
margin-bottom: 0;
transition: height .35s ease-in-out, margin-top .5s ease-in-out;
-webkit-transition: height .35s ease-in-out, margin-top .5s ease-in-out;
}


#filters .flex-container.category-options-open {
margin-top: 15px;


transition: height .35s ease-in-out, margin-top .5s ease-in-out;
-webkit-transition: height .35s ease-in-out, margin-top .5s ease-in-out;
}


#filters .flex-container.category-options-open {
border-top: .5px solid rgba(0,0,0, 0.15);

}


.story .bg-color {
height: calc(0px);
}

.story:hover .arrow-link {
/*top: calc(150px - 55px);*/
}


/****** MOBILE FILTER SYSTEM ***/
#pager-hud {
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 0;
    vertical-align: middle;
    padding: 0;
    padding-right: 0;
    /* background: #f1f2ec; */
    /* border-radius: 31px; */
    /* width: calc(100% - 50px); */
}

.category-options-open {
height: 250px!important;
padding-top: 25px!important;

transition: height .35s ease-in-out;
-webkit-transition: height .35s ease-in-out;
}
/****** END MOBILE FILTER SYSTEM ***/









/*   Team PAGE   */
#team {
    position: relative;
    background: white;
    border-top-right-radius: 32px;
    border-top-left-radius: 32px;
    margin-top: -50px;
    z-index: 1;
    padding-top: 1px;
    padding-bottom: 60px;
}

section#team .container:nth-of-type(1) {
    padding: 15px 30px;
}


.team-gallery .image-block.col_2, .team-gallery .image-block.col_3, .team-gallery .image-block.col_4 {
width: 100%;
margin-bottom: 30px;
}
.team-gallery .image-block.col_1 {
width: 100%;
height: 100%;
min-height: 350px;
margin-bottom: 30px;
}

.team-gallery .container:nth-of-type(1) {
padding: 0px 0px;
}

/*   END Team PAGE   */  














.call-to-action .flex-element:hover a.cta-button:after {
width: calc(100% + 3px);
}

a.cta-button:after {
right: 0px;
bottom: -3px;
}







/*** FOOTER ***/
footer#contact .container:nth-of-type(1) {
    padding: 25px 25px;
}
















}/*** MEDIA MAX-Width 600px */








@media only screen and (max-width: 530px) {












footer .footer-flex-element {
     width: 100%; 
    margin-bottom: 60px;
}



/* FOOTER */
footer .footer-contact-info {
    padding-top: 30px;
    }


footer .footer-flex-element.footer-logo {
    width: 100%;
    margin-bottom: 30px;
}

.footer-logo .logo-02 svg {
    width: 120px;
    height: auto;
    fill: white!important;
}

footer .footer-flex-element.address em {
     margin-top: 0px; 
    display: block;
}

footer .footer-flex-element {
    width: 100%;
    margin-bottom: 30px;
}



}/*** MEDIA MAX-Width 530px */











@media only screen and (min-width: 501px) {

	.text-block.collapsible {
	height: auto!important;
	}


}/*** MEDIA MIN-Width 500px */



















@media only screen and (max-width: 500px) {


/***************************************************************************
***************************************************************************
	
	READ MORE TEXT BLOCK 
	
***************************************************************************
***************************************************************************/

.layout-text-block:after {
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0061bf89', endColorstr='#61bf89',GradientType=0 );
}
.layout-text-block:after {
    content: '';
    position: absolute;
    height: 200px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    opacity: 1;
}



.layout-text-block.remove-gradient:after {
    opacity: 0;
}












a.text-block-read-more {
color: black!important;
    width: auto;
    display: inline-block;
        z-index: 2;
}


.text-block {
overflow: hidden;
position: relative;
/* border-bottom: .5px solid rgba(255,255,255, 1); */
padding-bottom: 35px;

transition: opacity .35s ease-in-out, height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: opacity .35s ease-in-out, height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);
}

.text-block a.text-block-read-more {
padding-top: 35px;
display: inline-block;
}

.text-block {
height: auto;
transition: opacity .35s ease-in-out, height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: opacity .35s ease-in-out, height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);
}

.text-block.open-script {
transition: opacity .35s ease-in-out, height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);
-webkit-transition: opacity .35s ease-in-out, height .45s cubic-bezier(0.52,0.01,0.16,1), min-height .45s cubic-bezier(0.52,0.01,0.16,1);
}

.text-block:after {
    content: '';
    position: absolute;
    height: 200px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    opacity: 1;

    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0061bf89', endColorstr='#61bf89',GradientType=0 );
}

.text-block.open-script:after {
opacity: 0;
}



/*** REMOVE FROM DONALD MANKEINS STORY */
body.postid-134	a.text-block-read-more {
display: none!important;	
}

body.postid-134	.text-block {
height: auto!important;
}

body.postid-134 .text-block:after, body.postid-134 .layout-text-block:after {
display: none!important;	
}

/***************************************************************************
***************************************************************************
	
	END READ MORE TEXT BLOCK 
	
***************************************************************************
***************************************************************************/








































/*** FOOTER LOGO */
footer .footer-flex-element.footer-logo {
    width: 100%;
    margin-bottom: 30px;
    display: none;
}






/* Single Stories -- 2 Col IMG Block */

/*.image-block.two_columns div {
    height: 235px;
}
*/



section.layout-extensive_quote_and_image .quoteImage, section.layout-quote_and_image .quoteImage {
    width: 100%;
}

section.layout-extensive_quote_and_image .quoteImage div, section.layout-quote_and_image .quoteImage div {
    min-height: 100%;
    height: 100%;
    }


section.layout-extensive_quote_and_image .container.quote, section.layout-quote_and_image .container.quote {

    width: 100%;
}

section.layout-extensive_quote_and_image .quote, section.layout-quote_and_image .quote {
width: 100%;
}









.call-to-action .flex-element:hover a.cta-button:after {
width: calc(100% + 3px);
}

a.cta-button:after {
    width: 5.25px;
    height: 5.25px;
right: 0px;
bottom: -3px;
}

.call-to-action .flex-element:hover .container h2, .call-to-action .flex-element:hover .container a em {
    transform: translate3d(0, 0px, 0);
    }



}/*** MEDIA MAX-Width 500px */










@media only screen and (max-width: 460px) {


/* STORIES -- */
.story h3 {
    font-size: 23px;
    line-height: 24px;
}


#case-study section.layout-extensive_quote .container:nth-of-type(1) {
    padding: 60px 30px!important;
    padding-top: 50px!important;
}


.extensive_quote .work-cited {
    margin-top: 30px;
}
section.layout-extensive_quote {
    width: calc(100% - 25px);
    margin-left: 25px;
}


}/*** MEDIA MAX-Width 460px */









@media only screen and (max-width: 460px) {
	
/* Team Page */
section#team .container:nth-of-type(1) {
    padding: 15px 25px;
}

#projects {
    grid-gap: 5px;
    margin: 25px 0 25px 0;
}
	
	
	
	
	
	
	
/* SINGLE STORY --  Page */
body.single-stories .hero.hero-secondary-page .content.flex-element h1 {
	font-size: 29px;
    line-height: 28px;
    }


.image-block.two_columns {
    width: calc(50% - 20px);
}

.layout-image-block .image-block.two_columns:nth-child(1) {
    margin-left: 15px;
}
	.layout-image-block .image-block.two_columns:nth-child(2) {
    margin-right: 15px;
}













/* STORY GALLERY */
#category-nav {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0px;
    background: white;
    z-index: 999;
    padding: 15px 10px;
    width: calc(100%);
    margin-left: 0px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-box-shadow: -1px 1px 175px -5px rgba(0,0,0,1);
    -moz-box-shadow: -1px 1px 175px -5px rgba(0,0,0,1);
    box-shadow: -1px 1px 175px -5px rgba(0,0,0,1);
}

#all-stories #category-nav .container:nth-of-type(1) {
    padding-left: 0;
    padding-right: 0;
}

#filters h2 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    /* border-bottom: solid .45px rgba(0,0,0,.15); */
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    /* display: none; */
    padding-left: 0px;
    /* margin-bottom: 5px; */
    /* letter-spacing: 1px; */
}


#pager-hud {
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 0;
    vertical-align: middle;
    padding: 0;
    padding-right: 0;
    /* background: #f1f2ec; */
    /* border-radius: 31px; */
    /* width: calc(100% - 50px); */
}


#pager-hud span {
    font-size: 9px;
    /* background-color: #f1f2ec; */
    background-color: #f1f2ec;
    padding: 7px 11px;
    color: black;
    font-weight: 700;
    /* border-radius: 23px; */
    letter-spacing: .65px;
    /* border: solid #15a9e2 1px; */
    margin-right: 0px;
    /* width: 100%; */
    border-radius: 30px;
}

#pager-hud i {
    padding: 13px 10px;
    background: #15a9e2;
    text-align: center;
    margin: auto;
    border-radius: 20px;
    /* border: solid 1px black; */
    line-height: 0;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-weight: 900;
    font-family: sans-serif;
    margin-left: 5px;
    /* border: solid #00000029 1.25px; */
}








/* TEAM PAGE -- CTA's */
.call-to-action .flex-element .container {
    padding: 55px 30px;
    padding-top: 45px;
}

a.cta-button:after {
    width: 5px;
    height: 5px;
    border-radius: 7px;
    right: -1px;
    bottom: -6px;
}




/** HOME PAGE HERO */
.hero-home .container:nth-of-type(1) {
    padding: 25px;
    height: auto;
    
}



.hero-home .container:nth-of-type(1) .flex-container {
    margin-top: 150px;
    display: block!important;
}

.home .hero .flex-element {
    width: 100%;
    margin-top: 0px!important;
    min-height: unset!important;
}


.home .hero svg {
    width: calc(100%);
    margin: auto;
    margin-left: 0px;
}


.mission-statment {
    position: relative;
    display: block!important;
    width: 100%;
    bottom: unset!important;
    border-top: solid .5px rgba(100,100,100, .35);
    margin: auto;
    margin-top: 30px;
    /* margin-left: 10%; */
    display: block;
    text-align: center;
}













}/*** MEDIA MAX-Width 400px */