.stButton .stLarge:hover {background-position:0px !important;}
.CookieConsent {position:relative; text-align:left; width:100%; background-color:#000; color:#fff; font-family: 'Lato', Arial, sans-serif; padding:10px 0px 10px 12px; z-index:100;}
.CookieConsent a { text-transform:lowercase; color:#fff; text-decoration:underline;font-family: 'Lato', Arial, sans-serif;}
.CookieConsent .ConsentText {float:left; width:92%; display:inline-block; padding:5px 10px 5px 0;}
.CookieConsent .ConsentButtons {float:left; width:8%; padding:5px 10px 0 0 ; text-align:center;}
.CookieConsent input[type=submit] {width:20px; height:20px; background-image:url(/wp-content/themes/informingfutures/assets/close-cookie.png); background-position:center center; cursor:pointer; color:#000; background-color:#000;}
@media only screen and (min-width: 1500px) {
.CookieConsent {text-align:center;}
.CookieConsent .ConsentText {float:none; width:auto;}
.CookieConsent .ConsentButtons {float:none; width:auto; padding:0px;}
}

/* CSS Document */
.EditMode img.mask {display:none;}
.EditMode .columns {-webkit-column-count: auto; -moz-column-count: auto; column-count:auto;}
.EditMode .thirds {display:block;}
button:focus { outline:none !important;}
a:focus { outline:none !important;}
:focus { outline:none !important;}
* {box-sizing: border-box; background-repeat:no-repeat;}

/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td, select {margin:0px; padding:0px; border:none;}
p, td {font-size:18px; line-height:1.4em; font-weight:normal;}
p, li, a, input, select, td {font-family: 'Lato', Arial, sans-serif; color:#787270;}
h1,h2,h3,h4,h5,h6, h1 a, h2 a, h3 a ,h4 a, h5 a, h6 a { font-weight:normal; font-family: 'Lato', Arial, sans-serif; line-height:1.2em;}
a img,:link img,:visited img { border:none; }
address {font-style:normal;}
.ErrorLabel {display:none;}
input {-webkit-appearance: none;}
.hidden {display:none;}
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom:40px; }
.videoWrapper iframe {position: absolute; top: 0;left: 0; width: 100%; height: 100%;  border: 0px;}
.middle {display: table-cell; vertical-align: middle;}

#container {background-size:100% auto; background-position:top center; float:left; position: relative; max-width: 100%; margin: 0px auto; text-align: left;}
#container>div {min-width:320px; width: 100%; max-width: 100%; float:left; position:relative;}
.wrapper {margin: 0 auto; width: 1275px; max-width: 100%;}
.content {float: left; width: 80%; max-width: 100%; margin:0 10%; position:relative;}

/*#COPY#*/

.copy {float:left; width:100%; margin-bottom:20px;}
.thirds {width:100%; float:left;}
.thirdsColored {width:100%; float:left;}
.thirdsColored .copy.third {padding:30px; margin:0px;}
.quarters {width:100%; float:left;}
.quarter {padding:20px; margin-bottom:0px;}
.copy.third {margin-top:40px;}
.copy:last-child {margin-bottom:0px;}
.copy p {margin-bottom:20px;}
.copy p a {color:#d65a29; cursor:pointer;}
.darkBlue .copy p a {color:#f99f2c; cursor:pointer;}
.copy p a:hover {text-decoration:underline;}
.copy img {max-width:100%;}
.copy.white p, .blue .copy p {color:#fff;}
.copy.whiteBody p, .copy.whiteBody li {color:#fff;}
.copy h1 {color:#94bde5; margin-bottom:20px; padding-bottom:15px; font-size:50px; font-family: bebas-neue-by-fontfabric, sans-serif; font-weight: 700; font-style: normal; background-image:url(/wp-content/themes/informingfutures/assets/h1-underline.png); background-position:left bottom;}
.copy h2 {color:#d65a29; margin-top:30px; margin-bottom:20px; font-size:50px; font-family: bebas-neue-by-fontfabric, sans-serif; font-weight: 700; font-style: normal; padding-top:15px; border-top:3px solid #f99f2c;}
.copy h2:first-child {margin-top:0px;}
.copy h2:last-child {margin-bottom:0px;}
.copy.white h2 {color:#fff; border-top:3px solid #fff;}
.pie .copy h2 {color:#8ed5f6; border-top:3px solid #f99f2c;}
.blue>.copy h2, .orange>.copy h2 {border-top:3px solid #fff;}
.copy h3 {margin-bottom:20px; color:#f99f2c; font-size:22px;}
.copy.white h3, .blue .copy h3, .orange .copy h3  {color:#fff;}
.pie .copy h3 {color:#f99f2c;}
.copy h4 {margin-bottom:15px; font-size:35px; font-family: bebas-neue-by-fontfabric, sans-serif; font-weight: 700; font-style: normal; color:#d55a28;}
.copy.white h4 {color:#fff;}
.copy h5 {margin-bottom:15px; font-size:30px; font-family: bebas-neue-by-fontfabric, sans-serif; font-weight: 700; font-style: normal; color:#8ed5f6;}
.copy.white h5 {color:#fff;}
.pie .copy.white h5 {color:#8ed5f6;}
.copy ul {margin-bottom:20px;}
.copy ul li {background-image:url(/wp-content/themes/informingfutures/assets/bullet.png); background-position:0px 4px; margin-bottom:10px; padding-left:20px; font-size:18px; line-height:1.4em;}
.orange .copy ul li {background-image:url(/wp-content/themes/informingfutures/assets/bullet-white.png); }
.copy ul li a {color:#d65a29;}
.copy ul li a:hover {text-decoration:underline;}
.copy.white ul li {color:#fff;}
.copy p:last-child {margin-bottom:0px;}
.imageBackground {display:none;}
.videoBackground {margin:40px 0 -60px 0; }
.videoBackground img {position:relative; max-width:100%; z-index:5;}

.copy.altHeadings h2 {color:#f99f2c;}
.mainImage {margin-bottom:40px; float:left; width:100%;}
.mainImage img { max-width:100%;}
.imageInfo {width:100%; margin-bottom:40px;}
.imageInfo p {color:#d65a29; margin-bottom:20px;}

.copy a.button {display:inline-block; border:3px solid #423a35; padding:4px 20px 1px 10px; color:#3a3432; font-family: bebas-neue-by-fontfabric, sans-serif; font-weight: 700; font-style: normal; text-transform:uppercase; font-size:22px; 
  background-image:url(/wp-content/themes/informingfutures/assets/learn-more.png); background-position:right 6px center; }
.copy.white a.button {color:#fff; border-color:#fff; background-image:url(/wp-content/themes/informingfutures/assets/learn-more-white.png);}
.copy a.button:hover {text-decoration:none; background-color:#efefef;}
.copy.white a.button:hover {background-color:#3a3432;}

@media only screen and (min-width: 768px) {
.flex {display:flex; flex-wrap:wrap; width:100%;}
.copy.half {width:50%;}
.copy.quarter {float:left; width:50%;}
.thirdsColored .copy.third {width:33.3333%; margin:0px;}
.imageBackground {float:left; width:50%; margin-bottom:-50px; display: flex;  align-items: flex-end;}
.imageBackground img {position:relative; bottom:0px; right:0px;}
.videoBackground {margin:40px 0 -80px 0;}
}

@media only screen and (min-width: 1024px) {
.copy {width:75%;}
.copy.halfVideo {width:50%;}
.thirds {width:75%;}
.copy.third {width:30%; margin-left:5%;}
.copy.third:nth-child(3n+1) {margin-left:0; clear:left;}
.copy.quarter {float:left; width:25%;}
.imageBackground {margin-bottom:-60px;}
.videoBackground {float:left; width:50%; margin-bottom:-90px; display: flex;  align-items: flex-end; margin-top:0px;}
.videoBackground img {position:relative; bottom:0px; right:0px;}
.mainImage {width:75%;}
.imageInfo {float:right; width:20%;}
}

@media only screen and (min-width: 1400px) {
.copy.half {width:75%;}
.imageBackground {margin-right:-25%; margin-top:-15%;}
.videoBackground {margin-right:-25%;}
  }



/*#MASTER PAGE#*/

.margin {padding:40px 0;}
.margin.videoMargin {padding:40px 0 150px 0;}
.marginTop {padding:40px 0 0 0;}
.marginBottom {padding:0 0 40px 0;}
.left {margin-bottom:40px;}
.wide {width:90%; padding:30px 5%; margin:0 5%;}
#banner {height:450px; background-size:cover; background-position:center center; margin-top:0px; position:relative;}
#banner .content {height:450px;}
.lightBlue {background-color:#f7f9fd;}
.lightGrey {background-color:#eceaea;}
.blue {background-color:#a3c5e9;}
.orange {background-color:#eea028;}
.darkOrange {background-color:#cd5c30;}
.darkGrey {background-color:#4E4846;}
.darkBlue {background-color:#006c86;}
.midGrey {background-color:#8e9195;}
#header a.logo {margin-top:30px; background-image:url(/wp-content/themes/informingfutures/assets/informing-futures-logo.png); background-size:contain; width:260px; height:80px;  display:block; float:left;}
#header ul#menu-topnav {display:none; float:right; margin-top:50px;}
#header ul#menu-topnav li {float:left;}
#header ul#menu-topnav li a {color:#8d9195; font-weight:bold; font-size:13px; margin-left:40px; text-transform:uppercase;}
#header ul#menu-topnav li.current-menu-item a {color:#f99f2c;}
#menu {display:none; background-color:rgba(148,189,229,0.8); height:80px; z-index:5;}
#menu ul#menu-mainnav {width:100%;}    
#menu ul#menu-mainnav li {float:left; width:20%; padding: 0 10px 0 10px;}
#menu ul#menu-mainnav li a {display:block; color:#fff; font-size:13px; font-weight:normal; padding:0 11px; height: 36px; margin:22px 0;  border-left:1px solid #fff; text-transform:uppercase; cursor:pointer;}
#menu ul#menu-mainnav li:hover {background-color:rgba(249,159,44,0.8);}
#menu ul#menu-mainnav>li>ul {display:none; position:absolute; width:100%; float:left; left:0px; background-color:rgba(249,159,44,0.8);}
#menu ul#menu-mainnav li.current-menu-item {background-color:rgba(214,90,41,0.8);}
#menu ul#menu-mainnav li.current-menu-ancestor {background-color:rgba(214,90,41,0.8);}
#footer {padding:120px 0 160px 0; background-image:url(/wp-content/themes/informingfutures/assets/background-footer.jpg); background-position:center center; background-size:cover;}
#footer #mobile {display:none;}
#footer a#backToTop {margin-top:-80px; font-size: 18px;  background-image: url(/wp-content/themes/informingfutures/assets/arrow-up.png); color:#fff;  background-position: 95% center;  padding-right: 55px;  line-height: 40px;  height: 40px;  display: block;  float: right;}
#menu ul#menu-mainnav>li>ul:before {content:""; background-color:rgba(249,159,44,0.8); position:absolute; top:0; bottom:0; width:9600px; right:100%; z-index:-1;}
#menu ul#menu-mainnav>li>ul:after {content:""; background-color:rgba(249,159,44,0.8); position:absolute; top:0; bottom:0; width:9600px; left:100%; z-index:-1;}

@media only screen and (max-width: 767px) {
#header {height:212px;}
#header .content {height:212px;}
a#navButton {position:absolute; width:125%; background-color:#a3c5e9; margin-left:-12.5%; bottom:0px; display:block; height:56px; background-image:url(/wp-content/themes/informingfutures/assets/hamburger.png); background-repeat:no-repeat; background-position:right 5% center;}
a#navButton span {text-transform:uppercase; color:#fff; font-size:14px; line-height:56px; font-weight:700; float:right; margin-right:calc(5% + 56px);}
  }

@media only screen and (min-width: 768px) {
.margin {padding:50px 0;}
.margin.videoMargin {padding:50px 0 160px 0;}
.marginTop {padding:50px 0 0 0;}
.marginBottom {padding:0 0 50px 0;}
#header {height:156px;}
#header .content {height:156px;}
#banner {height:575px;}
#banner .content {height:575px;}
a#navButton {float:right; position:relative; display:block; height:56px; background-image:url(/wp-content/themes/informingfutures/assets/hamburger.png); background-repeat:no-repeat; background-position:right center; width:120px; margin-top:40px;}
a#navButton span {text-transform:uppercase; color:#999a9c; font-size:14px; line-height:56px; font-weight:700;}
  }

@media only screen and (min-width: 1024px) {
.margin {padding:60px 0;}
.margin.videoMargin {padding:60px 0 170px 0;}
.marginTop {padding:60px 0 0 0;}
.marginBottom {padding:0 0 60px 0;}
.left {float:left; width:20%; margin-right:5%; margin-bottom:0; text-align:right;}
a#navButton {display:none;}
#header {height:120px;}
#header .content {height:120px;}
#header a.logo {margin-top:16px;}
#header ul#menu-topnav {display:block;}
#menu {display:block;}
#banner {margin-top:-80px;}
  }
    
    
    
.future4me {background-image:url(/wp-content/themes/informingfutures/assets/background-future-4-me.jpg); background-size:cover; background-position:center center;}    
    
    
/*#BACKGROUNDS#*/   

img.people {display:none;}

@media only screen and (min-width: 1400px) {
  img.people {display:block; position:absolute; bottom:0px; right:85%; margin-bottom:-60px;}
}

/*#HOME PAGE#*/   

#banner .copy {background-color:rgba(66,58,53,0.65); position:absolute; bottom:40px; padding:30px 20px;}
.section {width:125%; margin-left:-12.5%;}
.section .copy {padding:40px 10%; margin:0px;}
.section .image {display:none;}
.cycle-slideshow {width:100%; }
.cycle-carousel-wrap {width:100%;}
.cycle-slideshow .partners {width:100%; text-align:center; height:200px; background-size: contain; background-position:center center;}

p cite {color:#f99f2c; font-family: bebas-neue-by-fontfabric, sans-serif; font-size:35px; font-weight:700; line-height:1.1em; font-style:normal;}

@media only screen and (min-width: 768px) {
#banner .copy {bottom:80px; padding:30px 40px;}
.section {display:flex; float:left; width:100%; margin:0px;}
.section .image {display:block; width:50%; flex-grow:1; background-size:cover; background-position:center center;}
.sectionPIE .image {background-image:url(/wp-content/themes/informingfutures/assets/sectionPIE.jpg);}
.sectionSPMH .image {background-image:url(/wp-content/themes/informingfutures/assets/sectionSPMH.jpg);}
.sectionWT .image {background-image:url(/wp-content/themes/informingfutures/assets/sectionWT.jpg);}
.sectionTIS .image {background-image:url(/wp-content/themes/informingfutures/assets/sectionTIS.jpg);}
.sectionR .image {background-image:url(/wp-content/themes/informingfutures/assets/sectionR.jpg);}
.section .copy.half {width:50%;}
.section .copy {padding:40px; flex-grow:1;}
.cycle-slideshow .partners {width:33.3333%; background-size: 80% auto;}
  }

@media only screen and (min-width: 1024px) {
#banner .copy {width:70%; padding:30px 50px;}
.section .copy {padding:40px 60px;}
.cycle-slideshow .partners {width:20%;}
  }
   
@media only screen and (min-width: 1400px) {
#banner .copy {width:60%; margin-left:-5%;}
  } 




/*#RESOURCES#*/       

.tools {background-image:url(/wp-content/themes/informingfutures/assets/background-tools.jpg); background-size:cover; background-position:center center;}
.cog {background-image:url(/wp-content/themes/informingfutures/assets/background-cog.png); background-position:left -200px top 100px;}

.modules {float:left; width:100%;}
.module {float:left; margin:40px 0;}
.module .copy {width:90%; margin:40px 0 0 0;} 
.module .file {height:225px; width:177px;}
.module .file {background-size:contain; background-position:top left; padding:10px 20px;}
.module .file p.heading {color:#fff; font-family: bebas-neue-by-fontfabric, sans-serif; font-size:30px; font-weight:700; line-height:1.2em;}
.module .file p.number {color:#fff; font-family: bebas-neue-by-fontfabric, sans-serif; font-size:45px; font-weight:300; line-height:1.0em; margin-bottom:30px;}
.module .file p.title {color:#fff; font-size:18px; font-weight:bold;}
.module:nth-child(8n+1) .file {background-image:url(/wp-content/themes/informingfutures/assets/file001.png);}
.module:nth-child(8n+2) .file {background-image:url(/wp-content/themes/informingfutures/assets/file002.png);}
.module:nth-child(8n+3) .file {background-image:url(/wp-content/themes/informingfutures/assets/file006.png);}
.module:nth-child(8n+4) .file {background-image:url(/wp-content/themes/informingfutures/assets/file004.png);}
.module:nth-child(8n+5) .file {background-image:url(/wp-content/themes/informingfutures/assets/file005.png);}
.module:nth-child(8n+6) .file {background-image:url(/wp-content/themes/informingfutures/assets/file003.png);}
.module:nth-child(8n+7) .file {background-image:url(/wp-content/themes/informingfutures/assets/file007.png);}
.module:nth-child(8n+8) .file {background-image:url(/wp-content/themes/informingfutures/assets/file008.png);}
    
@media only screen and (min-width: 480px) {
.module {width:50%;}
.module:nth-child(2n+1) {clear:left;}
  }

@media only screen and (min-width: 768px) {
.module {width:33.3333%;}
.module:nth-child(2n+1) {clear:none;}
.module:nth-child(3n+1) {clear:left;}
  }
  
@media only screen and (min-width: 1024px) {
.module {width:25%;}
.module:nth-child(3n+1) {clear:none;}
.module:nth-child(4n+1) {clear:left;}
  }
  
.videos {float:left; width:100%; margin-top:-110px;}
.video {float:left; margin:0 0 80px 0;}
.video .copy {width:90%; margin:40px 0 0 0;} 
.video .screen {height:194px; width:213px;}
.video .screen {background-size:contain; background-position:top left; padding:33px 40px;}
.video .screen p.heading {color:#fff; font-family: bebas-neue-by-fontfabric, sans-serif; font-size:30px; font-weight:700; line-height:1.2em; margin-bottom:16px;}
.video .screen p.heading span {font-weight:300;}
.video .screen p.title {color:#fff; font-size:18px; font-weight:bold; line-height:1.2em;}
.video:nth-child(3n+1) .screen {background-image:url(/wp-content/themes/informingfutures/assets/video001.png);}
.video:nth-child(3n+2) .screen {background-image:url(/wp-content/themes/informingfutures/assets/video002.png);}
.video:nth-child(3n+3) .screen {background-image:url(/wp-content/themes/informingfutures/assets/video003.png);}
    
@media only screen and (min-width: 640px) {
.video {width:50%;}
.video:nth-child(2n+1) {clear:left;}
  }

@media only screen and (min-width: 1024px) {
.video {width:33.3333%;}
.video:nth-child(2n+1) {clear:none;}
.video:nth-child(3n+1) {clear:left;}
  }
  
@media only screen and (min-width: 1280px) {
.video {width:25%;}
.video:nth-child(3n+1) {clear:none;}
.video:nth-child(4n+1) {clear:left;}
  }
  
    
    

/*#PSYCHOLOGICALLY INFORMED ENVIRONMENTS#*/      

.pie .content {background-color:#4e4846; padding:60px 5%; width:90%; margin:0% 5%; background-image:url(/wp-content/themes/informingfutures/assets/background-cog-2.png); background-position:bottom right;}
.pie {background-image:url(/wp-content/themes/informingfutures/assets/background-pie.png); background-position:bottom; background-repeat:repeat-x;}

.quarterLinks {background-image:url(/wp-content/themes/informingfutures/assets/backgound-quarters-top.png); background-repeat:repeat-x; background-position:top;}

.quote {background-image:url(/wp-content/themes/informingfutures/assets/background-quote.jpg); background-position:center center; background-size:cover; margin-bottom:-120px; padding-bottom:160px;}
.quote .copy {background-image:url(/wp-content/themes/informingfutures/assets/quote.png); background-size:contaiin; padding:80px 0 40px 0; background-position:top left;}
.quote .copy p {color:#d65a29; font-family: bebas-neue-by-fontfabric, sans-serif; font-size:35px; font-weight:700; line-height:1.1em;}


@media only screen and (min-width: 768px) {
.quote {padding-bottom:170px;}
  }

@media only screen and (min-width: 1024px) {
.quote {padding-bottom:180px;}
  }

.download {float:left; border-right:1px solid #fff; margin:40px 0 20px 0;}
.download:last-child {border:0px;}
.download .copy {padding-right:5%;}
.download .copy p {color:#4c4442;}
.powerpoint .order {height:86px; background-image:url(/wp-content/themes/informingfutures/assets/download-ppt.png); background-size:contain; margin-bottom:10px;}
.powerpoint .order p {color:#fff; font-family: bebas-neue-by-fontfabric, sans-serif; font-size:26px; font-weight:700; line-height:80px; margin:0px 0 0 60px;}
.guide .order {height:86px; background-image:url(/wp-content/themes/informingfutures/assets/download-pdf.png); background-size:contain; margin-bottom:10px;}
.guide .order p {color:#fff; font-family: bebas-neue-by-fontfabric, sans-serif; font-size:26px; font-weight:700; line-height:80px; margin:0px 0 0 60px;}

@media only screen and (min-width: 480px) {
.download {width:45%; margin-left:10%;}
.download:nth-child(2n+1) {clear:left; margin-left:0%;}
.download:nth-child(2n+2) {border-right:0px;}  
.download:last-child {border:0px;}
  }

@media only screen and (min-width: 768px) {
.download {width:30%; margin-left:5%;}
.download:nth-child(2n+1) {clear:none; margin-left:5%}
.download:nth-child(2n+2) {border-right:1px solid #fff;}  
.download:nth-child(3n+1) {clear:left; margin-left:0;}
.download:nth-child(3n+3) {border-right:0px;}  
.download:last-child {border:0px;}
  }

@media only screen and (min-width: 1024px) {
.download {width:22%; margin-left:4%;}
.download:nth-child(2n+1) {margin-left:4%}
.download:nth-child(2n+2) {border-right:1px solid #fff;}  
.download:nth-child(3n+1) {clear:none; margin-left:4%;}
.download:nth-child(3n+3) {border-right:1px solid #fff;}  
.download:nth-child(4n+1) {clear:left; margin-left:0px;}
.download:nth-child(4n+4) {border-right:0px;}  
.download:last-child {border:0px;}
  }



/*#PARTNERS#*/      

#partners {float:left; width:100%;}
.partner {float:left; width:100%; margin-bottom:60px;}
.partner .image {display:flex; width:100%; height:150px; align-items: center; margin-bottom:20px;}
.partner .image img {max-width:100%; max-height:90%;}
.partner .copy {width:100%;}
.partner .copy h5 {color:#787270; font-size:22px; font-family: 'Lato',Arial,sans-serif; margin-bottom:20px;}


@media only screen and (min-width: 640px) {
.partner {width:47.5%; margin-left:5%;}
.partner:nth-child(2n+1) {margin-left:0; clear:left;}
  }
  
@media only screen and (min-width: 1024px) {
.partner {width:30%; margin-left:5%; margin-bottom:80px;}
.partner:nth-child(2n+1) {margin-left:5%; clear:none;}
.partner:nth-child(3n+1) {margin-left:0; clear:left;}
  
  }

@media only screen and (min-width: 1280px) {
.partner {width:22%; margin-left:4%;}
.partner:nth-child(2n+1) {margin-left:4%; clear:none;}
.partner:nth-child(3n+1) {margin-left:4%; clear:none;}
.partner:nth-child(4n+1) {margin-left:0; clear:left;}
  
  }


/*#SUPPORTING POSITIVE MENTAL HEALTH#*/

.caseStudy {float:left; width:100%; background-color:#4b4442; display:flex; margin-top:-120px; margin-bottom:60px;}
.caseStudy .image {display:none; background-image:url(/wp-content/themes/informingfutures/assets/case-study.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center;}
.caseStudy .copy {padding:30px 50px;}

@media only screen and (min-width: 1024px) {
.caseStudy {width:75%; margin-top:-200px; margin-bottom:100px;}
.caseStudy .image {width:30%; display:block;}
.caseStudy .copy {width:70%;}
  }



/*#ABOUT#*/

#numbers {float:left; width:100%; }
.numbers {float:left; width:100%; margin-top:60px;}
.numbers img {margin-bottom:15px;}
.numbers h3 {color:#f99f2c; font-size:54px; font-family: bebas-neue-by-fontfabric, sans-serif; font-weight: 700; font-style: normal; margin-bottom:5px;}
.numbers p {}

.infographic {width:100%; float:left; margin:40px 0 80px 0;}
.infographic img {width:100%; float:left;}
  
@media only screen and (min-width: 640px) {
.numbers {width:47.5%; margin-left:5%;}
.numbers:nth-child(2n+1) {margin-left:0%; clear:left;}
  }

@media only screen and (min-width: 768px) {
.infographic img {width:50%; float:left;}
.infographic2 img:first-child {float:right;} 
    }

@media only screen and (min-width: 1024px) {
#background4 .content {background-image:url(/wp-content/themes/informingfutures/assets/background-4.png); background-size:80%; background-position:right center;}
#numbers {width:75%;}
.numbers {width:30%; margin-left:5%;}
.numbers:nth-child(2n+1) {margin-left:5%; clear:none;}
.numbers:nth-child(3n+1) {margin-left:0%; clear:left;}
  }
  
  
/*#DOMESTIC VIOLENCE#*/

.lockAndKey {margin-bottom:60px; float:left; width:100%;}
.lock {background-color:#006d88; float:left; width:100%; padding:30px; background-image:url(/wp-content/themes/informingfutures/assets/lock-background.png); background-position:top 20px center; background-size:contain;}
.key {background-color:#d65a29; float:left; width:100%; padding:30px;  background-image:url(/wp-content/themes/informingfutures/assets/key-background.png); background-position:top 20px center; background-size:contain;}
.key.copy:last-child {margin-bottom:20px;}  

@media only screen and (min-width: 1024px) {
.lockAndKey {width:75%; display:flex;}
.lock {width:50%; flex-grow: 1;}
.key {width:50%; flex-grow: 1; }
  }