@font-face {
  font-family: "GTAmerica-Medium";
  src: url('../fonts/GT-America-Medium.OTF') format("opentype");
}
@font-face {
  font-family: "GTAmerica-Regular";
  src: url('../fonts/GT-America-Regular.OTF') format("opentype");
}
@font-face {
  font-family: "GTAmerica-RegularItalic";
  src: url('../fonts/GT-America-Regular-Italic.OTF') format("opentype");
}

:root {
  --content-width: 65rem;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


p em{
  font-family: "GTAmerica-RegularItalic";
  font-style: normal !important;
}

*,
*:after,
*:before{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";;
  scroll-behavior: smooth;
}

li {
  /* list-style: none; */
}

a {
  color: currentColor;
  text-decoration: none;
}

.footer p a{
  text-decoration: none;
}
p a {
  text-decoration: underline;
}

p a:hover{

}

a:hover{
  /* color: red; */
  /* border-bottom: 1px solid grey;  */
  /* color: #000;  */
  /* -webkit-text-stroke-width: .5px;
  -webkit-text-stroke-color: black; */
}

h1, h2, h3, h4, h5, h6{
  font-family: "GTAmerica-Medium", Helvetica, Arial, serif;
  font-weight: 100;
  line-height: 1;
}

strong, b {
  font-family: "GTAmerica-Medium", Helvetica, Arial, serif;
  font-weight: 100;
}

img {
  max-width: 100%;
}

.page {
  padding: 5vh 5vw 10vh;
  overflow-x: hidden;
  /* RD NOTE this is a fix for when the page is pushed*/
}
.page > * {
  max-width: var(--content-width);
  margin: 0 auto;
}

.header {
  margin-bottom: 1.5rem;
}

.header a {
  position: relative;
  /* text-transform: uppercase; */
  /* font-size: .875rem; */
  /* letter-spacing: .05em; */
  padding: .5rem 0;
  /* font-weight: 700; */
}

/* For list items we customise a bit */
 li{
  margin-bottom: 10px;
  font-weight: 100;
  font-family: "GTAmerica-Regular", Helvetica, Arial, serif;
  font-size: 34px;
  color: rgba(33, 31, 31, 1.0);
  letter-spacing: -0.5px;
  line-height: 44px;
  -webkit-font-smoothing: antialiased;
}


p, ul{
  margin-bottom: 1.5em;
  font-weight: 100;
  font-family: "GTAmerica-Regular", Helvetica, Arial, serif;
  font-size: 34px;
  color: rgba(33, 31, 31, 1.0);
  letter-spacing: -0.5px;
  line-height: 44px;
  -webkit-font-smoothing: antialiased;
}

a{
  -webkit-font-smoothing: antialiased;
}

li{
  display: list-item;                                        
  list-style-position: outside;
}

ul, ol { 
    display: block;
    list-style: disc outside none;
    margin: 1em 0;
    padding: 0 0 0 40px;
}
ol { 
    list-style-type: decimal;
}

.brand-heading, .plus-minus{
  font-weight: 100;
  font-family: "GTAmerica-Regular", Helvetica, Arial, serif;
  font-size: 34px;
  color: rgba(33, 31, 31, 1.0);
  letter-spacing: -1px;
  line-height: 44px;
  -webkit-font-smoothing: antialiased;
}

.header .logo {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 6em;
  display: block;
  
  padding: 30px 0;
}

.scrolled-menu .header .logo-schwartz-media {
  margin: 0 5em;
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu a {
  margin: 0 .75rem;
}

.menu a[aria-current] {
  border-bottom: 2px solid #000;
}

/* @media screen and (min-width: 40rem) { */
  .header .logo {
    margin-bottom: 0;
    
  }
  .header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .menu {
    margin-right: -.75rem;
  }
/* } */

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

summary{
  outline:none;
}

.logo-schwartz{
   opacity: 1;

    -webkit-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
}

.scrolled-menu .logo-schwartz-media {
  opacity: 1 !important;
  visibility: visible !important;
  display:  block !important;    
  -webkit-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
}

.scrolled-menu .logo-media{
  visibility: hidden;
  /* transform: translateX(-100px); */

    opacity: 0;

    -webkit-transition: all .2s ease-out;
       -o-transition: all .2s ease-out;
          transition: all .2s ease-out;
} 
.scrolled-menu .logo-schwartz{
    visibility: hidden;
  /* transform: translateX(-100px); */

 opacity: 0;

    -webkit-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
}

/* menu force */
.menu-open .logo-schwartz, .menu-open .logo-media{
  display: block;
  opacity: 1 !important;
  visibility: visible !important;
} 

.menu-open .logo-schwartz-media{
  display: none !important;
  
}

.logo-white-bottom{
  position: absolute;
  bottom: 25px;
}

/* DO MENU AND MOBILE HERE*/
/* at 700 i reckon*/

@media screen and (max-width: 1100px) {
  .menu-open .logo-schwartz-media-white{
    position: fixed;
    left: 60px;
    top: 22px;

    -webkit-filter: invert(100%);

            filter: invert(100%);
    -webkit-transform: scale(.7) !important;
        -ms-transform: scale(.7) !important;
            transform: scale(.7) !important;
    -webkit-transition: height 250ms, width 250ms, -webkit-transform 250ms;
    transition: height 250ms, width 250ms, -webkit-transform 250ms;
    -o-transition: transform 250ms, height 250ms, width 250ms;
    transition: transform 250ms, height 250ms, width 250ms;
    transition: transform 250ms, height 250ms, width 250ms, -webkit-transform 250ms;

  }

  .menu-open .logo-schwartz, .menu-open .logo-media{
    display: none !important;
  }
}

@media screen and (max-width: 700px) {

/* hamburger at mobile */
  .menu-link{
    
    top: 17px !important;
  }
  .header .logo svg, .header .logo img{
    -webkit-transform: scale(.7) !important;
        -ms-transform: scale(.7) !important;
            transform: scale(.7) !important;
    -webkit-transition: height 250ms, width 250ms, -webkit-transform 250ms;
    transition: height 250ms, width 250ms, -webkit-transform 250ms;
    -o-transition: transform 250ms, height 250ms, width 250ms;
    transition: transform 250ms, height 250ms, width 250ms;
    transition: transform 250ms, height 250ms, width 250ms, -webkit-transform 250ms;
  }


  .scrolled-menu .header .logo {
    margin: 0 3em;
  }
  .scrolled-menu .logo-schwartz-media-white{
    top: 10px;
  }
  .header .logo-schwartz, .header .logo-media{
    display: none !important;
  } 
  .header .logo-schwartz-media {
    display: block !important;
  }

  .header .logo{
    margin: 0 3em;
    padding: 9px 0;
  }

  body.menu-open{
    overflow: hidden;
  }
  
  .menu-open #menu{
    width: 100% !important;
    left: 0 !important;
    z-index: 30;
  }

  /* mobile FONT RESIZING */
  .intro-full p{
    font-size: 34px !important;
    line-height: 44px !important;

  }

  p, ul, li, .secondary-title, p:before{
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .view-our-companies{
    font-size: 16px !important;
  }



  .grid-bottom{
    position: inherit !important;
  }

  .hero-tagline-text {
    text-indent: 0 !important;
  }

  /* kill padding and center logo when mobile and scrolled down */
   .header-box-shadow .logo {
    padding: 0 !important;
    
  }
}

@media screen and (min-width: 700px) and (max-width: 900px) {
  .menu-main, .menu-footer{
    /* padding: 2em 2em 2em 2em !important; */
  }
  /* do the guys on the right */
}

main {
  min-height: calc(100vh - 10rem);
}

.intro {
  /* padding: 10vh 0; */

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  height: 100vh;
  margin-top: -5vh; 
  /* to accomodate the page padding */
  position: relative;
}

.header-image{
  padding-bottom: 5vh;
  max-width: 80%;
  margin: 0 auto;

  /* this accomodates the top bar */
}

.header-logo{
  position: absolute; 
  bottom: 60px;
}

.intro-full p{
  margin-top: 2em;
  
  font-family: "GTAmerica-Medium", Helvetica, Arial, serif;
  font-size: 34px;
  color: #212020;
  letter-spacing: -1px;
  text-align: center;
  line-height: 85px;
}

.gt-medium, .gt-medium p, .gt-medium a{
  font-family: "GTAmerica-Medium", Helvetica, Arial, serif;
}

.home-about-text{
  margin-bottom: 10rem;
  margin-top: 5rem;
}

@media (max-width: 600px) {
  .home-about-text{
    margin-bottom: 1em;
  }
}

/* RD suss  here */
@media (max-width: 800px) {
  .hero-image img{
    height: auto !important;
    width: 89vw !important;

  }
}

.hero-image img{
  /* margin-top: -8em; */
  /* width: 65vw; */
  /* height: 70vh; */
  width: auto;
  /* max-width: 85%; */
  /* max-height: 67%; */
  /* margin: 0 auto; */
  display: block;
  max-height: 70vh !important;
}

/* Maximum aspect ratio */
/* @media (min-aspect-ratio: 6/3) {
  .hero-image img{
    width: 45vw;
  }
} */

.title-image{
  margin-top: 6em;
}

.title-image img{
  max-width: 35%;
  /* max-height: 67%; */
  margin: 0 auto;
  display: block;
}

.arrow-container{
  position: absolute; 
      right: 60px;
    bottom: 30px;
}

.sticky-headline{
  position: absolute; 
  display: block;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;

  font-family: "GTAmerica-Medium", Helvetica, Arial, serif;
  font-size: 34px;
  color: #212020;
  letter-spacing: -1px;
}

.sticky-headline.menu-push{
  position: absolute;
}

.sticky-headline{
  position: absolute;
  -o-transition: all .1s;
  -webkit-transition: all .1s;
  transition: all .1s;
}
.menu-open .sticky-headline{
  visibility: hidden;
}

.menu-open .arrow-container{
  display: none;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
  float: right;
}

.text-left{
  text-align: left;
}

.text-indent{
  text-indent: 8em;
}

.font-400,  .font-400 p{
  font-weight: 400;
}

.font-600,  .font-600 p{
  font-weight: 600;
}

.secondary-title{
  margin-bottom: 1.5em;
  /* margin-top: .5em; */
  /* rd dropped the above to bring it into line iwth 20px */
}
.intro h1 {
  position: relative;
  margin-bottom: 1rem;
  font-weight: 900;
  font-size: calc(1vw + 2rem);
  z-index: 1;
}

.tags {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: .75rem;
  font-weight: 600;
}

.text {
  line-height: 1.5em;
}
.text p,
.text figure,
.text ul,
.text ol {

  /* font-family: Helvetica; */
  /* font-size: 24px;
  color: #212020;
  letter-spacing: 0;
  line-height: 44px;
  font-family: Helvetica;
  font-size: 24px;
  color: #212020;
  letter-spacing: 0;
  line-height: 44px; */

}
.text h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
.text > *:first-child {
  margin-top: 0;
}
.text a {
  position: relative;
  white-space: nowrap;
  font-weight: 500;
  z-index: 1;
  display: inline-block;
  border-bottom: 2px solid #000;
}
.text figure {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.text img {
  width: 100%;
}

.text-smaller, .text-smaller p, .text-smaller ul, .text-smaller li{
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.5px;
}

.menu-close-button{
  margin-left: 40px;
  font-size: 15px;
  line-height: 20px;
  display: block;
  font-weight: 600;
  letter-spacing: 0px;
}

.remove-p-margin p{
  margin-bottom: 0px !important;
}

.footer-inner{
      max-width: var(--content-width);
    margin: 0 auto;
}
.footer {
  font-family: "GTAmerica-Regular", Helvetica, Arial, serif;
  padding: 3vh 5vw 1vh;
  background: rgba(33, 32, 32, .83);
  color: white;

  width: 100%;
  line-height: 1.5em;
}
.footer a, .footer p {
  /* display: inline-block; */
  font-size: 16px;
  color: white;

}
.footer > a {
  margin-bottom: 1.5rem;
  /* border-top: 2px solid #000; */
  width: 16.5rem;
  padding-top: .5rem;
}

.footer-white-logo{
  padding-bottom: 2em;
}

.flex-triple{
  padding: 5px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

}

.flex-triple .column a{
  display: block;
  line-height: 1;
}

.flex-triple .column{
  /* column: 1; */
  padding-top: 0;
}

.column-left a{
  display: block;
}

@media (max-width: 500px) {
  .flex-triple {
    display: block;
  }
  .flex-triple a{
    display: inline-block;
  }
}

.flex-side-menu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* Basic flex rows */
.flex-row-container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
    padding-top: 20px;
  padding-bottom: 20px;
  gap: 1em;
}

.flex-1{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flex-2{
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.flex-3{
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.flex-4{
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
}

.flex-5{
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
}

.flex-2-row{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;

}


.flex-1-third-row{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}


.flex-2-third-row{
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.hr-top{
  border-top: 1px solid #dadada;
}


.hr-bottom{
  border-bottom: 1px solid #dadada;
}

.pad-left, .pad-left-1{
  padding-left: 1em;
}

.pad-left-2{
  padding-left: 2em;

}

.pad-left-3{
  padding-left: 3em;
}
.pad-left-4{
  padding-left: 4em;

}
.pad-left-5{
  padding-left: 5em;

}

.margin-left{
  margin-left: 1em;
}


/* grid and company for (so far) About and Careers */

.company {
  border-top: 1px solid #dadada;
  /*margin: 2em 0;*/

}

.grid {
  display: -ms-grid;
  display: grid;
  list-style: none;
  grid-gap: 1rem;
  /* line-height: 0; */
  -ms-grid-columns: 1fr 1rem 1fr;
  grid-template-columns: repeat(2, 1fr);

  /* grid-auto-flow: dense; */
}

@media (max-width: 660px) {
  .grid{
    display: block;
  }
}

.grid div {
  padding: 1em 0;
  /* position: relative;
  --cols: 1;
  --rows: 1;

  overflow: hidden;
  background: #000;
  line-height: 0; */
}

.grid-bottom{
  /* position: absolute;
  bottom: 0;
  left: 0; */
}

.grid-box{
  border-top: 1px solid #dadada;

  position: relative;
}

.round-button{
  border: 1px solid #dadada;
  padding: 10px 20px;
  border-radius: 20px;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  font-family: "GTAmerica-Medium", Helvetica, Arial, serif;

  margin: 5px 5px 0 0 ;
  /* margin-right: 5px; */
  cursor: pointer;
  min-width: 144px;
  text-align: center;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.round-button.smaller-button{
  padding: 8px 14px;
  border-radius: 18px;
  /* padding: 6px 10px;
  border-radius: 15px; */
  min-width: 70px;
}

.round-button img{
  max-width: 24px;
  padding-right: 10px;
}

.round-button:hover{
  /* transform: translateY(6px); */
  border: 1px solid  #dadada;
  background: black;
  color: white;
}

.round-button:active {
  /* background-color: #3e8e41; */
  /* box-shadow: 0 5px #666; */
  /* border-bottom: 1px solid; */
  border: 1px solid  #eee;
  background: #ccc;
}

.page .view-our-companies{
  display: block;
    /* margin-left: 1em; */
    border: 0;
    margin-top: 1em;
    font-size: 24px;
    /* float: right !important;
    margin-top: 0 !important;
    border: 0 !important; */
  }

.page .view-our-companies span{
  -o-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.page .view-our-companies:hover span{ 
  
  margin-left: 5px;
  /* color: red; */
  /* font-size: 40px; */
}

.page .out-link{
  display: inline;
  /* float: right; */
  margin-left: 1em;
  border: 0;

  font-size: 16px !important;
  line-height: 22px;
  font-family: "GTAmerica-Regular", Helvetica, Arial, serif;


}

.page .out-link span{
  -o-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.page .out-link:hover span{ 
  
  margin-left: 5px;
  /* color: red; */
  /* font-size: 40px; */
}

.view-our-companies .link-icon-out svg{
    margin-bottom: -2px;
}


.out-link svg{
  margin-bottom: -4px;
}

#menu{
  /* width: 30vw; */
      overflow: hidden;

  background: #212020;
  color: white;
  z-index: 20;
}

#menu ul, #menu li, #menu a{
  color: white;
  font-family: "GTAmerica-Regular", Helvetica, Arial, serif;
  margin-bottom: 0px;
}

#menu ul {
  margin: 1em 2em;
}


.panel {
    position: fixed;
    left: -15.625em;
    width: 15.625em; 
} 

.menu-push{
  position: relative;
  
  /* This transition slides in, fades in, and is !important to override
    the default inline style from the 'big-slide' menu.
   */
  transition: left 450ms ease 0s, opacity 400ms ease-in-out !important;
  -webkit-transition: left 450ms ease 0s, opacity 400ms ease-in-out !important;
  -moz-transition: left 450ms ease 0s, opacity 400ms ease-in-out !important;
  -ms-transition: left 450ms ease 0s, opacity 400ms ease-in-out !important;
  -o-transition: left 450ms ease 0s, opacity 400ms ease-in-out !important;
}

.menu-fixed-icon{
  position: absolute !important;
  left: 0;
}

.menu-link{
  position: fixed;
  left: 30px;
  top: 30px;

  /* padding: 1.5rem 1.5rem !important; */
  display: block;
  /* color: red; */
  z-index: 999;
  /* position: fixed;
  left: 20px;
  top: 20px; */
}

.scrolled-menu .menu-link{
  top: 17px;
}

/* sticky menu css */

.sticky{
  position: fixed;
  z-index: 10;
  top: 0;
  width: 100%;
  background: white;
}

.menu-open .menu-push{
  opacity: .2;
}

.menu-open .menu-push.opacity-override{
  opacity: 1 !important;
}

.menu-close{
  line-height: 18px !important;
}

.logo svg, .logo img{
  -webkit-transition: height 250ms, width 250ms, -webkit-transform 250ms;
  transition: height 250ms, width 250ms, -webkit-transform 250ms;
  -o-transition: transform 250ms, height 250ms, width 250ms;
  transition: transform 250ms, height 250ms, width 250ms;
  transition: transform 250ms, height 250ms, width 250ms, -webkit-transform 250ms;
}

.header-box-shadow{
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.30);
            box-shadow: 0 2px 10px 0 rgba(0,0,0,0.30);
    height: 54px;
    /* transform: scale(.5); */
    -webkit-transition: height 250ms, width 250ms, -webkit-transform 250ms, -webkit-box-shadow 250ms ease-in-out;
    transition: height 250ms, width 250ms, -webkit-transform 250ms, -webkit-box-shadow 250ms ease-in-out;
    -o-transition: transform 250ms, height 250ms, width 250ms, box-shadow 250ms ease-in-out;
    transition: transform 250ms, height 250ms, width 250ms, box-shadow 250ms ease-in-out;
    transition: transform 250ms, height 250ms, width 250ms, box-shadow 250ms ease-in-out, -webkit-transform 250ms, -webkit-box-shadow 250ms ease-in-out;
}


.header-box-shadow .logo svg, .header-box-shadow .logo img{
  /* width: 84px; */
  -webkit-transform: scale(.5);
      -ms-transform: scale(.5);
          transform: scale(.5);
   

  -webkit-transition: height 250ms, width 250ms, -webkit-transform 250ms;
   

  transition: height 250ms, width 250ms, -webkit-transform 250ms;
   

  -o-transition: transform 250ms, height 250ms, width 250ms;
   

  transition: transform 250ms, height 250ms, width 250ms;
   

  transition: transform 250ms, height 250ms, width 250ms, -webkit-transform 250ms;
}


.menu-open .header-box-shadow .logo{
  padding-top: 90px;
  /* transition-delay: 2s; */
  -webkit-transition: height 250ms, width 250ms, -webkit-transform 250ms;
  transition: height 250ms, width 250ms, -webkit-transform 250ms;
  -o-transition: transform 250ms, height 250ms, width 250ms;
  transition: transform 250ms, height 250ms, width 250ms;
  transition: transform 250ms, height 250ms, width 250ms, -webkit-transform 250ms;


}

.menu-open .header-box-shadow .logo svg, .menu-open .header-box-shadow .logo img{
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: height 250ms, width 250ms, -webkit-transform 250ms;
  transition: height 250ms, width 250ms, -webkit-transform 250ms;
  -o-transition: transform 250ms, height 250ms, width 250ms;
  transition: transform 250ms, height 250ms, width 250ms;
  transition: transform 250ms, height 250ms, width 250ms, -webkit-transform 250ms;
}
/* sidebar menu */
.menu-container{
  /*height: 0%;*/
  /*margin-left: 7em;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;


  -webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -ms-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;

  visibility: hidden;
  opacity: 0;
}

.menu-open .menu-container{
  -webkit-transition-delay: 300ms;
       -o-transition-delay: 300ms;
          transition-delay: 300ms;

  visibility: visible !important;
  opacity: 1;
}

.menu-container a{
  font-weight: 100;
  font-family: "GTAmerica-Regular", Helvetica, Arial, serif;
  font-size: 34px;
  color: rgba(33, 31, 31, 1.0);
  letter-spacing: -1px;
  line-height: 44px;
  -webkit-font-smoothing: antialiased;
}



.menu-footer a{
  font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.5px;
}





.menu-open .header-box-shadow{
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}


.hover-translate a{
  display: block;

/* This is the translation and transofrm of the menu items */
  -ms-transform: translateX(-10px);
      transform: translateX(-10px);
    -webkit-transform: translateX(-10px);

  transition: -webkit-transform .3s ease-in-out;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}

.hover-translate > a:hover{
  /* Back and forth, so its on both hover and not hover */
  transition: -webkit-transform .3s ease-in-out;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
  -ms-transform: translateX(0);
      transform: translateX(0);
    -webkit-transform: translateX(0);
    
}
.second-tier-menu{
  margin-bottom: 2em;
}

.second-tier-menu svg{
  /* width: 100px;
  height: 100px;
  color: white; */
}

.second-tier-menu a{
  font-size: 1.3em;
  line-height: 1.6;

}

.menu-main:hover > a:hover{
  /* opacity: 1; */
}

.menu-main{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;

  margin-bottom: auto;
  margin-top: 4em;
  padding: 2em 2em 2em 108px;


}

.menu-footer{
  margin-top: auto;
  margin-bottom: 4em;
  padding: 2em 2em 2em 102px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 }

 .logo-white-bottom{
   margin-top: 3em;

 }

.menu-footer li{
  font-family: "GTAmerica-Regular", Helvetica, Arial, serif;
  font-size: 16px;
  line-height: 20.0px;

}

.grid-box-footer{
  padding: 0 !important;
}

.job-single-container{
  margin-top: 7em;
}

.page {
    -webkit-animation: myfadeInAnimation 1500ms;
            animation: myfadeInAnimation 1500ms;
}

@keyframe myfadeInAnimation {
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes myfadeInAnimation {
    from {opacity: 0;}
    to {opacity: 1;}
}


.cmn-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 108px;
  height: 96px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          -o-transition: background 0.3s;
          transition: background 0.3s;
}

.cmn-toggle-switch:focus {
  outline: none;
}

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 45px;
  left: 18px;
  right: 18px;
  height: 6px;
  background: white;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #fff;
  content: "";
}

.cmn-toggle-switch span::before {
  top: -27px;
}

.cmn-toggle-switch span::after {
  bottom: -27px;
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
 .hamburger {
  /* padding: 15px 15px; */
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  -o-transition-property: opacity, filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
       -o-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; 

  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none;   /* Firefox all */
  -ms-user-select: none;  /* IE 10+ */
   user-select: none;  /* Likely future */ 

}
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.active:hover {
    opacity: 0.7; }
  .hamburger.active .hamburger-inner,
  .hamburger.active .hamburger-inner::before,
  .hamburger.active .hamburger-inner::after {
    background-color:white; }
.hamburger:focus{
  outline:none;
}
.hamburger-box {
  width: 30px;
  height: 20px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
         -o-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

    /*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  -webkit-transition: background-color 0s 0.13s linear;
  -o-transition: background-color 0s 0.13s linear;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 8px;
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 16px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.active .hamburger-inner {
  -webkit-transition-delay: 0.22s;
       -o-transition-delay: 0.22s;
          transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.active .hamburger-inner::before {
    top: 0;
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.active .hamburger-inner::after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
            transform: translate3d(0, 10px, 0) rotate(-45deg); }

    /* enable Flickity by default */
    .titles-carousel:after {
      content: 'flickity';
      display: none; /* hide :after */
    }

    @media screen and ( max-width: 568px ) {
      /* disable Flickity for large devices */
      .titles-carousel:after {
        /* content: ''; */
      }
      /* carousel flickity - titles */
      .carousel-cell {
        width: 100% !important;
        height: 500px !important;
        margin-right: 20px;
        /* background: #8C8; */
        border-radius: 5px;
        counter-increment: carousel-cell;
      }
      .title-image-square img {
        max-width: 60% !important;
      }
    }
    
    /* carousel flickity - titles */
    .carousel-cell {
      width: 33%;
      height: 530px;
      margin-right: 20px;
      /* background: #8C8; */
      border-radius: 5px;
      counter-increment: carousel-cell;
    }

    .titles-carousel{
      width: 100%;
      /* max-height: 250px; */
      margin-bottom: 4em;
    }

    .title-image-square{
      background: #212020;
      /* min-height: 27vh; */
      min-height: 23em;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center; /* For vertical align */
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    
      -webkit-box-pack: center;
    
          -ms-flex-pack: center;
    
              justify-content: center;

    }

    .carousel-cell p{
      font-size: 24px;
      line-height: 30px;
      
    }

    .title-image-square img{
       max-width: 75%;
       padding: 2em;

       margin: 0 auto;
       display: block;
    }

    .title-heading{
      /* font-weight: 600; */
      font-family: "GTAmerica-Medium";

      margin: .5em 0;
      font-size: 24px;
      line-height: 30px;
    }
    .visit-website{
      margin-top: 1em;
    }

    .flickity-viewport{
      /* overflow: inherit !important; */
    }


    /* Basic grid layout for Journalism titles */
.titles-grid{
  display: -ms-grid;
  display: grid;
  /* grid-template-columns: auto auto auto; */
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

  /* grid-auto-rows: minmax(min-content, max-content); */
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

.titles-grid-item{
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.titles-grid-item .title-image-square{
  width: auto;
}

.titles-grid-item .grid-bottom{
  /* display: flex; */
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top:auto;
}

.titles-grid-item p{
  font-size: 24px;
  line-height: 30px;
}


/* this is for the expadning bits */
.expand{
	display: none;
}

.expand-container{
  margin-bottom: 1em;
  border-top: 1px solid #333;
}

table, table tbody{
  width: 100%;
}
table tbody tr td{
  /* padding: 10px; */
  padding: 10px 6px;
}

table tbody tr:first-child{
  /* font-weight: 900; */
}

table tbody tr:nth-child(even) {
  background-color: #f2f2f2
}

table tr td:first-child{
  font-weight: 600;
}

.flex-row{
  margin: 2em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-title{
  margin: 2em 0;
}

.uniform__potty {
  position: absolute;
  left: -9999px;
}

.sm-small, .sm-small p, .sm-small li{
  font-size: 18px;
  line-height: 24px;
  font-family: "GTAmerica-Regular", Helvetica, Arial, serif;

  /* letter-spacing: 0px; */
  /* letter-spacing: -0.5px; */
}

.sm-medium, .sm-medium p{
  font-size: 24px;
  line-height: 30px;
  font-family: "GTAmerica-Regular", Helvetica, Arial, serif;
  /* letter-spacing: 0px; */
}

.vert-centered-image{
  margin-top: 20%;
  max-width: 80%;
}

.margin-bottom-4em{
  margin-bottom: 4em;
  padding-bottom: 4em;
}

.margin-bottom-2em{
  margin-bottom: 2em;
  padding-bottom: 2em;
}

.margin-bottom-1em{
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.zero-margin-bottom, .zero-margin-bottom p{
  margin-bottom: 0 !important;
}

/* This is a hack to stop iframe appearing on all papges.. */
.shopify-buy-frame--productSet {
  display: none !important;
}
.shopify-buy-frame--product {
  display: none !important;
}

/* @media (max-width: 1040px) { */
  .full-width-interior{
    padding: 2vh 0 2vh 0;
    max-width: var(--content-width);
    margin: 0 auto;
  }
/* } */

@media (max-width: 1040px) {
  .full-width-interior{
    padding: 2vh 5vw 2vh 5vw;
    max-width: var(--content-width);
    margin: 0 auto;
  }
}


  .full-width-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }

  .full-width-interior {
    /* justify-content: space-between; */
  }
  .wine-trans-image{
    display: block;
    margin: 0 auto;
    max-width: 250px;
    

  }

  .wine-text-middle{
    margin-left: 3em;
  }
  
.ad-image{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* align horizontal */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* align vertical */
}


/* MEDIA MAX 600 */
@media (max-width: 600px) {
  .flex-row-container{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
            gap: 0;
  }
  .shop-image-container.shop {
   height: 176px !important;
  }
  .shop-image-container {
      max-height: 400px !important;
  }
  .flex-row-container .flex-2-third-row, .flex-row-container .flex-1-third-row,
  .flex-row-container .flex-2-row{
    padding: 1em 0 !important;
  }

  /* undo some paddings and margins */
  .flex-row-container .pad-left, .flex-row-container .pad-left-2{
    padding-left: 0 !important;
  }

  .flex-row-container .margin-left{
    margin-left: 0 !important;
    /* add top m and p instead */
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #dadada;

  }

  .mobile-first-position{
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .wine-right {
    display: none;
  }

  .wine-trans-image{
    max-width: 150px;
    padding: 1em;
  }

  .view-our-companies{
    /* this moves the 'view our companies' away from the main text */
    /* line-height: 4 !important; */
  }

  .arrow-container{
    right: 15px;
  }

  .wine-text-middle{
    margin-left: 0em;
  }

  .flex-1, .flex-2, .flex-3, .flex-4, .flex-5{
    margin-left: 0 !important; 
    margin-right: 0 !important;
  }

  .shop-image-container{
    height: auto !important;
  }

  .hero-image{
    margin-top: -3em;
  }

  .hr-bottom-mobile{
    border-bottom: 1px solid #dadada;
  }

  .mobile-show{
    display: block !important;
  }
  .mobile-hide{
    display: none !important;
  }
}
.mobile-show{
  display: none;
}
.mobile-hide{
  display: block;
}

.home-about-text p{
    text-indent: 8em;
    display: inline;
}

.home-about-text p:before{
    content: "About";
    padding-right: 3em;
    font-size: 24px;
    letter-spacing: 0;
    /* font-weight: 600; */
    font-family: "GTAmerica-Medium", Helvetica, Arial, serif;

}

.top-about-text{
  margin-bottom: 10rem;
}

.top-about-text p{
    text-indent: 8em;
    display: inline;
}

/* height adjustments for lansdcape and small screens */

@media (max-height: 800px) {
  .header-image {
    max-width: 60%;
  }
}

@media (max-height: 670px) {
  .arrow-container{
    /* bottom: 20px !important;  */
    /* RD test index.css */
  }
  .hero-image img {
    /* max-width: 45% !important; */
    max-height: 60vh !important;
    padding-bottom: 2em;
  }

  .menu-main{
    padding: 1em 2em 1em 108px;
  }

  .menu-footer{
    padding: 1em 2em 1em 102px;
  }

  .logo-white-bottom{
    position: inherit;
    /* bottom: 25px; */
    margin-top: 10px;
  }

  .menu-main a{
    font-size: 1.5em;
    line-height: 30px;
  }
  .second-tier-menu svg{
    margin-bottom: -4px;
  }
  .menu-footer{
    padding: 0 1em 1em 100px;
    margin-bottom: 10px;
  }
  .menu-footer a{
    font-size: .8em;
    line-height: 22px;
  }


}

/* @media (max-width: 600px) {
  .arrow-container{
    right: 50%;
    right: auto;
  }
} */

@media (min-height: 650px) and (max-height: 850px) {
  .arrow-container{
    /* bottom: 20px !important;  */
  }
  .hero-image img {
    /* max-width: 70% !important; */
    max-height: 62vh !important;
  }

  .menu-main{
    /* padding: 1em 2em 1em 108px; */
  }

  .menu-footer{
    /* padding: 1em 2em 1em 102px; */
  }
}


.disable-select {
  user-select: none; /* supported by Chrome and Opera */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}

@media screen and (min-width: 1001px) {
  .shop-image-container{
    /* height: 325px; */
    background: white;
    margin-bottom: 4em !important;
  }
}

.shop-image-container{
  height: 325px;
  background: white;
  margin-bottom: 2em;
}

.shop-image-container.wine{
  /* background: #FFCDAA; */
  background: black;
}
.shop-image-container.wine img{
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
}


.shop-image-container.shop{
  background: black;
  color: white;
  min-height: 176px;
}

.coming-soon-centered{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  color: white;
}

/* from news item page */
.news-item-image{
  margin: 20px 0;
}

/* .deadlines-table tr:first td{
  font-weight: 900;
} */

#slideshow { 
  /* margin: 50px auto;  */
  /* position: relative;  */
  /* width: 240px;  */
  /* height: 240px;  */
  /* padding: 10px;  */
  /* box-shadow: 0 0 20px rgba(0,0,0,0.4);  */
}

#slideshow > div { 
  /* position: absolute; */
  /* top: 10px; 
  left: 10px; 
  right: 10px; 
  bottom: 10px;  */
}



/* Below is moved from advertise page to get around adblockers */
.page-advertise .flex-1-third-row{
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-advertise .advertise-about-text p:before{
  content: "Advertise";
  padding-right: 3em;
  font-size: 24px;
  letter-spacing: 0;
  font-family: "GTAmerica-Medium", Helvetica, Arial, serif;

}

/* alternate rows */
.page-advertise .meta-container .flex-row-container .flex-1{
  /* margin-right: 5em; */
  margin-right: 3em;
}

.page-advertise .meta-container .flex-row-container .flex-1.ad-image{
  align-items: baseline;
  margin-top: 2em;
}

@media (max-width: 600px) { 
  .page-advertise .ad-image img{
    max-width: 80%;
    margin: 0 auto;
  }

}

.page-advertise .advertise-about-text{
  margin-top: 5rem;
}