/**
 * style.css
 *
Theme Name: Pluralism Award
 * Theme URI:   http://www.machine-agency.com
 * Author:      Machine
 * Author URI:  http://www.machine-agency.com
Description: Custom Theme for Pluralism Award
 * Version:     1.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags:        light
 * Text Domain: machine
 */


 /* ==========================================================================
    Typography
    ========================================================================== */

 body {
   color: #000;
   background: transparent;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: 'Open Sans', sans-serif;
 }

 section{
   padding: 4rem 0;
   width: 100%;
 }

.grid-container{
  max-width: 80rem;
}

.no-padding-bottom{
  padding-bottom: 0;
}

@media only screen and (max-width: 39.9375em) {
  section{
    padding: 2rem 0;
  }
}

/* Header */

.site-header{
	padding: 0.5rem 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 99;
	transition: all 0.3s ease;
}

.site-header .menu{
	transition: all 0.3s ease;
	opacity: 0;
	height: 0;
}

.site-header .menu.loaded{
	opacity: 1;
	height: auto;
}

.site-header.is-scrolled{
	box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
}

main{
	padding-top: 145px;
}

 /* Sections */

 /* Impact Areas */


.parallax-bg{
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 z-index: 1;
 bottom: -30%;
}

.section--impact{
  position: relative;
  overflow: hidden;
  padding: 14rem 0;
  margin-bottom: 4rem;
}

.section--impact .grid-x{
  position: relative;
  z-index: 10;
}

.section--impact h1,
.section--impact p{
  color: #fff;
}

.section--impact h1{
	font-weight: 700;
}

.search-form .input-group{
  margin: 0;
}

/* section alignment */

/* main{
  max-width: 80rem;
  margin: 0 auto;
}

.alignfull{
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
    width: 100vw;
}

.alignwide {
    margin-left  : auto;
    margin-right : auto;
    max-width    : 80rem;
}

.aligncenter {
    margin-left  : auto;
    margin-right : auto;
    max-width    : 60rem;
}

.alignright {
    max-width: 40rem;
    margin-left: auto;
}

.alignleft {
    max-width: 40rem;
} */

/* callouts */
@media only screen and (max-width: 39.9375em) {
  .section--callouts .cell{
    padding-bottom: 2rem;
  }
}

.callout-image-wrapper{
  position: relative;
  padding: 6rem 1rem;
  margin-bottom: 2rem;
}

.callout-image-wrapper *{
  color: #fff;
}

.abs-link{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
}

/* Slider */

.swipe-slider .swipe-slide{
  padding: 6rem 0;
}


.section--slider{
  padding: 0;
  margin-bottom: 4rem;
}

button.slick-prev.slick-arrow {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    color: #fff;
    cursor: pointer;
    padding: 1rem;
}

button.slick-next.slick-arrow {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    color: #fff;
    cursor: pointer;
    padding: 1rem;
}

.hero-feature-background-video{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.hero-feature-overlay{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 5;
}

@media only screen and (max-width: 40em){
  .hero-feature-background-video{
    display: none;
  }
}

.callout-image-wrapper{
  position: relative;
}

.callout-overlay{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 -320px 100px rgba(215,227,227,.9);
  z-index: 5;
  transition: all 0.3s ease;
}

.callout-image-wrapper:hover .callout-overlay{
  box-shadow: inset 0 -300px 100px -50px rgba(215,227,227,.8);
}

.callout-image-wrapper h2,
.callout-image-wrapper p{
  position: relative;
  z-index: 10;
}

.callout-image-wrapper h2{
	font-size: 22px;
	font-weight: 700;
	color: #565759;
}

.callout-icon{
  margin-bottom: 1rem;
}

.impact-overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
}


main.main > h1,
main.main > h2,
main.main > h3,
main.main > h4,
main.main > h5,
main.main > h6,
main.main > p,
main.main > ul,
main.main > ol,
main.main > blockquote,
main.main > .wp-block-table{
	max-width: 60rem;
	margin: 1rem auto;
	padding: 0 1rem;
}

main.main > ul,
main.main > ol{
	color: #565759;
	padding-left: 2rem;
}

main.main > h1:last-child,
main.main > h2:last-child,
main.main > h3:last-child,
main.main > h4:last-child,
main.main > h5:last-child,
main.main > h6:last-child,
main.main > p:last-child,
main.main > ul:last-child,
main.main > ol:last-child{
	margin-bottom: 4rem;
}

.wp-block-spacer{
	height: 4rem!important;
}

figure.wp-block-image.size-large{
	text-align: center;
}


.dropdown.menu > li > a {
    padding: 0.7rem 1rem;
    font-weight: 700;
}

.dropdown.menu > li li a{
	font-weight: 600;
}

.footer-menu > li a{
	padding: 0.5rem 0;
}

.footer-menu > li > a {
    font-weight: 700;
	color: #009ca7;
}

.footer-menu > li li a{
	font-weight: 600;
	color: #009ca7;
}

.footer-menu > li li{
	display: none;
}

.site-footer{
	background-color: #d7e3e3;
	padding: 2rem 0;
}




.btn--menu {
    border: none;
    position: absolute;
    top: 5.25rem;
    right: 16px;
    display: inline-block;
    padding: 8px 5px;
    color: #000;
    text-transform: uppercase;
    background-color: transparent;
    -webkit-transition: all .2s cubic-bezier(.6,.2,.6,.9);
    -moz-transition: all .2s cubic-bezier(.6,.2,.6,.9);
    -o-transition: all .2s cubic-bezier(.6,.2,.6,.9);
    transition: all .2s cubic-bezier(.6,.2,.6,.9);
    z-index: 9999999;
}

.btn--menu .bar {
    margin-top: -2px;
    margin-left: 4px;
}

.btn--menu .bar,
.btn--menu .bar:before,
.btn--menu .bar:after {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 2px;
    background-color: #000;
    -webkit-transition: all .2s cubic-bezier(.6,.2,.6,.9);
    -moz-transition: all .2s cubic-bezier(.6,.2,.6,.9);
    -o-transition: all .2s cubic-bezier(.6,.2,.6,.9);
    transition: all .2s cubic-bezier(.6,.2,.6,.9);
}

.btn--menu .bar:before, .btn--menu .bar:after {
    content: '';
    position: absolute;
    left: 0;
}

.btn--menu .bar:before {
    top: -6px;
}

.btn--menu .bar:after {
    bottom: -6px;
}

.btn--menu.is-active .bar:after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn--menu.is-active .bar:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.btn--menu.is-active .bar,
.btn--menu.is-active:hover .bar,
.btn--menu.is-active:focus .bar {
    background-color: transparent;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.btn--menu:focus{
	outline: none;
}

.btn--menu{
	display: none;
}

@media only screen and (max-width: 1080px){
	.dropdown.menu > li > a {
	    padding: 0.7rem 0.5rem;
	    font-weight: 700;
	}
}

@media only screen and (max-width: 1024px){
	.btn--menu{
		display: block;
		cursor: pointer;
	}

	.menu-wrapper-header{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		transform: translateX(100%);
		background-color: #fff;
		transition: all 0.6s ease;
	}

	.menu-wrapper-header.is-open{
		transform: translateX(0);
	}

	ul.menu.right.drilldown{
	    float: none;
	    display: block;
		padding-top: 6rem;
	}

	ul.menu.right.drilldown:focus,
	ul.menu.right.drilldown *:focus{
		outline: none!important;
	}

	.is-drilldown li {
    	display: block;
    	position: static;
	}

	.is-drilldown-submenu{
		padding-top: 6rem;
	}

  .drilldown.menu > li a {
    font-weight: 700;
  }
}


.menu .is-active > a {
    background: transparent;
    /* color: #fefefe; */
}

.footer-menu > li{
	padding: 0 1rem;
}

.site-header .menu.right{
  justify-content: flex-end;
}

@media only screen and (max-width: 640px){
	.footer-menu > li{
		width: 100%;
		padding: 0 2rem 2rem 2rem;
	}
}

.swipe-slide{
	position: relative;
}

.swipe-slide .grid-container{
	position: relative;
	z-index: 10;
}

.slide-overlay{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color: rgba(0,0,0,0.5); */
	box-shadow: inset 900px 0 1200px -100px hsla(0,0%,100%,.8);
    z-index: 5;
}

.slick-arrow img{
	width: 20px;
}

.wp-block-embed__wrapper iframe{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.alignfull .wp-block-embed__wrapper iframe,
.alignfull.wp-block-embed__wrapper iframe{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
}

.alignwide .wp-block-embed__wrapper iframe,
.alignwide.wp-block-embed__wrapper iframe{
	display: block;
	margin: 0 auto;
	max-width: 60rem;
	min-height: 30rem;
	width: 100%;
}

.are-vertically-aligned-center .wp-block-embed__wrapper iframe{
	min-height: 400px;
}

.wp-block-latest-posts.wp-block-latest-posts__list.alignfull{
	max-width: none;
	padding: 0 2rem;
}

main .section--impact:last-child{
	margin-bottom: 0;
}

.menu-wrapper-header--secondary{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.menu-wrapper-header--secondary .button{
	margin: 0;
}

.menu-wrapper-header--secondary .button:hover{
	background-color: #f7941e;
	opacity: 1;
}

.menu-wrapper-header--secondary a:not(.button):hover{
	color: #f7941e;
	opacity: 1;
}

.menu-wrapper-header--secondary a{
	font-weight: 700;
}

ul.social-nav{
	list-style: none;
	display: flex;
	margin: 0;
}

ul.social-nav li{
	padding: 0 0.5rem;
}

.secondary-header{
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
	border-bottom: 2px solid #d7e3e3;
}

.secondary-header .site-logo{
	max-width: 120px;
	display: block;
}

.main-header{
	padding-top: 0.5rem;
}

p,
h1,
h2,
h3,
h4,
h5,
h6{
  color: #565759;
}

.swipe-slider .swipe-slide h2,
.swipe-slider .swipe-slide p{
  color: #565759;
}

.swipe-slider .swipe-slide h2{
	font-weight: 700;
}

h3{
	color: #009ca7;
}

main > h2{
	color: #fa9434;
	font-weight: 700;
}

main.main > h2 + h3{
	margin-top: -1rem;
}

a.wp-block-button__link{
	display: inline-block;
	border-radius: 0px;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 0.85em 1em;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #009ca7;
    color: #fefefe;
}

a.wp-block-button__link:hover{
	opacity: 0.7;
}

main .button,
main a.wp-block-button__link{
	background-color: #f7941e;
	font-weight: 700;
}

.menu a{
	color: #013c5b;
}

.menu a:hover{
	color: #f7941e;
}

.dropdown.menu > li.is-active > a {
    background: transparent;
    color: #013c5b;
}

.dropdown.menu > li.is-active > a:hover{
	color: #f7941e;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #013c5b transparent transparent;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after{
	border-color: #f7941e transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    border-color: transparent transparent transparent #013c5b;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:hover::after{
	border-color: transparent transparent transparent #f7941e;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.is-active > a::after{
	border-color: transparent transparent transparent #f7941e;
}

.menu .is-active > a {
    background: transparent;
    color: #f7941e;
}

ul.social-nav{
	margin: 0 0.5rem;
}

.social-nav li{
	background-color: #009ca7;
	padding: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	margin: 0 0.5rem;
	width: 30px;
	height: 30px;
	position: relative;
	transition: all 0.3s ease;
}

.social-nav li:hover{
	background-color: #f7941e;
}

.social-nav li img{
	max-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.main-header .site-logo{
	display: block;
	width: 200px;
}

.secondary-header{
	transition: all 0.3s ease;
	max-height: 12rem;
}

.site-header.is-scrolled .secondary-header{
	max-height: 0;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}

.site-header.is-scrolled{
	padding-top: 0;
}

.btn--menu{
	transition: all 0.3s ease;
}

.site-header.is-scrolled .btn--menu{
	top: 1.25rem;
}

@media only screen and (max-width: 1024px){
	main{
		padding-top: 127px;
	}

	.menu-wrapper-header{
		padding-top: 2rem;
	}

	.menu-wrapper-header.is-scrolled{
		padding-top: 0;
	}
}
@media only screen and (max-width: 640px){
	.menu-wrapper-header--secondary > a:not(.button){
		display: none;
	}

	ul.social-nav{
		margin-right: 0;
	}

	ul.social-nav li:last-child{
		padding-right: 0;
		margin-right: 0;
	}

	.menu-wrapper-header--secondary .button{
		padding: 0.5em 0.5em;
	}
}

.sub-footer{
	padding-top: 2rem;
}

.accordion-title{
	font-size: 21px;
	font-weight: 700;
}

.accordion-title img{
	width: 60px;
	margin-right: 1rem;
}

.callout-icon{
	/* max-width: 8rem; */
	height: 5rem;
	position: relative;
	z-index: 10;
}

.footer-menu{
	justify-content: flex-end;
}

.site-footer ul.social-nav{
	justify-content: flex-end;
	padding-bottom: 1rem;
}

.top-footer{
	border-bottom: 1px solid rgba(1,60,91,.2);
	padding-bottom: 1rem;
}

.top-footer .site-logo{
	max-width: 175px;
	display: block;
}

.site-footer .menu a{
	color: #013c5b!important;
}

.site-footer .menu a:hover{
	color: #f7941e!important;
}

.sub-footer .menu li{
	line-height: 1;
	display: flex;
	align-items: center;
}


.sub-footer .menu li a{
	padding: 0.7rem 0.5rem;
}

.sub-footer .menu li:first-child a{
	padding-left: 0;
}

.sub-footer .menu li.no-link a{
	padding: 0;
	pointer-events: none;
}

.copyright-text{
	font-size: 12px;
}

@media only screen and (max-width: 1024px){
	.footer-menu > li {
	    padding: 0 0.5rem;
	}
}

@media only screen and (max-width: 640px){
	.footer-menu > li {
	    width: 100%;
	    text-align: center;
	    padding: 0.25rem 0;
	    height: auto;
	}

	.site-footer ul.social-nav {
	    justify-content: flex-end;
	    padding-bottom: 1rem;
	    margin-left: 0;
	    justify-content: center;
	}

	.top-footer .site-logo{
		margin: 0 auto 2rem auto;
	}
}

.site-header .sign-in-social-link{
	display: none;
}

.social-nav li.sign-in-social-link{
	background-color: transparent;
	border-radius: 0px;
	height: auto;
	width: auto;
	color: #f7941e;
	font-weight: 700;
}

.social-nav li.sign-in-social-link a{
	color: #f7941e;
}

.social-nav li.sign-in-social-link:hover a{
	color: #009ca7;
}

.wp-block-latest-posts li a{
	font-weight: 600;
}

.jury-member{
	padding-bottom: 4rem;
}

.jury-member:last-child{
	padding-bottom: 0;
}

.jury-member .social-nav{
	margin: 0;
	justify-content: center;
	margin-top: 1rem;
}

.jury-member h4{
	font-weight: 700;
}

.jury-member h4 span:first-child{
	color: #004165;
}

.jury-member p.position{
	font-weight: 600;
}

.jury-member h4 span:last-child{
	color: #009aa6;
}

@media only screen and (max-width: 640px){
	.jury-member .social-nav{
		margin-bottom: 2rem;
	}

	.jury-member img{
		display: block;
		margin: 0 auto;
	}
}

.lang-filter h3{
	padding-top: 3rem;
	padding-bottom: 1rem;
	text-align: center;
}

.lang-filter .button{
	margin-top: 1rem;
}

.acf-form-submit {
    text-align: center;
	margin-top: 2rem;
}

.featured-banner{
	padding: 8rem 0;
}

.wp-block-image.no-margin-bottom{
	margin-bottom: 0!important;
}


hr.wp-block-separator.is-style-wide.orange{
	border-bottom: 1px solid #e09900;
}

hr.wp-block-separator.is-style-wide.blue{
	border-bottom: 1px solid rgba(4,53,99,0.93);
}

.wp-block-columns.alignwide {
    align-items: center;
    max-width: 80rem;
    margin: 0 auto;
}


.wp-block-image.alignwide{
    max-width: 80rem;
    margin: 0 auto;
}

.wp-block-columns:not(.alignfull){
	max-width: 80rem;
    margin: 0 auto;
}



/* .section--callouts:not(.image-callouts) .cell:nth-child(3n+1){
	padding-top: 1rem;
} */

.wp-block-image figcaption{
	margin-top: 1.5rem!important;
}


@media only screen and (max-width: 80em) {
	.wp-block-columns{
		padding: 0 1rem;
	}
}

@media only screen and (max-width: 39.9375em) {
	.section--callouts .cell:nth-child(3n+1){
		padding-top: 0;
	}



}

section.section.section--slider.full-images {
    margin: 0;
    padding: 0;
}

section.section.section--slider.full-images .swipe-slider .swipe-slide{
	padding: 0;
}


section.section.section--slider.alignwide{
	max-width: 80rem;
    margin-left: auto!important;
	margin-right: auto!important;
	display: block;
}

.pagination{
	display: flex;
	justify-content: center;
	padding-top: 2rem;
}

.featured-image--archive{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 125%;
    width: auto;
    max-width: none;
}

.featured-image--archive-wrapper{
	-webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    overflow: hidden;
    position: relative;
	margin-bottom: 2rem;
}

.featured-image--archive-wrapper:before {
    content: "";
    display: block;
    padding-bottom: 60%;
}


section.section--news {
    background-color: #d7e3e3;
	  margin-top: 0;
}


section.section--news .news-block{
	padding: 1rem;
	height: 100%;
	background-color: #fff;
	box-shadow: 0 2px 20px rgba(51,51,51,.1);
	position: relative;
	transition: all 0.3s ease;
}

section.section--news .news-block:hover{
	box-shadow: 0 2px 20px rgba(0,0,0,.2);
}

.news-block{
	position: relative;
}

section.section--news .cell{
	margin-bottom: 2rem;
}

.pagination a:hover, .pagination button:hover {
    background: transparent;
}


.green-bg{
    background-color: #d7e3e3;
}

.green-bg h2,
.green-bg a{
	color: #565759;
}

.color-text-block h2{
	font-weight: 700;
}

.wp-block-columns.alignfull.green-bg{
	margin: 0;
	justify-content: center;
}

.wp-block-columns.alignfull.green-bg .wp-block-column {
    flex-basis: calc(40% - 16px);
    flex-grow: 0;
}

blockquote {
    margin: 0 auto!important;
    display: block;
}

.simple-fade,
.fade-in-left,
.fade-in-right{
	opacity: 0;
}

.section--text-with-image{
	overflow: hidden;
}

.wp-block-columns{
	overflow: hidden;
}

.section--callouts .cell{
	opacity: 0;
}

p.subtitle{
	color: #004165;
}

.section--callouts h3 {
    font-size: 1.75rem;
}

.wp-block-embed figcaption {
    max-width: 80rem;
	margin: 0 auto;
}

.section--social-buttons{
	padding-top: 1rem;
}

.section--social-buttons ul{
	justify-content: center;
}

.post-nav{
	display: flex;
	justify-content: space-between;
	padding: 2rem 1rem 4rem 1rem;
	max-width: 60rem;
}

.post_link{
	width: 50%;
}

.post_link * {
    font-weight: 700;
}

section.section.section--latest-posts{
	padding-top: 0;
}

.section--text-with-image h2{
	font-size: 1.375rem;
	color: #009ca7;
	font-weight: 700;
	color: #009aa6;
}

.section--text-with-image h2 span{
	color: #004165;
}

.mc-field-group label{
	font-size: 1.375rem;
	color: #009ca7;
	font-weight: 700;
	color: #009aa6;
	padding-bottom: 0.5rem;
}

.indicates-required{
	margin-bottom: 1rem;
	margin-top: 1rem;
	font-weight: 400;
	color: #565759;
}

.asterisk{
	color: red;
}

.section--mail-form .grid-container{
	max-width: 40rem;
}

.callout-buttons{
	display: flex;
	justify-content: center;
}

.callout-buttons .button{
	margin: 0 0.25rem;
}

@media only screen and (min-width: 1024px){
	.callout-buttons .button{
		white-space: nowrap;
	}
}


.filter-news-posts{
  max-width: 25rem;
  margin: 0 auto;
  display: block;
  background-image: url(img/icon-downarrow.svg);
  background-position: 100% center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-size: 25px;
}

.filter-year-title{
  margin-bottom: 1rem;
  font-weight: 600;
}

section.section.section--news-filter{
  padding-bottom: 4rem;
  padding-top: 4rem;
  background-color: #f9f9f9;
  margin-top: 5rem;
}

.quarter-callouts{
  padding-top: 2rem;
}

.quarter-callouts .cell{
  width: 25%!important;
}

@media only screen and (max-width: 1024px){
  .quarter-callouts .cell{
    width: 50%!important;
  }
}

@media only screen and (max-width: 640px){
  .quarter-callouts .cell{
    width: 100%!important;
  }
}