*,
*::before,
*::after {
  box-sizing: border-box;
}

/* removes default margins, padding, and semantic font sizes */

* {
  margin: 0;
  padding: 0;
  font: inherit; 
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

html,
body {
    height: 100%;
}

/* Set core body defaults */
body {
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

 body {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
  }



/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

/* Make images easier to work with */
img,
picture,
svg {
  max-width: 100%;
  display: block;
}

:root {
    --blue-500: #041F4D;
    --blue-400: #063583;
    --blue-300: #629BF8;
    --blue-200: #B0CDFB;

    --red-400: #B30F0F;
    --red-300: #E71414;

    --cool-gray-400: #B5BDC5;
    --cool-gray-300: #efeeee;
    --cool-gray-200: #EEF0F2;

    --warm-gray-700: #28251F;
    --warm-gray-500: #867C69;

    --ff-body: 'Montserrat', sans-serif;
    
    --fw-regular: 400;
    --fw-semi-bold: 500;
    --fw-bold: 700;

    --fs-300: .75;
    --fs-400: 1rem;
    --fs-500: 1.5rem;
    --fs-600: 2rem;
    --fs-700: 2.5rem;
    --fs-800: 3rem;
    --fs-900: 4rem;

}

header {
  background-color: #e9e9e9;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.banner-cta {
  background-color: var(--red-300);
  width: 100%;
  text-align: center;
  position: fixed;
  z-index: 10;

font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 15px;

/* identical to box height */
text-align: center;
letter-spacing: 0.05em;

color: #EFEEEE;
padding: 5px;
}

/* navigation */

.container-nav {
  margin-top: 40px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1160px;
}

.nav-items-primary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 550px;
  margin-right: 50px;
}

.nav-items-std > a {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 15px;

/* identical to box height */
text-align: center;
letter-spacing: 0.05em;

color: #000000;
}

.nav-items-std a:hover {
  color: red;
}

.nav-items-button > a {
  padding: 5px 25px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;

  color: #efeeee;
  background-color: var(--red-300);
}

.nav-items-button > a:hover {
  background-color: #efeeee;
  color: var(--red-300); 
  outline: solid var(--red-300) 3px;
  outline-style: inset;
}

.mobile-nav-toggle {
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 0.5em;
}

.hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 25px;
}

.hero-img {
  width: 1160px;
}

.container-desc {
  width: 1160px;
  display: flex;
  margin: auto;
  padding: 15px;
}

.desc-text-title {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-size: 48px;
line-height: 59px;
letter-spacing: 0.05em;
width: 484px;
margin-bottom: 50px;
margin-top: 100px;
}

.desc-text-title1 {
  color: var(--red-300);
}

.desc-text-title2 {
  color: var(--blue-400);
}

.desc-text-par {
  width: 580px;
  font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 29px;
text-align: justify;
letter-spacing: 0.05em;
}

.container-desc-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 500px;
  margin-left: 80px;
  margin-top: -50px;
}

.nav-secondary {
  width: 100%;
  height: 450px;
  padding: 50px;
  margin-bottom: 30px;
  outline: solid black 1px;
  background-color: var(--cool-gray-200);
}

.nav-secondary-title {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
font-size: 48px;
line-height: 59px;
margin-bottom: 50px;
}

.nav-items-secondary > li {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
font-size: 24px;
line-height: 29px;
letter-spacing: 0.05em;
color: #000000;
margin-top: 30px;
}

main {
  width: 100%;
}

.desc-graphic {
  width: 100%;
  margin-top: 50px;
  height: 500px;
  outline: solid black 2px;
}

.testimonial1 {
  width: vw;
  height: 250px;
  background-color: var(--blue-400);
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.testimonial-text {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 29px;
text-align: center;
letter-spacing: 0.045em;

color: #F2F0EE;


}

.testimonial-text-author {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 29px;
text-align: center;
letter-spacing: 0.045em;

color: #F2F0EE;
}

.testimonial2 {
  width: vw;
  height: 250px;
  background-color: var(--red-400);
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container-bio {
  display: flex;
  justify-content: space-between;
  width: 1160px;
  margin: auto;
}

.bio-text {
  width: 580px;
  padding: 15px;
}

.bio-text-title {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-size: 36px;
line-height: 44px;

/* identical to box height */
text-align: left;
letter-spacing: 0.05em;
margin-bottom: 50px;
}

.bio-text-par {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 29px;
text-align: justify;
letter-spacing: 0.05em;
}

.bio-headshot {
  width: 500px;
  height: 500px;
  margin-top: 25px;
}

.container-press {
  width: 1160px;
  margin: auto;
  display: flex;
  flex-direction: column;
}

.press-title {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
font-size: 48px;
line-height: 59px;

/* identical to box height */
text-align: left;
letter-spacing: 0.05em;

color: #000000;
}

.press-button {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-size: 12px;
line-height: 15px;

/* identical to box height */
letter-spacing: 0.05em;
text-align: center;
color: #000000;
padding: 5px 25px;
background-color: #d9d9d9;
margin: auto;
margin-bottom: 50px;
}

.container-press-cards {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  width: 1160px;
  margin-top: 50px;
  margin-bottom: 50px;
  flex-wrap: wrap;
  gap: 50px;
}

.card-press-pri {
  width: 350px;
  height: 400px;
  outline: solid black 2px;
}

.card-press-category {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
font-size: 14px;
line-height: 17px;

/* identical to box height */
letter-spacing: 0.05em;

color: #000000;
margin: 10px 10px 0px 10px;
}

.card-press-title {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.05em;

color: #000000;

margin: 10px 10px 0px 10px;
}

.card-press-preview {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
text-align: justify;
letter-spacing: 0.05em;

color: #000000;

margin: 10px 10px 0px 10px;
}

.card-press-author {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-size: 12px;
line-height: 15px;

/* identical to box height */
letter-spacing: 0.05em;

color: #000000;

margin: 10px 10px 0px 10px;
}

.card-press-sec {
  width: 350px;
  height: 225px;
  outline: solid black 2px;
  padding-top: 15px;
}

/* policies page */

.container-policies {
  width: 1160px;
  display: flex;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 100px;
  flex-direction: column;
  justify-content: center;
  gap: 50px;
}

.policy-card-main {
  width: 100%;
  height: 500px;
  outline: solid black 2px;
}

.container-policies-sec {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px;
}

.policy-card-sec {
  width: 550px;
  height: 500px;
  outline: solid black 2px;
}

.policy-card-ter {
  width: 550px;
  height: 300px;
  outline: solid black 2px;
}

.container-article {
  margin: auto;
  width: 1160px;

  padding-top: 50px;
}

.article-category {
  text-align: center;

font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: 0.05em;

color: #000000;
}

.article-title {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
font-size: 24px;
line-height: 29px;
letter-spacing: 0.05em;

color: #000000;
margin-top: 25px;
}

.article-author {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.05em;

color: #000000;
margin-top: 50px;
}

.article-text {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.05em;

color: #000000;
margin-top: 10px;
}

.container-references {
  margin: auto;
  width: 1160px;
  margin-top: 100px;
}

.references-title {
  font-family: 'Montserrat';
font-style: italic;
font-weight: 800;
font-size: 24px;
line-height: 29px;
letter-spacing: 0.05em;

color: #000000;
margin-bottom: 25px;
}

.reference-items {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.05em;

color: #000000;
margin-top: 15px;
list-style: inside;  
margin-left: 0;

}

.container-article-cta {
  width: 1160px;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 100px;
}

.article-cta-title {
  text-align: center;
  font-family: 'Montserrat';
font-style: italic;
font-weight: 800;
font-size: 16px;
line-height: 20px;

/* identical to box height */
text-align: center;
letter-spacing: 0.05em;

color: #000000;
margin: 25px;
}

.article-cta-subtitle {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 15px;

/* identical to box height */
text-align: center;
letter-spacing: 0.05em;

color: #000000;
}

.press-title-readnext {
  font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
font-size: 24px;
line-height: 29px;
text-align: left;
letter-spacing: 0.05em;

color: #000000;
}

video {
  object-fit: cover;
  position: absolute;
  z-index: -1;

  width: 100vw;
  height: 750px;
}

.main-title {
    font-family: 'Playfair Display SC';
    font-style: normal;
    font-weight: 700;
    font-size: 96px;
    line-height: 100px;
    text-align: center;
    letter-spacing: -0.04em;
    max-width: 575px;
    margin: auto;
    margin-top: 200px;
    margin-bottom: 200px;
    color: #F2F0EE;
}

#invaded {
    isolation: isolate;
    position: relative;
    overflow: hidden;
}

#invaded::before {
    content: '';
    background-color: #E71414;
    display: block;
    top: 30px;
    left: -20px;
    width: 0px;
    height: 90px;
    position: absolute; 
    z-index: -1;
    
    animation-delay: .75s;
    animation-duration: 1s;
    animation-name: slidein;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
   } 

#invaded::before {
  top: 30px;
  left: -20px;
}

#invaded::before {
    top: 130px;
    left: -395px;
}

@keyframes slidein {
    from {
        width: 0px;
    }
    to {
        width: 425px;
    }
}

.wrapper-about {
      background-color: #D7D3CC;
      position: relative;
      z-index: -2;
      height: 475px;
      width: 100%;
      margin-top: -525px;
}
  
/* .wrapper-about::before {
    content: '';
    background-image: url(/images/graytopography.svg);
    background-size: cover;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    position: absolute;
    opacity: .1;
} */
.container-about-section {
  background-color: #F2F0EE;
  width: 600px;
  filter: drop-shadow(8px 8px 4px rgba(0, 0, 0, 0.5));
  padding: 25px 40px;
  margin: auto;
  z-index: 1;
}

.about-title {
    text-align: center;
    font-family: 'Playfair Display SC';
    font-style: normal;
    font-weight: 700;
    font-size: 52px;
    line-height: 43px;
    letter-spacing: -0.02em;
    margin: 0px;
    margin-bottom: 25px;

    color: #28251F;

    position: relative;
}

.about-title::after {
    content: '';
    position: absolute;
    left: 125px;
    top: 50px;
    width: 270px;
    height: 3px;
    background-color: #E71414;
}

.about-text {
    text-align: justify;
    hyphens: auto;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;

    color: #28251F;
  }

  .container-email-cta {
    margin: auto;
    margin-top: -50;
    padding-top: 75px;
    background-color: #063583;
    height: 400px;
    position: relative;
    z-index: -1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .container-email-cta::before {
    content: '';
    background-image: url(/images/topography.svg);
    background-size: cover;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    position: absolute;
    opacity: .03;
    z-index: 0;
    pointer-events: none;
}

.email-cta-title {
    font-family: 'Playfair Display SC';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 42px;
    letter-spacing: -0.02em;
    text-align: center;
    position: relative;
    margin-bottom: 15px;

    color: #F2F0EE;
}

.email-cta-title::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 95px;
    width: 100%;
    height: 3px;
    background-color: #E71414;
}

.btn-subscribe {

font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 29px;
text-align: center;
text-decoration: none;
z-index: 4;

background-color: #E71414;
margin: 15px;
padding: 10px 25px;
color: #F2F0EE;
}

.btn-subscribe:hover {
  background-color: #F2F0ee;
  color: #E71414;
  outline: solid #E71414 3px;
}

.email-cta-disclaimer {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    margin: 0;

    color: #B0CDFB;
}

.container-testimonial-section {
  background-color: #EEF0F2;
  height: 1000px;
  position: relative;
}

.container-testimonial-section::before {
    content: '';
    color: #E71414;
    background-image: url(../images/graytopography.svg);
    background-size: cover;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 0;
    opacity: .03;
}

.container-testimonial-section-graphic > img {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 750px;
  z-index: 2;
}

.container-testimonial-section-content {
  padding-top: 50px;
  padding-left: 300px;
}

.testimonial {
    padding: 35px 25px;
    display: flex;
    width: 500px;
    flex-direction: column;
    align-items: center;
}

.testimonial > img {
    width: 75px;
    padding-bottom: 25px;
}

.testimonial-section-text {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.04em;

    color: #28251F;
}

.testimonial-name {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 29px;
     text-align: center;
    letter-spacing: -0.04em;
    margin-top: 25px;

    color: #E71414;
}

.container-consequences-section {
    background-image: linear-gradient(#041F4D, #17052E 60%);
    height: 1900px;
    width: 100%;
}

.consequences-section-title {
    font-family: 'Playfair Display SC';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    margin: auto;
    margin-top: 0;
    padding: 60px 30px;
    width: 550px;

    color: #EBF2FE;
}

.consequences-section-title2 {
    font-size: 48px;
    position: relative;
}

.consequences-section-title2::after {
    content: '';
    position: absolute;
    left: 45px;
    top: 65px;
    width: 275px;
    height: 3px;
    background-color: #E71414;
}

.container-graphs {
  margin: auto;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  width: 1160px;
}

.graph-source {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    letter-spacing: -0.04em;

    color: #629BF8;

    opacity: 0.8;

    margin-left: 15px;
}

.container-statistics {
  margin: auto;
  margin-top: 150px;
  display: flex;
  justify-content: center;
  width: 800px;
  gap: 100px;
  flex-wrap: wrap;
}

.issue-box {
    width: 250px;
    height: 200px;
    
    background: rgba(236, 72, 153, 0.1);
    border: 2px dashed #E71414;
    border-radius: 20px;

}

.issue-title {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    margin-top: 0px;

    color: #F2F0EE;
}

.title-card {
    width: 500px;
    height: 300px;
    background: #FFFFFF;
    box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.5);
    margin: auto;
    margin-top: -75px;
}

.page-card-title {
    font-family: 'Playfair Display SC';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 85px;
    text-align: center;
    margin: 0;
    padding: 0;
    padding-top: 60px;

    color: #28251F;
}

.page-card-title2 {
    font-family: 'Playfair Display SC';
    font-style: normal;
    font-weight: 700;
    font-size: 96px;
    line-height: 85px;
    text-align: center;
    margin-top: -30px;
    position: relative;

    color: #28251F;
}

.page-card-title2::after {
    content: '';
    position: absolute;
    left: 125px;
    top: 95px;
    width: 250px;
    height: 3px;
    background-color: #E71414;
}

.wrapper-page-cards {
      background-color: #D7D3CC;
      position: absolute;
      z-index: -5;
      height: 1300px;
      width: 100%;
      margin-top: -500px;
}

.container-featured-pages {
  margin: auto;
  margin-bottom: 100px;
  display: flex;
  justify-content: space-between;
  width: 1500px;
  z-index: 1;
  position: relative;
}

.page-card {
    width: 350px;
    height: 375px;
    background-color: #FFFFFF;
    border-bottom: 10px solid #B30F0F;
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;

filter: drop-shadow(6px 6px 4px rgba(0, 0, 0, 0.25));
}

.page-card > img {
    position: absolute;
}

#page-card-img1 {
    top: -55px;
    left: 94px;
}

#page-card-img2 {
    top: -55px;
    left: 114px;
}

#page-card-img3 {
    top: -65px;
    left: 114px;
}


.page-card-noun {
    margin-top: 0px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 10px;

    text-align: center;
    letter-spacing: -0.04em;

    color: #28251F;
}

.page-card-noun::after {
    content: '';
    position: absolute;
    left: 85px;
    top: 195px;
    width: 175px;
    height: 1px;
    background-color: #867c69;


}

.page-card-verb {
    margin-top: 75px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 39px;
    margin-bottom: -5px;

    text-align: center;
    letter-spacing: -0.04em;

    color: #867C69;
}

.page-card-subtext {

    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    margin-top: 0px;

    color: #28251F;

}

.btn-join_us {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 39px;
    text-decoration: none;
    padding: 5px 30px;
    background-color: #b30f0f;
    margin-top: 35px;
    filter: drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.5));

    text-align: center;

    color: #D7D3CC;
}

.btn-join_us:hover {
  transform: translate(2px);
  filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.5));
}

.btn-learn_more {
   font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    text-decoration: none;
    padding: 10px 30px;
    outline: 2px solid #B30F0F;
    margin-top: 35px;
    
    color: #B30F0F;
}

.btn-learn_more:hover {
  outline: none;
  color: #FFFFFF;
  background-color: #B30F0F;
}

.footer-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #041F4D;
    height: 700px;
}

.footer-privacy {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    margin-top: 10px;

    text-align: center;
    letter-spacing: 0.045em;
    justify-self: flex-end;

    color: #A5CBF9;
}

.footer-copyright {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
margin-top: 25px;

/* identical to box height */
text-align: center;
letter-spacing: 0.045em;

color: #A5CBF9;
}

.footer-contact {
    font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 15px;
margin-top: 10px;

/* identical to box height */
text-align: center;
letter-spacing: 0.045em;

color: #F2F0EE;
}

.footer-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 250px;
    margin-top: 50px;
    margin-bottom: 35px;
}

.footer-link {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.045em;

  color: #F2F0EE;
}

.footer-social {
    margin-top: 50px;
}

.events-explanation {
  width: 550px;
  margin: auto;
  margin-top: 100px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 10px;

  color: #28251F;
}

.issues-explanation {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 11.5px;
  margin-bottom: 10px;
  padding: 10px;

  color: #F2F0EE;

}

.press-arrow {
  margin: auto;
  width: 150px;
}