@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?qxz6eo');
  src:  url('../fonts/icomoon.eot?qxz6eo#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?qxz6eo') format('truetype'),
    url('../fonts/icomoon.woff?qxz6eo') format('woff'),
    url('../fonts/icomoon.svg?qxz6eo#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
  content: "\f002";
}
.icon-twitter:before {
  content: "\f081";
}
.icon-linkedin:before {
  content: "\f08c";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-youtube:before {
  content: "\f16a";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-facebook:before {
  content: "\f230";
}


  
  body {
	font-family: aktiv-grotesk, sans-serif;
font-weight: 300;
background: #fefefe;

}




h1, .h1 {
  font-size: 1.5rem;
    font-size: 1.9375rem; 
}

h2, .h2 {
  font-size: 1.9375rem; 
}

h3, .h3 {
  font-size: 1.5625rem;
}

h4, .h4 {
   font-size: 1.25rem;
}

h5, .h5 {
   font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem;
; }



   @media print, screen and (min-width: 40em) {
 h1, .h1 {
    font-size: 3rem;  } 
  h2, .h2 {
    font-size: 2.5rem; }
  h3, .h3 {
    font-size: 1.9375rem; }
  h4, .h4 {
    font-size: 1.5625rem; }
  h5, .h5 {
    font-size: 1.25rem; }
  h6, .h6 {
    font-size: 1rem; }

    }
    
    
    
h1, .h1,
h2, .h2,
h3, .h3 ,
h4, .h4{
font-family: abril-display, serif;
font-weight: 800;
font-style: normal;
}




h5, .h5,
h6, .h6 {
	font-family: aktiv-grotesk, sans-serif;
font-weight: 700;
font-style: normal;
}

h6, .h6  {
	text-transform: uppercase;

}



    
h1 i, .h1 i,
h2 i, .h2 i,
h3 i, .h3 i,
h4 i, .h4 i,
h1 em, .h1 em,
h2 em, .h2 em,
h3 em, .h3 em,
h4 em, .h4 em
{
font-style: normal;
	
}

strong,
b {
  font-weight: 700;
 }
    
   p, li  {
	font-size:  1.1rem;  line-height: 1.8;

} 
    


:not(.hero-panel) > h1 , :not(.hero-panel) > .h1 {
	font-size: 2.5rem;  
}


  @media print, screen and (min-width: 40em) {

:not(.hero-panel) > h1 , :not(.hero-panel) > .h1 {
	font-size: 4rem;  
}


p, li  {
	font-size:  1.125rem;  line-height: 1.8;

}
}



blockquote {
  margin: 0 0 2rem 0;
  padding: 2rem 1.25rem 0rem 3rem;
  border-left: none;
position: relative;
}
  
  blockquote, blockquote p {


    color: #666; }
    
blockquote:before {
		font-family: abril-display, serif;

	color:  #ddd;
	font-style: normal;
	content: '“';
	font-size: 6rem;
display: block;
position: absolute;
top:  -.25rem;
left:  -0.25rem;

}


a:not(.button) {
/*font-weight: 700;*/
	color: #222;
	border-bottom: 1px dotted #333;
	transition: 400ms all;
	
	 overflow-wrap: break-word;
  word-wrap: break-word;
  
}

a:not(.button):hover {
		color: #111;	border-bottom-color:  #000; 

}



.callout.alert {
border: 1px solid #c60f13;
}

.callout.alert p {
  color: #c60f13;

font-size: 1rem;
font-weight: 700;

}
   .callout.alert    svg{
   	  color: #c60f13;

  width:1.25rem;
  height:1.25rem;
  margin-right: 0.25rem;
  margin-bottom: -.15rem;

}
   .callout.alert  svg * {
  width:  100%;
  height: 100%;


}


ins {
	text-decoration: none;
	font-weight: 700;
}

.fieldset {
	  border: 1px solid #e6e6e6;
padding: 1rem;
}




[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
font-weight: 300;
  border: 1px solid #ddd !important;
  background-color: #fff;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
		  

}
          


     [type="checkbox"],
[type="radio"] {
margin-bottom: 0.25rem; }     



  
	  .button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
    background-color: #222;
    color: #fff; 
	  font-weight: 700;
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  }
	  

	  
  .button:hover, .button:focus {
    background-color: #111;
    color: #fff; }
    
    
    
    
      .button.blank {
    border: 1px solid #333;
    color: #333; 
	  background: transparent;
	  border: transparent;
	  }
  .button.blank:hover, .button.blank:focus {
    border-color: #111;
    color: #111; }
    
    
    
    
    
    ::placeholder {
  color: #999; }
  
     
     
     
     

     
     
     
     label em , em.required {
	 	color: #f00;
	 	font-family: abril-display, serif;
font-weight: 800;
font-style: normal;
	 }
     
     
     p.captcha img {
	 	margin-bottom: 0.5rem;
	 }
     
     
      
      
      
      
      
#skip {
	border: none;
	position: absolute;
	top: -3px;
	left: 3px;color: #666;
}      
    
.author {
	
	text-transform: uppercase;
font-weight: 700;
font-size: 0.875rem;
}






.photo img {

	width: 100%;
	height: auto;
} 




.references {
/*	background: #fafafa;*/
	margin: 3rem 0;
}

/*.references p , .references li{
	font-size: 0.875rem;
}*/




.references a {
		
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
/*  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;*/
}


.box {
	padding: 2rem;
	margin: 3rem 0;
}
.box p {
	font-size: 1rem;
}

.reverse, .reverse > * {
	background: #000;
	color: #fff;
}


.downloads {
	width: 100%;
	clear: both !important;

}
  	.sidebox {

	padding:  1rem 0 0 0 ;
	margin-bottom: 1rem;

}

.photo p, .sidebox p:not(.h2) {
	color: #555;
	font-style: italic;
	font-size: 0.875rem;
}



.sidebox p.h2 {
	padding-left: 2rem;
	border-left: 1rem solid #000;
}

  @media print, screen and (min-width: 40em) {
  	
  	.sidebox img {
  		min-width: 100%;
  		height: auto;
  	}
  	
  	.sidebox p.h2 {
  		padding: 0;
  		border: none;
	line-height: 1.2;
}


  	.sidebox {
  	
    float: left;
    width:45%;
	margin: 0  2rem 0 0 ;
	padding:  0.6rem  1rem  0 0;

}

.sidebox.right {
	float:  right;
		margin: 1rem 0 0 2rem;
	padding:  1rem 0  1rem  1rem ;

}

  }



  @media print, screen and (min-width: 70em) {
  	
  	.sidebox {
  		margin-left: -3rem;
  	}
  	  	.sidebox.right {
  		margin-right: -3rem;
  	}
  	
  	}




.lead {
font-size: 1.5625rem;
}



.header a {
		border-bottom: none;
}

  	#logo {
	padding: 1rem 0; 
}





.header form {
	margin:  1rem;
}


  @media print, screen and (min-width: 64em) {
  	
  	.header {
	padding:1rem 0 1rem 0;
}
.header form {
		margin: 0 1rem 0 0;

	transition: 400ms all;
}
.header form:hover {
	margin-left: -3rem;
}
.header .input-group {
	margin: 0;
}


  	#logo {
	padding: 1rem 2rem;margin-bottom: 0;
}

  }








/* @group MENU TOGGLE */

  @media screen and (max-width: 63.99875em) {
.toggle-bar {
	position: absolute;
	top:  1.5rem;
	right:  0;
	background: #fff;
	
}



ul.social li a i {
font-size: 2.25rem;
}
#social, #searchform, #menu {
display: none;

	}

#social.active,	#searchform.active, #menu.active {
		display: block;
	}

	 }
	 
	 
	 

.nav-toggle {

	 margin-top:  1rem;
	 margin-left: auto;
	display: block;
	z-index: 1;
	 width: 35px;
	 height:  1px;
border-bottom: none !important;
}




.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 8px;
  width: 35px;
  background: #222;
  position: absolute;
  display: block;
  content: '';
  cursor: pointer;

}

.nav-toggle span:before, .nav-toggle span:after  {
	
   -webkit-transition: transform 400ms ;
    -moz-transition:transform 400ms ;
    -ms-transition:transform 400ms ;    
	transition:transform 400ms ;
}

.nav-toggle span:before {
  top: -10px;  

}
.nav-toggle span:after {
  bottom: -10px; 
}





.nav-toggle.active {
/*		 margin-top:  -2.5rem;*/

}


.nav-toggle.active  span {
	background:transparent;
}

.nav-toggle.active  span:before
{  height: 8px;
	transform: rotate(45deg);
position: absolute; top: 0;
}


.nav-toggle.active  span:after
{height: 8px;
	transform: rotate(-45deg);
position: absolute; top: 0;
}



.nav-toggle:hover span, .nav-toggle:hover span:before, .nav-toggle:hover span:after {
	 background: #0a0a0a
/*linear-gradient(to left, #84bfa4, #03a696)*/
}



.nav-toggle.active:hover  span {
	background:transparent;
}



/* @end */








  
  
.nav-menu  a {
	font-size: 0.875rem !important;;
	text-transform: uppercase;letter-spacing: 1px;
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 700;
	border-bottom: none;
	
}


.social a {
	text-align: center;
	padding:1rem 0.3rem
}

.social a i {
	
	font-size: 1.5rem;
}


.amp {
font-family: abril-display, serif;
font-weight: 800;
font-style: normal;
letter-spacing: normal;
}

.header label {
font-size: 1.25rem;
	color: #999;

	text-transform: uppercase;letter-spacing: 1px;
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 700;
	border-bottom: none;

}


.header label {
	display: none;
}



  @media print, screen and (min-width: 64em) {
/*align w crumb: */
.nav-menu {
margin-top: 0.5rem;
margin-left: -1rem;margin-right: -1rem;
}


}

/* @group Droodowns */


.dropdown.menu > li {
	font-size: 1rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {

  border-color:  transparent !important;
 }
 
/*.dropdown.menu > li.is-current-parent > a {

background: #f9f9f9;
 }*/

	  
  .dropdown.menu > li.is-dropdown-submenu-parent.is-active > a  {
	background: #f9f9f9 !important;
}



  .dropdown.menu > li.is-dropdown-submenu-parent {
  	border-top: 1px solid transparent;
  }
  
  .dropdown.menu > li.is-dropdown-submenu-parent.is-active {
  	border-top: 1px solid rgba(0,0,0,.03);
  }
  
  
  .dropdown.menu > li.is-dropdown-submenu-parent.is-active, .is-dropdown-submenu {
  	box-shadow: -5px 5px 5px  rgba(0,0,0,.1);
  }
  

.is-dropdown-submenu {

  min-width: 300px;
  border: none;
  background: #f9f9f9}
  
  .dropdown .is-dropdown-submenu a {
	text-transform: none;
	letter-spacing: normal;
	font-size: 1rem;
	line-height: 1.4;
	font-weight: 300;
    padding: 0.7rem 1rem; 
  display: block ; width: 100%;
  }
    
    
    .is-dropdown-submenu li {
		border-bottom: 1px solid #eee;
	}

	
.dropdown.menu > li.is-active > a {
  background: #fff;
  color: #000; }
  
    .is-dropdown-submenu li a:hover {
background: #f5f5f5;	}
	  
  
  
/* @end */

/* @group drildown */

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #000;
 }

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  border-color: transparent #000 transparent transparent;
}

.drilldown .js-drilldown-back > a::before {

  border-color: transparent #000 transparent transparent;
 }
  

  .drilldown li {
border-top: 1px solid #eee; } 

 .drilldown li:first-of-type {
border-top: none}
  

	
  @media print, screen and (min-width: 64em) {
  	.menu.large-align-center {
  		  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  	}

  }
/* @end */

/* @group accordion nav */

 .accordion-menu {
 	  	border-bottom: 1px solid #ddd;

 }
 

  
    .accordion-menu > .is-accordion-submenu-parent
  {
  	border-top: 1px solid #ddd;
  }
  

  .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {

    border-color: #000 transparent transparent;
 }

.accordion-menu .is-accordion-submenu a {
text-transform:  none ; 
font-weight: 700;
font-size:  1rem;
letter-spacing: normal;
background: #f9f9f9 ;
}


/*    .accordion-menu .is-accordion-submenu-parent.is-submenu-item  a {
		
	}*/
	
    .accordion-menu	.is-submenu-item .is-submenu-item a {
		font-weight: 500;
		text-transform: none;
		letter-spacing: 1px;
		font-size: 0.75rem ;
		
	}
	
.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a {
	background: #f9f9f9 ;
}

.accordion-menu .is-current a {
	background: #eee; 
}

/* @end */


.subnav-menu {
	margin: 3rem 0 0 0;
}

.subnav-menu li {
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}
.subnav-menu li a {
	font-size: 0.875rem;
		text-transform: uppercase; 
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 700;
	border: none;
}




.memberlist {
	
	font-weight: 700;
}

.memberlist li {
	margin-bottom: 0.25rem;
}

.memberlist li em {
	text-transform: uppercase;
	font-weight: 500;
	font-style: normal;
	display: inline-block;
	font-size: 0.75rem;
	letter-spacing: 0.7px;;
	background: #eee;
	padding: 0 0.75rem;
	margin-left: 0.5rem;
	border-radius: 4px;
}

p.pagination-item {
	font-size: 	1rem;
	margin-top:  3rem;
}

/* @group tabs */
.tabs {
	margin-top:  3rem;
}

.tabs-title {
	width: 100%;
}
  .tabs-title > a {
	    padding:  1rem ;

    font-weight: 700;
	text-transform: uppercase;
	letter-spacing:  1px;
	font-size: 0.875rem;
    border-bottom: none;
    color: #333; }

@media screen and (min-width: 40em) {
	
	.tabs-title {
	width: auto;
}
  .tabs-title > a {
    padding: 1.25rem 1.5rem;

}


}

    .tabs-title > a:hover {
      background: #f5f5f5;
      color: #111; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: #000;
      color: #e6e6e6; }
      
/* @end */

/* @group Hero */

.hero {
	  overflow: hidden;
      background-position: center top;

  background: top center no-repeat;
  height: 75vh;
  background-size: cover;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: flex-end;
          align-items: flex-end;
		  
}

@media screen and (min-width: 40em) {
  .hero {
	  height: 60vh;

    background-position: center 10%;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
	
  }
  
.home-hero {
	height: 80vh;
}  

}

.hero-content {
	width: 100%;

/*  max-width: 75rem;*/
  margin: 0 auto;
/*  padding-left: 5%;
  padding-right: 5%;*/
}


.hero-panel {
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, .8);
	padding: 2rem  1rem 1rem 1rem;
}


@media screen and (min-width: 40em) {
  .hero-content {
	max-width: 75rem;
    padding-left: 40%;
  }
}




@media screen and (min-width: 64em) {
  .hero-panel {
	padding: 3rem 2rem 2rem 2rem;
  }
}



.hero .subheader {
  color: #f9f9f9; }



@media screen and (max-width: 20em) {
	
	.home-hero {
min-height: 100vh;	}
}

/* @end */



.content-container {
	margin-top: 2rem;
	margin-bottom: 3rem;
}


@media screen and (min-width: 40em) {
.content-container {
	margin-top: 4rem;

}

}


/* @group block */

.gallery-block {
  	overflow: hidden;

  outline: 0;
  background: top center no-repeat;
  height: 50vh;
  background-size: cover;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: flex-end;
          align-items: flex-end;
		  
		  transition: 400ms all;
		  cursor: zoom-in;
}


.gallery-block h6 ,  .gallery-block  p {
	font-size: 0.875rem;
	  	line-height: 1.6;

}


.link-block, .form-block {
  	overflow: hidden;

  background: top center no-repeat;
  height: 75vh;
  background-size: cover;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
		  
}

.link-block:hover {
	cursor: pointer !important;
	
}

.link-block:hover .block-panel {
		background: rgba(0, 0, 0, 0.9);
			  	box-shadow: -5px 5px 5px  rgba(0,0,0,.2);


}




.form-block

[type='text'], .form-block [type='email'] {

  background-color: #222;
border: none !important;
  font-weight: 700;
  color: #fff;
 }
 .form-block [type='text']:focus, .form-block [type='email']:focus
 {

  background-color: #111;

 }




@media screen and (min-width: 40em) {
  .link-block , .form-block{
	  height: 60vh;

    background-position: center 20%;
  }
}



.gallery-block .block-content {

 width: 100%;


	}


.gallery-block .block-panel p {

font-size: 1rem;


	}


.link-block .block-content ,  .form-block .block-content {
	  text-align: center;
  max-width: 95%;

	    margin: 0 auto;

/*  padding-left: 5%;
  padding-right: 5%;*/
}




@media screen and (min-width: 40em)


{
	.link-block .block-content ,  .form-block .block-content {


max-width: 90%;
  padding-left: 5%;
  padding-right: 5%;
}


}




.block-panel {
	color: #fff;
	background: rgba(0, 0, 0, .8);
	padding: 1.875rem 1rem 1rem 1rem ;
	transition: 700ms all;

/*	  	box-shadow: -5px 5px 5px  rgba(0,0,0,.2);*/

}


.block-panel p, .hero-panel p {
	font-size: 1rem;
}
  
@media screen and (min-width: 40em) {
.block-panel p, .hero-panel p {
	font-size: 1.125rem;
}
  
}



.link-block .block-panel, , .form-block {
		  	padding: 2rem ;
		  	max-width: 35rem;
}




  .block-content {
    padding-top: 30%;
  }
  
  
  
  
@media screen and (min-width: 64em) {
  .block-content {
    padding-top: 20%;
  }
}


.block .subheader {
  color: #f9f9f9; }




.block-content h3 a {
	border-bottom: none;
}



  
.link-block  a , .link-block  a:visited{
	color: #efefef ; text-decoration: none;
}

.link-block:hover  a, .link-block  a:hover	{ color:  #fff !important;

}
/*
.link-block .button {
	background-color: #000;
	border-color: #333;
}
.link-block:hover  .button {
	border-color: rgba(255, 255, 255, .25);
     }
    */
    
    
 .social-block a {
 	color:  #fff;
 	border: none;
 }   
     
    /*old*/
 .social-block a i{
 font-size: 12rem;
 }   
 /*new*/
 .social-block svg {
width:  10rem;
height: auto;
 }

 
     .social-block p {

font-weight: 700;
	 	font-size: 0.875rem;
	 	letter-spacing: 1px;
	 	text-transform: uppercase;
	 	color: #fff;
	 }
	 
.twitter-block {
	background-color: #1da1f2;
}
    
    
.facebook-block {
	background-color: #3b5998;
}
    
    
.youtube-block {
	background-color: #ff0000;
}
    
    
.instagram-block {
		background-color:#c32aa3;
}
    
    
.linkedin-block {
	background-color: #007bb5;
}


/* @end */



/* @group    small landscape panels */

@media print,screen and (max-width:63.99875em) and (orientation:landscape) {
	
	.hero {
		height: 150vh ;
	}
	
	.hero-panel h1 {
		font-size: 1.5rem;
	}
	
	
	
	.link-block, .form-block {
		height: 150vh;
	}

.block-panel h3  {
  font-size: 1.9375rem; 
	}
	

}


/* @end */

/* @group gallery reveal */


p.gallery-heading {
	font-size: 0.75rem;
		text-transform: uppercase;
		letter-spacing: 0.7px;
		margin-bottom: 0.25rem;
}

.gallery-heading svg {
	height: 0.7rem;
	width: auto;
	margin-right: 0.1rem;
}

.gallery-reveal {
	text-align: center;
	position: relative;
}
.gallery-reveal img {
max-height: 100%;
	max-width: 100%;
	cursor: zoom-out;
}

.gallery-reveal p:last-of-type {
	padding-bottom: 1rem;
}

.reveal-overlay {
	  background-color: rgba(10, 10, 10, 0.85);

	cursor: zoom-out;
}
/* @end */








.crumbs {
/*  	padding-left: 0.75rem; border-left: 0.25rem solid #999;*/
  	  	margin-bottom: 1rem;

  }
  .crumbs li  {
  	color: #666;
	text-transform: uppercase;letter-spacing: 1px;
  	font-size: 0.875rem;
  	
  }
  
  .crumbs li + li {
  	margin-left: 0 !important;
  }
    .crumbs li a:after ,   .crumbs li.disabled:after {
width: 1rem;
margin-left: 0.5rem;
  	display:inline-block;
  	content: '/';
  	
  }  
  .crumbs li a {
  	border-bottom: none;
  	
  }
  .crumbs svg {
  	padding-top: 0.25rem;
  }

  .subscribe {
  	  	  	font-family: abril-display, serif;
font-weight: 800;

font-style: normal;
  	  	  	padding: 1rem;
  	margin-top: 4rem;

  }
      .subscribe p {
	  	font-size: 1.25rem;
	  }
	  
	  
    .subscribe .button {
		  	text-transform: none;
  	letter-spacing: normal;
	}
  
  .footer {

  	padding: 2rem;
  }
  
  
  .footer p {
  	margin-bottom: 0.875rem;
  }
  
  .footer p, .footer li {
  	font-size: 0.875rem;
  }
  
  .footer  a {
 
  	border-bottom: none;
  }
  
    .footer .menu a {
	text-transform: uppercase;letter-spacing: 1px;
  	font-weight: 700;
  }
  
  .gallery {
  	padding-top: 2rem;
  }
  
  .padded {
  	padding: 3rem 0;
  }
  
  .grid-container.full {
  	background: #000
  }
  
  
  
  
  
  
  
  @media print, screen and (min-width: 90em) {
    .grid-x >	.x-large-4 {
  	  width: 33.33333%;
  	}
  	.hero-panel {
  		min-width: 35rem;
  	}
  	
  	}
  









#cookiebanner {
width: 100% !important;
opacity: 0.95;
	position: fixed; bottom: 0; 

	background: #fff ;
	border-top: 1px solid #ddd;
			  	box-shadow: 5px -5px 15px  rgba(0,0,0,.1);

	padding-top: 1rem;
	padding-bottom: 1rem;
	
}


   	#cookiebanner p, #cookiebanner label  {
	font-size: 0.875rem;

}
   	
   	
#cookiebanner label {
font-weight: 700;
	margin-bottom: 0.5rem;
display: inline-block;
margin-right: 1rem;
}


   @media print, screen and (min-width: 40em) {
   	
   	#cookiebanner {

	padding-top: 2rem;
	padding-bottom: 3rem;
	
}

   	#cookiebanner p, #cookiebanner label  {
	font-size: 1rem;
	display: block;
}
   	
   	}