/*
 Theme Name:   Five Freedoms
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Author URI:   https://nikolaosdimitriou.com
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  five-freedoms
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/

/* Morganite Thin - 100 */
@font-face {
    font-family: 'Morganite';
    src: url('fonts/Morganite/Morganite-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

/* Morganite Extra Light - 200 */
@font-face {
    font-family: 'Morganite';
    src: url('fonts/Morganite/Morganite-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/* Morganite Light - 300 */
@font-face {
    font-family: 'Morganite';
    src: url('fonts/Morganite/Morganite-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Morganite Regular / Book - 400 */
@font-face {
    font-family: 'Morganite';
    src: url('fonts/Morganite/Morganite-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Morganite Medium - 500 */
@font-face {
    font-family: 'Morganite';
    src: url('fonts/Morganite/Morganite-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* Morganite SemiBold - 600 */
@font-face {
    font-family: 'Morganite';
    src: url('fonts/Morganite/Morganite-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Morganite Bold - 700 */
@font-face {
    font-family: 'Morganite';
    src: url('fonts/Morganite/Morganite-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Morganite Extra Bold - 800 */
@font-face {
    font-family: 'Morganite';
    src: url('fonts/Morganite/Morganite-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* Morganite Black - 900 */
@font-face {
    font-family: 'Morganite';
    src: url('fonts/Morganite/Morganite-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


/* Instrument Serif - Regular */
@font-face {
    font-family: 'InstrumentSerifI';
    src: url('fonts/Instrument_Serif/InstrumentSerif-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}


/* Instrument Serif - Regular */
@font-face {
    font-family: 'InstrumentSerifR';
    src: url('fonts/Instrument_Serif/InstrumentSerif-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Instrument Sans - Regular */
@font-face {
    font-family: 'InstrumentSansR';
    src: url('fonts/Instrument_Sans/static/InstrumentSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

html {
    --beige: #F5EFE8;
    --red: #CB2B18;
    --black: #121212;
    --white:  #FFFFFF;
}

.color-white {
    color:  var(--white);
}

.color-beige {
    color:  var(--beige);
}

.color-red {
    color:  var(--red);
}

.color-black {
    color: var(--black) !important;
}

.background-beige {
    background: var(--beige);
}

.background-red {
    background: var(--red) !important;
}

.background-black {
    background: var(--black);
}

.morganite {
    font-family: Morganite;
    font-weight: 500;
}

.instrumentserifr {
    font-family: InstrumentSerifR !important;
    font-weight: normal;
}

.white-p, #wrapper-footer .footer-widget .textwidget {
    font-family: Instrument Serif;
    font-family: InstrumentSansR;
    font-size: 20px;
    font-size: clamp(16px, calc(14px + 1vw), 20px);
    font-size: clamp(16px, calc(12.5px + .6vw), 20px);
    font-weight: 400;
    line-height: 32px;
    line-height: clamp(25.6px, calc(20.5px + 1vw), 32px);
    line-height: clamp(25.6px, calc(calc(12.5px + .6vw)/0.625), 32px);
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: white;
}

.red-p {
    font-family: InstrumentSerifR;
    font-size: 34px;
    font-size: clamp(24px, calc(21px + 1vw), 34px);
    font-weight: 400;
    line-height: 44.2px;
    line-height: clamp(31.2px, calc(25px + 1vw), 44.2px);
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--red);
}

.hero-small-title{
    font-size: 60px;
    font-size: clamp(30px, calc(25px + .5vw), 60px);
    font-weight: 400;
    line-height: 60px;
    line-height: clamp(30px, calc(25px + .5vw), 60px);
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.largest-title {
    font-family: Morganite;
    font-size: clamp(80px, 16vw, 260px);
    font-style: normal;
    font-weight: 800;
    line-height: .85;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.large-title {
    font-family: Morganite;
    font-size: clamp(65px, calc(10.8vw + 33px), 160px);
    font-size: clamp(65px, calc(10vw + 20px), 160px);
    font-style: normal;
    font-weight: 800;
    line-height: .9;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.large-title-120 {
    font-family: Morganite;
    font-size: clamp(65px, 7.5vw, 120px);
    font-style: normal;
    font-weight: 800;
    line-height: .9;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.large-title-65 {
    font-family: Morganite;
    font-size: clamp(40px, 3.75vw, 65px);
    font-style: normal;
    font-weight: 800;
    line-height: .9;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.large-title-75 {
    font-size: clamp(36px, calc( 117px - 8.125vw) , 75px);
    font-size: clamp(36px, calc( 15vw - 140px ) , 75px);
    font-style: normal;
    /*font-weight: 800;*/
    line-height: .9;
    letter-spacing: .02em;
}

.large-title-40, #wrapper-footer .widget-title {
    font-family: Morganite;
    font-size: clamp(32px, 2.5vw, 40px);
    font-style: normal;
    font-weight: 800;
    line-height: .9;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.large-title-200 {
    font-family: Morganite;
    font-size: clamp(100px, 12.5vw, 200px);
    font-style: normal;
    font-weight: 800;
    line-height: .9;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.caption, figure caption, figure figcaption {
    color: white;
    font-family: InstrumentSansR;
    font-size: 14px;
    font-size: 8px;
    font-weight: 400;
    line-height: 19.6px;
	line-height: 14.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
	margin-top: 6px;
}

/* Header */

body.logged-in.admin-bar header {
    top: 32px;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar-toggler {
    border: none !important;
    margin-right: 12px !important;
}

.navbar-toggler[aria-expanded="true"] span {
    opacity: 0;
}

.navbar-toggler[aria-expanded="true"] {
    background-image: url('assets/x-grey.svg');
    background-size: 40px;
    background-position: center;
}

body.scrolled header {
    background: rgba(40,40,40,.9);
}

header .dropdown-menu {
    background: rgba(40,40,40,.9);
    border-radius: 0;
}

header {
    transition: all .3s;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1000;
}

header #main-nav {
    background: transparent !important;
    padding: 0;
}

header #main-menu > li {
    padding: .5em;
}

header #main-nav .dropdown-menu{
    padding: 0;
    background: white;
}

header #main-nav .dropdown-menu li {
    padding: .5em 0;
}

header #main-nav .dropdown-menu li:hover {
    background: white;
}

/* Home */

.home-hero {
    height: 100vh;
    background-position: top right;
    background-size: cover;
    background-attachment: fixed;
}

.home-hero .container {
    display: flex;
    /*justify-content: center;*/
    height: 100%;
    align-items: center;
}

.home-hero .largest-title{
    line-height: .75;
}

.navbar-brand.custom-logo-link {
    width: clamp(120px, 18vw, 220px);
    max-width: 200px;
    min-width: 100px;
    display: flex;
}

.home-hero .caption {
	max-width: 460px;
	text-align: right;
}

/* Transition */
.transition-section {
    height: 14.05vw;
}

.transition-section {
    position: relative;
}

.transition-section img {
    position: absolute;
    left: 0px;
}
@media (min-width: 1200px){
	.transition-section img {
		width: 105%;
		max-width: 105%;
		left: -2.5%;
	}
}

.starts-white {
    top: -80px;
    top: -50%;
}

.starts-black {
    top: -45px;
    top: -30%;
}

/* Intro section */

.intro-section {
    background-color: #121212;
}

.hero-move {
    width: clamp(40px, 10vw, 150px);
    display: inline-flex;
    height: clamp(40px, 10vw, 150px);
    border: 1px dashed white;
    border-radius: 50%;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-left: clamp(20px, 3vw, 40px);
}

.hero-move img {
    transform: rotate(90deg);
    width: clamp(13px, 3vw, 40px);
}

.home-hero .color-red.red-p {
    margin-bottom: clamp(22px, calc(20px + 1vw), 30px);
}

.home-hero .caption {
    float: right;
}

.intro-small-title {
font-family: InstrumentSansR;
font-size: 20px;
font-weight: 400;
line-height: 32px;
color: var(--beige);
text-align: center;
}

.title-enum {
    font-family: InstrumentSerifR;
    color: white;
    /* font-family: Instrument Serif; */
    font-size: 28px;
    font-size: clamp(16px, calc(10px + 1vw), 28px);
    font-weight: 400;
    line-height: 36.4px;
    line-height: clamp(26px, calc(16px + 1vw), 36.4px);;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    display: flex;
    flex-direction: revert;
    flex-direction: row;
    margin: 10px clamp(10px, calc(1.67vw + 4px), 28px);
}

.large-title-row > div {
    display: flex;
    justify-content: center;
}

.large-title-row {
    display: block;
}

.intro-section .first-large-title .large-title-row > div {
    justify-content: center;
}

.margin-pull-left-5 {
    margin-left: -5vw;
}
.margin-pull-left-10 {
    margin-left: -10vw;
}
.margin-pull-left-15 {
    margin-left: -15vw;
}
.margin-pull-left-20 {
    margin-left: -20vw;
}
.margin-pull-left-25 {
    margin-left: -25vw;
}
.margin-pull-left-30 {
    margin-left: -30vw;
}

.margin-left-5 {
    margin-left: 5vw;
}
.margin-left-10 {
    margin-left: 10vw;
}
.margin-left-15 {
    margin-left: 15vw;
}
.margin-left-20 {
    margin-left: 20vw;
}
.margin-left-25 {
    margin-left: 25vw;
}
.margin-left-30 {
    margin-left: 30vw;
}

.margin-bottom-100 {
    margin-bottom: calc(3.5vw + 30px);
    margin-bottom: clamp(40px, calc(5.5vw + 20px), 100px);
}

.margin-bottom-200 {
    margin-bottom: calc(7vw + 60px);
    margin-bottom: clamp(80px, calc(11vw + 40px), 200px);
}

.padding-top-100 {
    padding-top: calc(3.5vw + 30px);
    padding-top: clamp(40px, calc(5.5vw + 20px), 100px);
}

.padding-bottom-100 {
    padding-bottom: calc(3.5vw + 30px);
    padding-bottom: clamp(40px, calc(5.5vw + 20px), 100px);
}

.padding-bottom-200 {
    padding-bottom: calc(7vw + 60px);
    padding-bottom: clamp(80px, calc(11vw + 40px), 200px);
}

.video-full-container {
    display: flex;
    justify-content: center;
    margin: clamp(70px, calc(11vw + 20px), 200px) auto !important;
}
    
.video-full-container iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
}

.person-social, .person-social a {
  color: var(--red);
  font-size: 20px;
  margin-top: 2px;
  transition: all ease .3s;
}

.person-social a:hover {
    color: var(--beige);
}

.row.person-container.margin-bottom-200 > .col-12:last-child {
  margin-bottom: 0px !important;
}

.row.person-container.margin-bottom-200 > .col-12 {
  margin-bottom: 40px;
}

.person-name {
font-family: Morganite;
font-size: clamp(20px, 2.5vw, 40px);
font-style: normal;
font-weight: 800;
line-height: 36px;
letter-spacing: 0.02em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--red);
text-transform: uppercase;

margin-bottom: .5rem !important;
margin-top: 1rem !important;
}



.person-job {
font-family: InstrumentSansR;
font-size: 20px;
color:  var(--beige);
}

@media (max-width: 768px){
    .margin-pull-left-10 {
        margin-left: 0;
    }

    .margin-left-15 {
        margin-left: 0;
    }

   [class^="margin-pull-left-"], [class*=" margin-pull-left-"],
   [class^="margin-pull-left-"], [class*=" margin-left-"] {
        margin-left: 0;
        text-align: center;
    }

}

figure {
    display: inline-block;
}

figure caption, figure figcaption {
    color: white;
    text-align: left;
}

/* Animal Section */

.animal-section.chicken {
    margin-top: clamp(100px, calc(12vw + 30px), 200px);
}

.animal-section-title.largest-title {
    display: flex;
    justify-content: center;
    z-index: 10;
    margin-bottom: -100px;
    margin-bottom: clamp(-50px, calc(-6vw - 15px), -100px);
    margin-bottom: clamp(-100px, calc(-4.5vw - 15px), -50px);
    position: relative;
    color: var(--beige);
}

.row.animal-section-title.largest-title span {
    display: block;
}

.animal-section-title.largest-title span{
    color: var(--red);
}

/* First-row */


.animal-first-row .col-txt {
  padding: 5vw;
  display: flex;
  flex-direction: column;
  /*! align-content: center; */
  justify-content: center;
}
.animal-first-row .col-img {
  text-align: center;
}

.animal-second-row .col-txt {
    padding: 5vw;
    display: flex;
    flex-direction: column;
    /* align-content: center; */
    justify-content: center;
}


.row.animal-second-row .col-txt .white-p {
  width: calc(100% - 5vw);
}

/*.animal-second-row .col-txt .red-p.large-title-65 {
    margin-left:  calc(15vw - 100px);
    margin-left: 10vw;
    width: calc(100% + 10vw - 20px);
    z-index: 10;
    position: relative;
    margin-top: calc(20px + 5vw);
}*/


.animal-second-row .col-img {
    align-items: center;
    display: flex;
}

.animal-third-row .col-txt figure {
    margin-left: -5vw;
}


.animal-third-row .col-txt {
  padding: 2%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: ;
}


.animal-first-row, .animal-second-row, .animal-third-row {
    margin-bottom: calc(7vw + 60px);
    margin-bottom: clamp(80px, calc(7vw + 60px), 200px);
}

.animal-implications-row {
    background-color: var(--red);
}

.animal-implications-row .red-p {
    color: var(--black);
}

.animal-implications-row .health-title span {
    color: black;
}

.row.animal-implications-row .transition-health:first-child {
    padding-bottom: calc( 20px + 2.5vw);
    padding-bottom: clamp(60px, calc( 40px + 5vw), 120px);
    padding-bottom: clamp(30px, calc( 20px + 2.5vw), 60px);
}

.row.animal-implications-row .transition-health:last-child {
    padding-top: calc(40px + 5vw);
    padding-top: clamp(60px, calc(40px + 5vw), 120px);
}

.row.animal-implications-row .col-img figure {
  padding: 0 4vw;
}

.transition-health img {
    width: 100%;
    max-width: 100%;
}

.health-implications .col-txt {
    padding: 0 8vw 0 0;
}

.health-implications .col-txt .white-p {
    max-width: 85%;
}

.white-p.health-links {
    display: inline-block;
    word-break: break-all;
}

.health-links a {
    display: inline-flex;
    background: var(--beige);
    text-decoration: none;
    color: var(--black);
    padding: 4px 20px;
    padding: 4px 16px;
    border-radius: 35px;
    text-transform: uppercase;
    font-family: InstrumentSansR;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin: 4px;
    transition: all ease .3s;
}

.health-links a:hover {
    background: var(--black);
    color: white;
}

.animals-container > section:last-of-type .transition-health .starts-black {
    display: none;
}

/* Call for change */

.call-for-change-section {
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    height: 100vh;
}

.call-for-change-section .largest-title {
    height: 80vh;
    align-content: revert-layer;
    align-items: center;
    flex-direction: column;
}

.call-for-change-after-section {
    background-color: var(--beige);
    background-image: url('./assets/pattern-general.png');
    background-position: center;
    background-size: contain;
}


.call-for-change-transition {
  margin-top: -100px;
}

.call-for-change-transition .white-p {
    color: var(--black);
}

/*.company-logos img {
    max-width: 120px;
    padding: 0 10px;
}*/

.company-logos .row {
    display: flex;
    justify-content: center;
    width: 75%;
    margin: 0 auto;
}

.pig-slider .slider-item .large-title-40 {
    margin-top: clamp(20px, 3vw ,50px);
    margin-bottom: 16px;
}

.pig-slider.owl-carousel.owl-loaded.owl-drag {
    display: flex;
    justify-content: space-between;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.pig-slider .owl-dots .owl-dot:not(.active) {
    opacity: 0;
    display: none;
}

.pig-slider .owl-dot span {
    font-size: 14px;
    font-family: InstrumentSansR;
}

.pig-slider .owl-nav {
    height: 0;
}

.pig-slider .owl-nav button {
    line-height: 0 !important;
}

.pig-slider .owl-nav span {
    background-image: url('assets/arrow-circle.png');
}

.pig-img-slider .owl-nav, .pig-img-slider .owl-dots {
    display: none;
}

.pig-slider .owl-prev span {
    transform: rotateY(180deg);
}

.pig-slider .owl-dots button > span {
    margin-left: 80px;
    display: inline-block;
    position: absolute;
    top: -65px;
    top: 35px;
}

.owl-dots {
    position: relative;
}

.owl-next {
    margin-left: 100px;
}

.owl-nav span {
    /* background: red; */
    background-image: url('assets/arrow-circle.png');
    font-size: 0;
    width: 50px;
    display: inline-block;
    height: 50px;
    background-position: center;
    background-size: contain;
}

/* Page Organization */

.page-template-page-organization .home-hero {
    background-position: top center;
}

.page-template-page-organization .organization-first.transition-section {
    height: 10vw;
}

.organization-intro-section {
    background-color: var(--beige);
}

.background-beige figcaption {
    color: black;
}

.page-template-page-organization .title-enum {
    margin: 0 !important;
    /* padding: 0 !important; */
    position: absolute;
    left: clamp(-28px, calc(-1.67vw - 4px), -10px);
    color: var(--red);
}

.page-template-page-organization .intro-repeat-title span {
    display: block;
}

.principles-violated .owl-dot span {
    color: white;
}

.principles-violated .pig-slider.owl-carousel {
    padding: 0 6vw;
}

.principles-violated .pig-slider.owl-carousel .instrumentserifr.color-red {
    text-transform: unset !important;
    font-weight: normal;
}

.principles-violated .owl-carousel figcaption {
    color: white;
}

.principles-violated .its-time-row figcaption {
    color: white;
}

.ensuring-hero.call-for-change-section {
    background-attachment: inherit;
    height: 120vh;
}

.ensuring-hero.call-for-change-section .row {
    height: 100vh; 
    align-content: center;
}

.ensuring-after-hero .title {
    text-transform: uppercase;
    font-weight: 900;
}

/* Pages Issues */

.page-template-page-issues .container.issues-hero {
    width: 100%;
    max-width: 100% !important;
    padding-top: 150px;
    padding-top: clamp(150px, calc(42vw - 167.5px), 180px);
}

.page-template-page-issues .container.animal-section .large-title-200 span {
    display: block;
    color: var( --red);
    font-size: clamp(80px, 16vw, 260px);
}


/* Footer */

#wrapper-footer {
    background: var(--black);
}

.footer-widget .widget-title {
    color:  var(--red);
}

#wrapper-footer .navbar-brand.custom-logo-link {
    display: inline-block;
}

.footer-bottom-widget-area {
    margin-bottom: 20px;
}

.footer-bottom-widget-area div, .footer-bottom-widget-area a {
    color: white;
    font-size: 14px;
}

#wrapper-footer .widget-title {
    font-size:  32px;
    margin-bottom: 24px;
}

#wrapper-footer .textwidget {
    font-size:  16px !important;
}

#wrapper-footer .textwidget a {
    color: white;
	text-decoration: none;
}

/* Responsive */

@media (max-width: 768px){
	
    .home-hero .caption br {
        display: none;
    }

    .home-hero .caption {
        text-align: left;
        width: 100%;
        max-width: unset;
    }

.container.intro-section {
    padding-left: 5vw;
    padding-right: 5vw;
}

.animal-first-row, .animal-second-row, .animal-third-row {
    /* margin-bottom: calc(7vw + 60px); */
    margin-bottom: clamp(50px, 13vw, 200px);
}


.animal-first-row .col-txt {
    padding-top: 1vw;
    padding-bottom: 1vw;
}

.animal-first-row .col-img {
    padding: 2vw 5vw;
}

.animal-second-row .col-txt {
    padding-top: 1vw;
    padding-bottom: 1vw;
}

.animal-second-row .col-img {
    padding: 2vw 5vw;
}

.row.animal-third-row > .col-12 {
    padding: 2vw 5vw;
}
  /*  .col-img img {
        max-width: 450px;
        margin: 0 auto;
    }*/

    .board-person {
        margin-left: auto;
        margin-right: auto;
        width: 240px;
    }

    .animal-third-row .col-txt figure {
        max-width: 200px;
        margin-left: calc(50% - 100px);
        margin-right: auto;
    }

    .health-implications .col-txt .white-p {
        max-width: 100%;
    }

    .health-implications .col-txt .white-p a {
        display: inline-block;
        font-size:  14px;
    }

    .row.animal-implications-row .col-img img {
        padding: 2vw 3vw;
    }

    .health-implications .col-txt {
        padding: 2vw 5vw;
    }

    .call-for-change-after-section {
        padding: clamp(40px, 3vw, 60px) clamp(20px, 2vw, 40px);    
    }

    .animal-first-row.repeat-row .intro-repeat-title {
      text-align: center;
    }

    .animal-first-row.repeat-row .intro-repeat-title span {
      display: block !important;
      position: relative !important;
      left: 0 !important;
      text-align: center !important;
    }

.last-contact .red-p {
    text-align: center;
}

.page-template-page-organization .principles-violated {
    padding: 0 12px;
}

.page-template-page-organization .principles-violated {
    padding: 0 12px;
}

.page-template-page-organization .principles-violated .pig-slider.owl-carousel {
    padding-left: 0;
    padding-right: 0;
}

}



@media (max-width: 576px){

    .page-template-page-organization .call-for-change-after-section {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-template-page-organization .ensuring-hero.call-for-change-section {
    height: 100vh;
}
  
}

@media (min-width:  1200px){

.row.animal-first-row.repeat-row .col-lg-6.col-txt {
  width: 55%;
}
.row.animal-first-row.repeat-row .col-lg-6.col-img {
  width: 45%;
}

.row.animal-first-row.repeat-row.inverted .col-txt {
    padding-left: 10vw;
}

}

@media (min-width:  1200px){
   .animal-third-row .col-txt .red-p.large-title-65 {
  margin-left: -10vw !important;
  width:  90% !important;
} 
}

@media (min-width: 992px) {

    .person-container {
    max-width: 80%;
    margin-left: auto !important;
    margin-right: auto !important;
}

  .animal-second-row .col-txt .red-p.large-title-65 {
    margin-left:  calc(15vw - 100px);
    margin-left: 10vw;
    width: calc(100% + 10vw - 20px);
    z-index: 10;
    position: relative;
    margin-top: calc(20px + 5vw);
    margin-top: calc(25px + 3vw);
}

.animal-third-row .col-txt .red-p.large-title-65 {
  margin-left: -10vw;
  margin-left: -5vw;
  width:  90%;
  width:  97%;
}

.animal-third-row .col-txt figure {
    margin-top: 5vw;
}


}

@media (min-width: 768px) {
  .container, .container-md, .container-sm
{
    max-width: 720px;
    max-width: 90% !important;
  }

.animal-third-row .col-txt .white-p {
  width: 70%;
	width: 80%;
  margin: 0 auto;
	line-height: 1.4;
}

.page-template-page-organization .animal-first-row.inverted {
    flex-direction: row-reverse;
}

}
@media (min-width: 576px) {
  .container, .container-sm
{
    max-width: 540px;
    max-width: 90% !important;
  }
}

.health-implications.container-fluid.dairy-section figcaption {
	display: none;
}


@media (min-width:  1440px){
.call-for-change-transition .starts-black {
    width: 100%;
    margin-top: -150px;
}

.call-for-change-after-section .ends-black {
    width: 100% !important;
}

.principles-violated-transition .starts-black {
    width: 100%;
}
}