/* UPDATED JAN 5, 2021 5PM */
/* - item-photo-quote styles */

/* ---- TYPOGRAPHY SPACING ---- */

.layout-hero h1{
  margin: 0;
  padding: 0;
}

@media only screen and (min-width:768px){
  .layout-hero h1{
    
  }
}

@media only screen and (min-width:992px){
  .layout-hero h1{
    
  }
}

.layout-cta h3.layout-section-title,
.layout-text h3.layout-section-title{
  text-align: center;
  margin-bottom: 40px;
}

@media only screen and (min-width:768px){
  .layout-cta h3.layout-section-title,
  .layout-text h3.layout-section-title{
    margin-bottom: 50px;
  }
}

@media only screen and (min-width:992px){
  .layout-cta h3.layout-section-title,
  .layout-text h3.layout-section-title{
    margin-bottom: 70px;
  }
}

.layout-flexible-text h3.layout-section-title{
  text-align: center;
  letter-spacing: 2px;
  font-weight: 700;
  text-transform: uppercase;
}

@media only screen and (min-width:768px){
  .layout-flexible-text h3.layout-section-title{

  }
}

@media only screen and (min-width:992px){
  .layout-flexible-text h3.layout-section-title{

  }
}

.layout-section-text + .layout-section-title{
  margin-top: 45px;
}

.layout-section-text p{
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.layout-body p + p{
  margin-top: 15px;
}

@media only screen and (min-width:768px){
  .layout-body p + p{
    margin-top: 20px;
  }
}

@media only screen and (min-width:992px){
  .layout-body p + p{
    margin-top: 25px;
  }
}

.layout-body .col-lg-8 p + p{
  margin-top: 15px;
}

@media only screen and (min-width:768px){
  .layout-body .col-lg-8 p + p{
    margin-top: 20px;
  }
}

@media only screen and (min-width:992px){
  .layout-body .col-lg-8 p + p{
    margin-top: 25px;
  }
}

/* ---- SHOW / HIDE FOR ENGLISH and SPANISH ---- */

/* ENGLISH */
body.en .show-for-en{
  display: block;
}

body.en .show-for-es{
  display: none;
}

/* SPANISH FOOTER */
body.es .show-for-es{
  display: block;
}

body.es .show-for-en{
  display: none;
}

/* ---- HERO ---- */

.layout-hero{
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding: 15px 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: stretch;
}

@media only screen and (min-width:768px){
  .layout-hero{
    min-height: 300px;
  }
}

@media only screen and (min-width:992px){
  .layout-hero{
    min-height: 400px;
  }
}

.container-hero{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: stretch;
}

.hero-body{
  margin-top: 35px;
}

@media only screen and (min-width:768px){
  .hero-body{
    margin-top: 50px;
  }
}

@media only screen and (min-width:992px){
  .hero-body{
    margin-top: 60px;
  }
}

.layout-hero h1.hero-title{
  max-width: 900px;
  margin: auto;
}

.layout-hero p.hero-subtitle{
  max-width: 900px;
  margin: auto;
  margin-top: 30px;
  font-family: "Muli", sans-serif;
}

.hero-logo{

}

.hero-logo-text{

}

.hero-logo-text span{
  display: block;
}


/* ---- HERO STYLES ---- */

/* TEXT LEFT & GRAPHIC RIGHT */

.layout-hero.hero-background-right{
  background-size: auto 100%;
  background-position: right center;
}

@media only screen and (min-width:992px){
  .layout-hero.hero-background-right .container-hero{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: stretch;
  }
}

.layout-hero.hero-background-right .button-wrapper{
  text-align: left;
  padding-top: 0;
  padding-bottom: 30px;
}

@media only screen and (min-width:1200px){
  .layout-hero.hero-background-right .button-wrapper{
    padding-top: 30px;
  }
}

/* BACKGROUND PATTERN */

.layout-hero.hero-background-repeat{
  background-size: auto 100%;
  background-position: center center;
  background-repeat: repeat-x;
  text-align: center;
}

.layout-hero.hero-background-repeat h1.hero-title{
  text-align: center;
}

.layout-hero.hero-background-repeat p.hero-subtitle{
  text-align: center;
}

.layout-hero.hero-background-repeat .hero-body{
  text-align: center;
}

.layout-hero.hero-background-repeat a.button{
  
}

/* BACKGROUND COVER */

.layout-hero.hero-background-cover{
  background-size: cover;
  background-position: center center;
  background-repeat: repeat-x;
  text-align: center;
  position: relative;
}

/* CUSTOM CLASS */
.layout-hero.hero-background-cover:after {
  content: " ";
  background-color: rgba(0,0,0,0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

/* CUSTOM CLASS */
.layout-hero.hero-background-cover.light-tint:after {
  background-color: rgba(0,0,0,.3);
}

/* CUSTOM CLASS */
.layout-hero.hero-background-cover.dark-tint:after {
  background-color: rgba(0,0,0,.5);
}

.layout-hero.hero-background-cover .container{
  z-index: 1;
}

.layout-hero.hero-background-cover h1.hero-title{
  text-align: center;
  color: #FFFFFF;
}

.layout-hero.hero-background-cover p.hero-subtitle{
  text-align: center;
  color: #FFFFFF;
}

.layout-hero.hero-background-cover .hero-body{
  text-align: center;
  color: #FFFFFF;
}

.layout-hero.hero-background-cover a.button{
  
}

/* BACKGROUND PLAIN */

.layout-hero.hero-plain{
  text-align: center;
}

@media only screen and (min-width:768px){
  .layout-hero.hero-plain{
    min-height: 0;
  }
}

@media only screen and (min-width:992px){
  .layout-hero.hero-plain{
    min-height: 0;
  }
}

.layout-hero.hero-plain h1.hero-title{
  text-align: center;
}

@media only screen and (min-width:992px){
  .layout-hero.hero-plain h1.hero-title{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}

.layout-hero.hero-plain p.hero-subtitle,
.layout-hero.hero-plain .hero-custom-markup{
  text-align: center;
  margin-top: 20px;
}

.layout-hero.hero-plain .container{
  padding-top: 15px;
  padding-bottom: 25px;
}

@media only screen and (min-width:768px){
  .layout-hero.hero-plain .container{
    padding-top: 15px;
    padding-bottom: 30px;
  }
}

@media only screen and (min-width:992px){
  .layout-hero.hero-plain .container{
    padding-top: 25px;
    padding-bottom: 35px;
  }
}

@media only screen and (min-width:1200px){
  .layout-hero.hero-plain .container{
    padding-top: 40px;
    padding-bottom: 50px;
  }
}

.layout-hero.hero-plain a.back_link{
  margin-bottom: 10px;
}

/* ---- SUBNAV ---- */

.layout-submenu{
}

@media only screen and (min-width:992px){
  .layout-submenu.submenu-overlap-hero{
    margin-top: -69px; /* SETTING: Submenu overlaps hero */
    position: relative;
    z-index: 10;
    margin-bottom: 30px;
  }
}

ul.submenu{
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  list-style-type: none;
  justify-content: center;
}

@media only screen and (min-width:992px){
  ul.submenu{
    flex-flow: row nowrap;
  }
}

ul.submenu li{
  display: block;  
}

@media only screen and (min-width:992px){
  ul.submenu li{
    margin: 0 10px;
  }
}

ul.submenu li a{
  display: inline-block;
  padding: 20px 15px 0;
  text-decoration: none;
}

ul.submenu li a:hover{
  text-decoration: underline;
}

@media only screen and (min-width:992px){
  ul.submenu li a{
    padding: 5px 20px 5px;
    border: 3px solid #FFFFFF;
  }
}

@media only screen and (min-width:992px){
  .layout-submenu.submenu-overlap-hero ul.submenu li a{
    color: #FFFFFF;
  }
}

@media only screen and (min-width:992px){
  .layout-submenu.submenu-overlap-hero ul.submenu li a:hover{
    color: #FFFFFF;
    text-decoration: underline;
  }
}

/* ---- LAYOUT SPACING ---- */

.layout-generic .container,
.layout-hero .container,
.layout-submenu .container,
.layout-separator .container,
.layout-list-of-items .container,
.layout-text .container,
.layout-text-sidebar .container,
.layout-flexible-text .container,
.layout-photo-quote .container,
.layout-cta .container,
.layout-footer .container{
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (min-width:768px){
  .layout-generic .container,
  .layout-hero .container,
  .layout-submenu .container,
  .layout-separator .container,
  .layout-list-of-items .container,
  .layout-text .container,
  .layout-text-sidebar .container,
  .layout-flexible-text .container,
  .layout-photo-quote .container,
  .layout-cta .container,
  .layout-footer .container{
    padding-top: 40px;
    padding-bottom: 50px;
  }
}

@media only screen and (min-width:992px){
  .layout-generic .container,
  .layout-hero .container,
  .layout-submenu .container,
  .layout-separator .container,
  .layout-list-of-items .container,
  .layout-text .container,
  .layout-text-sidebar .container,
  .layout-flexible-text .container,
  .layout-photo-quote .container,
  .layout-cta .container,
  .layout-footer .container{
    padding-top: 65px;
    padding-bottom: 75px;
  }
}

@media only screen and (min-width:1200px){
  .layout-generic .container,
  .layout-hero .container,
  .layout-submenu .container,
  .layout-separator .container,
  .layout-list-of-items .container,
  .layout-text .container,
  .layout-text-sidebar .container,
  .layout-flexible-text .container,
  .layout-photo-quote .container,
  .layout-cta .container,
  .layout-footer .container{
    padding-top: 90px;
    padding-bottom: 100px;
  }
}

/* ---- SMALL-TOP-PADDING ---- */

.small-top-padding .container{
  padding-top: 15px;
}

@media only screen and (min-width:768px){
  .small-top-padding .container{
    padding-top: 20px;
  }
}

@media only screen and (min-width:992px){
  .small-top-padding .container{
    padding-top: 30px;
  }
}

@media only screen and (min-width:1200px){
  .small-top-padding .container{
    padding-top: 45px;
  }
}

/* ---- SMALL-BOTTOM-PADDING ---- */

.small-bottom-padding .container{
  padding-bottom: 15px;
}

@media only screen and (min-width:768px){
  .small-bottom-padding .container{
    padding-bottom: 25px;
  }
}

@media only screen and (min-width:992px){
  .small-bottom-padding .container{
    padding-bottom: 35px;
  }
}

@media only screen and (min-width:1200px){
  .small-bottom-padding .container{
    padding-bottom: 50px;
  }
}

/* ---- LARGE-TOP-PADDING ---- */

.large-top-padding .container{
  padding-top: 35px;
}

@media only screen and (min-width:768px){
  .large-top-padding .container{
    padding-top: 60px;
  }
}

@media only screen and (min-width:992px){
  .large-top-padding .container{
    padding-top: 85px;
  }
}

@media only screen and (min-width:1200px){
  .large-top-padding .container{
    padding-top: 110px;
  }
}

/* ---- LARGE-BOTTOM-PADDING ---- */

.large-bottom-padding .container{
  padding-bottom: 45px;
}

@media only screen and (min-width:768px){
  .large-bottom-padding .container{
    padding-bottom: 70px;
  }
}

@media only screen and (min-width:992px){
  .large-bottom-padding .container{
    padding-bottom: 95px;
  }
}

@media only screen and (min-width:1200px){
  .large-bottom-padding .container{
    padding-bottom: 120px;
  }
}

/* ---- NO-TOP-PADDING ---- */

.no-top-padding .container{
  padding-top: 0;
}

@media only screen and (min-width:768px){
  .no-top-padding .container{
    padding-top: 0;
  }
}

@media only screen and (min-width:992px){
  .no-top-padding .container{
    padding-top: 0;
  }
}

@media only screen and (min-width:1200px){
  .no-top-padding .container{
    padding-top: 0;
  }
}

/* ---- NO-BOTTOM-PADDING ---- */

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

@media only screen and (min-width:768px){
  .no-bottom-padding .container{
    padding-bottom: 0;
  }
}

@media only screen and (min-width:992px){
  .no-bottom-padding .container{
    padding-bottom: 0;
  }
}

@media only screen and (min-width:1200px){
  .no-bottom-padding .container{
    padding-bottom: 0;
  }
}

/* ---- PAGE BLOCKS: LIST OF ITEMS ---- */

@media only screen and (min-width:500px){
  .layout-list-of-items .container{
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (min-width:500px){
  .list-of-items{

  }
}

@media only screen and (min-width:768px){
  .list-of-items{

  }
}

@media only screen and (min-width:992px){
  .list-of-items{
    margin-left: -1.5%;
    margin-right: -1.5%;

    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
  }
}

.list-of-items .item{
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  margin-bottom: 30px;
  text-align: center;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}

@media only screen and (min-width:500px){
  .list-of-items .item{
    padding: 45px;
    margin-bottom: 45px;
  }
}

@media only screen and (min-width:768px){
  .list-of-items .item{
    padding: 30px;
    max-width: 450px;
    margin-bottom: 60px;
  }
}

@media only screen and (min-width:992px){
  .list-of-items .item{
    padding-left: 30px;
    padding-right: 30px;

    margin-left: 1.5%;
    margin-right: 1.5%;
    margin-bottom: 30px;

    max-width: none;
    flex: 0 1 100%;

    /* text-align: left; */

    display: flex;
    flex-flow: column nowrap;
  }
}

.list-of-items h4{
  text-align: center;
  word-break: break-word;
}

@media only screen and (min-width:992px){
  .list-of-items h4{
    /* text-align: left; */
  }
}

.list-of-items h4 span.small-title{
  display: block;
  text-align: center;
}

@media only screen and (min-width:992px){
  .list-of-items h4 span.small-title{
    text-align: left;
  }
}

.list-of-items .item p{
  line-height: 1.5;
  font-size: 19px;
  text-align: center;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

@media only screen and (min-width:992px){
  .list-of-items .item p{
    margin-top: 10px !important;
    margin-bottom: 15px !important;
  }
}

.list-of-items a.button{
  padding: 10px 20px !important;
  display: block;
  text-align: center;
  margin-top: auto !important;
}

@media only screen and (min-width:992px){
  .list-of-items a.button{
    display: inline-block;
    padding: 10px 5px !important;
    font-size: 19px !important;
  }
}

.list-of-items .item-image{
  margin-bottom: 20px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items:  center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media only screen and (min-width:768px){
  .list-of-items .item-image{
    margin-bottom: 25px;
  }
}

@media only screen and (min-width:992px){
  .list-of-items .item-image{
    margin-bottom: 30px;
  }
}

/* LIST OF IMAGES, IMAGE STYLE - IMG */

.list-of-items.image-style-img .item-image{
  background-image: none !important;
}

.list-of-items.image-style-img .item-image img{
  display: block;
}

/* LIST OF IMAGES, IMAGE STYLE - BG IMAGE CONTAIN */

.list-of-items.image-style-contain .item-image{
  background-size: contain !important;
  height: 250px;
}

@media only screen and (min-width:992px){
  .list-of-items.image-style-contain .item-image{
    height: 200px;
  }
}

.list-of-items.image-style-contain .item-image img{
  display: none;
}

/* LIST OF IMAGES, IMAGE STYLE - BG IMAGE COVER */

.list-of-items.image-style-cover .item-image{
  background-size: cover !important;
  height: 250px;
}

@media only screen and (min-width:992px){
  .list-of-items.image-style-cover .item-image{
    height: 200px;
  }
}

.list-of-items.image-style-cover .item-image img{
  display: none;
}

.list-of-items img{
  display: block;
  max-height: 100%;
  max-width: 100%;
}

/* ---- PAGE BLOCKS: LIST OF ITEMS : 1 COLUMN ---- */

@media only screen and (min-width:992px){
  .list-of-items-1-column .item{
    display: block;
  }
}

@media only screen and (min-width:992px){
  .list-of-items-1-column h4{
    font-size: 70px;
    margin-top: 25px;
    margin-left: 20px;
  }
}

@media only screen and (min-width:992px){
  .list-of-items-1-column p{
    margin-left: 20px;
  }
}

@media only screen and (min-width:992px){
  .list-of-items-1-column a.button{
    margin-left: 20px;
    margin-bottom: 45px;
  }
}

@media only screen and (min-width:992px){
  .list-of-items-1-column .item-image{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 375px !important;
    float: right;
    margin: 0 15px 0 45px;
  }
}

@media only screen and (min-width:992px){
  .list-of-items-1-column .item-image img{
    margin: auto;
  }
}

/* ---- PAGE BLOCKS: LIST OF ITEMS : 2 COLUMNS ---- */

@media only screen and (min-width:992px){
  .list-of-items-2-columns .item{
    flex: 0 0 47%;
  }
}

/* ---- PAGE BLOCKS: LIST OF ITEMS : 2 COLUMNS W/ CORNER ICON ---- */

@media only screen and (min-width:1200px){
  .list-of-items-2-columns-corner-icon .item{
    display: flex;
    flex-flow: row wrap;
  }
}

@media only screen and (min-width:1200px){
  .list-of-items-2-columns-corner-icon .item{
    display: flex;
  }
}

@media only screen and (min-width:1200px){
  .list-of-items-2-columns-corner-icon .item-image {
    height: 200px;
    flex: 0 0 200px;
    order: 2;
    margin-bottom: 0;
  }
}

@media only screen and (min-width:1200px){
  .list-of-items-2-columns-corner-icon h4{
    flex: 1 0 50px;
    order: 1;
    height: 200px;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: center;
  }
}

@media only screen and (min-width:1200px){
  .list-of-items-2-columns-corner-icon p{
    flex: 0 0 100%;
    order: 3;
  }
}

@media only screen and (min-width:1200px){
  .list-of-items-2-columns-corner-icon a.button{
    flex: 0 0 auto;
    order: 4;
    display: block;
    width: 100%;
  }
}

/* ---- PAGE BLOCKS: LIST OF ITEMS : 3 COLUMNS ---- */

@media only screen and (min-width:992px){
  .list-of-items-3-columns .item{
    padding-left: 30px;
    padding-right: 30px;
    flex: 0 0 30.3333%;
  }
}

/* ---- PAGE BLOCKS: LIST OF ITEMS : 4 COLUMNS ---- */

@media only screen and (min-width:992px){
  .list-of-items-4-columns .item{
    padding-left: 20px;
    padding-right: 20px;
    flex: 0 0 47%;
  }
}

@media only screen and (min-width:1200px){
  .list-of-items-4-columns .item{
    flex: 0 0 22%;
  }
}

@media only screen and (min-width:992px){
  .list-of-items-4-columns h4{
    font-size: 32px;
    word-break: break-word;
  }
}

@media only screen and (min-width:992px){
  .list-of-items-4-columns p{
    /* margin-top: 10px !important;
    margin-bottom: 15px !important; */
    font-size: 17px;
    line-height: 1.3;
  }
}

@media only screen and (min-width:992px){
  .list-of-items-4-columns a.button{
    /* padding: 10px 5px !important;
    font-size: 19px !important; */
  }
}

@media only screen and (min-width:992px){
  .list-of-items-4-columns .item-image{
    height: 125px !important;
  }
}

/* ---- PAGE BLOCKS: TEXT + SIDEBAR ---- */

.layout-section-sidebar{
  margin-top: 25px;
}

@media only screen and (min-width:992px){
  .layout-section-sidebar{
    margin-top: 0;
  }
}

/* ---- PAGE BLOCKS: PHOTO + QUOTE BLOCK ---- */

.layout-photo-quote .container{
  padding-top: 35px;
  padding-bottom: 45px;
}

@media only screen and (min-width:768px){
  .layout-photo-quote .container{
    padding-top: 60px;
    padding-bottom: 70px;
  }
}

@media only screen and (min-width:992px){
  .layout-photo-quote .container{
    padding-top: 85px;
    padding-bottom: 95px;
  }
}

@media only screen and (min-width:1200px){
  .layout-photo-quote .container{
    padding-top: 110px;
    padding-bottom: 120px;
  }
}

.item-photo-quote{
  max-width: 400px;
  margin: auto;
}

@media only screen and (min-width:768px){
  .item-photo-quote{
    display: flex;
    flex-flow: row nowrap;
    max-width: none;
  }
}

@media only screen and (min-width:1200px){
  .item-photo-quote{
    max-width: 1100px;
  }
}

.item-photo-quote .image{
  height: 300px;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 30px;
}

@media only screen and (min-width:768px){
  .item-photo-quote .image{
    height: 350px;
    flex: 0 0 300px;
    margin-bottom: 0;
    background-size: cover;
  }
}

@media only screen and (min-width: 768px){
  .round-photo .item-photo-quote .image{
    background-size: contain;
    height: 375px;
    flex: 0 0 375px;
  }
}

@media only screen and (min-width:992px){
  .item-photo-quote .image{
    
  }
}

.item-photo-quote .text{

}

@media only screen and (min-width:768px){
  .item-photo-quote .text{
    flex: 1 1 300px;
  }
}

.item-photo-quote .quote{
}

.item-photo-quote .quote h4{
	text-transform: uppercase;
	font-family: 'red hat display', sans-serif;
	font-size: 24px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: 1.5px;
	margin: 0;
  margin-bottom: 20px;
}

@media (min-width: 768px){
	.item-photo-quote .quote h4{
		font-size: 26px;
	}
}

.item-photo-quote .attribution,
.item-photo-quote .quote p{
  font-size: 18px;
	margin-bottom: 0;
	letter-spacing: 0;
  font-weight: 500;
	font-family: 'Muli', sans-serif;
}

@media only screen and (min-width: 768px){
  .item-photo-quote .attribution,
	.item-photo-quote .quote p{
		font-size: 21px;
		line-height: 1.7;
  }
}

@media only screen and (min-width: 992px){
  .item-photo-quote .attribution,
	.item-photo-quote .quote p{
    font-size: 21px;
  }
}

@media only screen and (min-width: 1200px){
  .item-photo-quote .attribution,
	.item-photo-quote .quote p{
    font-size: 21px;
  }
}

.item-photo-quote .attribution{
  margin-top: 15px;
}


/* PHOTO LEFT */

@media only screen and (min-width:768px){
  .item-photo-quote.photo-on-left .image{
    margin-right: 45px;
  }
}

@media only screen and (min-width:992px){
  .item-photo-quote.photo-on-left .image{
    margin-right: 55px;
  }
}

@media only screen and (min-width:768px){
  .item-photo-quote.photo-on-left .text{

  }
}

/* PHOTO RIGHT */

@media only screen and (min-width:768px){
  .item-photo-quote.photo-on-right .image{
    order: 2;
    margin-left: 45px;
  }
}

@media only screen and (min-width:992px){
  .item-photo-quote.photo-on-right .image{
    margin-left: 55px;
  }
}

@media only screen and (min-width:768px){
  .item-photo-quote.photo-on-right .image{
    order: 1;
  }
}

/* ---- CTA ---- */

.container-cta{
  padding-bottom: 50px;
}

.container-cta .layout-section-text p{
  text-align: center;
}

@media only screen and (min-width:768px){
  .container-cta{
    padding-bottom: 60px;
  }
}

@media only screen and (min-width:992px){
  .container-cta{
    padding-bottom: 95px;
  }
}

@media only screen and (min-width:1200px){
  .container-cta{
    padding-bottom: 130px;
  }
}

.simple-signup-form{
  max-width: 600px;
  display: flex;
  flex-flow: row nowrap;
  margin: auto;
}

.simple-signup-form label{
  display: none;
}

.simple-signup-form .form-group{
  margin-bottom: 0;
}

.simple-signup-form .form-group-phone{
  flex: 1 1 150px;
}

.simple-signup-form .form-group-submit{
  flex: 0 0 auto;
  padding-left: 15px;
}

.layout-cta .small{
  margin: 40px auto 0;
  opacity: 0.8;
}

@media only screen and (min-width:768px){
  .layout-cta .small{
    padding: 0 20px;
  }
}

@media only screen and (min-width:992px){
  .layout-cta .small{
    padding: 0;
    max-width: 700px;
  }
}

/* ---- IMAGES ---- */

/* ---- VIDEOS ---- */

.layout-text iframe{
  width: 100%;
  height: 55vw;
  display: block;
}

@media only screen and (min-width:576px){
  .layout-text iframe{
    width: 100%;
    height: 290px;
  }
}

@media only screen and (min-width:768px){
  .layout-text iframe{
    width: 100%;
    height: 392px;
  }
}

@media only screen and (min-width:992px){
  .layout-text iframe{
    width: 100%;
    height: 490px;
  }
}

@media only screen and (min-width:1200px){
  .layout-text iframe{
    width: 850px;
    height: 490px;
    margin: auto;
  }
}

/* ---- LANGUAGE-SPECIFIC TEMPLATE ELEMENTS ---- */

body.en span.english-only,
body.en a.english-only{
  display: inline-block;
}

body.en span.spanish-only,
body.en a.spanish-only{
  display: none;
}

body.es span.english-only,
body.es a.english-only{
  display: none;
}

body.es span.spanish-only,
body.es a.spanish-only{
  display: inline-block;
}