html {
  scroll-behavior: smooth;
}
:root {
  --clr-red:#f15bb5;
  --clr-grey:#343a40;
  --clr-blue:#1da1f2;
  --clr-logo:#f15bb5;

  --clr-bg: #F8F8FA; /*#F8F8FA; edf2f4; #f1f2f2;*/
  --clr-link: #1da1f2;
  --clr-h1: #343a40;
  --clr-h2: #111;
  --clr-h3: #f15bb5;
  --clr-h4: #343a40;
  --clr-h5: #343a40;
  --clr-p: #343a40;
  
  --ff-menu: 'Roboto', sans-serif;
  --ff-primary: 'Roboto', sans-serif;
  --ff-h1: 'Roboto', sans-serif;
  --ff-h2: 'Georgia', serif;
  --ff-h3: 'Georgia', serif;
  --ff-h4: 'Georgia', serif;
  --ff-h5: 'Roboto', sans-serif;
  --ff-kicker: 'Georgia', serif;
  --ff-p: 'Roboto', sans-serif;
  --ff-p-section: 'Roboto', sans-serif;
  --ff-footer: 'Roboto', sans-serif;
}

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

body {
  background-color: var(--clr-bg);
  font-family: var(--ff-primary);
  color:var(--clr-grey);
}
body, 
h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
}

/* CONTAINERS */
.wrapper {
    max-width: 940px;
    margin-right: auto;
    margin-left: auto;
    padding-left:0;
    padding-right:0;
}
.container {
  display:block;
  margin-inline: auto;
  width: min(90%,70.5rem);
  max-width: 940px;
}
.container-map {
  display:block;
  margin-inline: auto;
  width: min(90%,70.5rem);
  max-width: 940px;
}
.container-footer {
  display:block;
  margin-inline: auto;
  width: min(90%,70.5rem);
  max-width: 940px;
}
.container_new {
  z-index:auto;
  position:fixed;
  display:block;
  margin-inline: auto;
  width: min(90%,70.5rem);
  max-width: 940px;
  padding:0 0 10px 0;
  z-index:1;
}
.container_hide {
  z-index:auto;
  position:static;
  display:none;
  margin-inline: auto;
  width: min(90%,70.5rem);
  max-width: 940px;
  padding:0 0 10px 0;
}
.container_hide_mission {
  z-index:auto;
  position:static;
  display:none;
  margin-inline: auto;
  width: min(90%,70.5rem);
  max-width: 940px;
  padding:0 10px;
}
.container_hide_team {
  z-index:auto;
  position:static;
  display:none;
  margin-inline: auto;
  width: min(90%,70.5rem);
  max-width: 940px;
  padding:0 10px;
}
.container_hide_board {
  z-index:auto;
  position:static;
  display:none;
  margin-inline: auto;
  width: min(90%,70.5rem);
  max-width: 940px;
  padding:0 10px;
}

.page-content {
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
.post-content {
  padding-bottom:0 !important;
  margin-bottom:0 !important;
  padding-top:22px;
}
.container--narrow {
  max-width: 31rem;
}
.fixedsection {
  background-color: var(--clr-bg);
  position: absolute;
  top: 0%;left: 0%;right: 0%;
  display: flex;
  /* height: auto; */
  flex-direction: column;
  padding: 0 0px;
  margin-top: 70px;
}
.fixedsection_write {
  background-color: var(--clr-bg);
  position: fixed;
  top: 0%;left: 0%;right: 0%;
  display: flex;
  /* height: auto; */
  flex-direction: column;
  padding: 0 0px;
  margin-top: 100px;
}
.fixedsection_read {
  background-color: var(--clr-bg);
  position: fixed;
  top: 0%;left: 0%;right: 0%;
  display: flex;
  /* height: auto; */
  flex-direction: column;
  padding: 0 0px;
  margin-top: 100px;
}

.quotebox {
    display: block;
    background: #fff;
  margin-top:20px;
    padding: 20px 20px;
    font-weight:300 !important;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  /*
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  */
  border-radius:10px;
}
.quotetext{
  display: block;
    padding: 25px 0 0 0;
    font-size: 1rem;
}

/*
.fas {
    font-weight: 900;
    padding: 0 10px 0 0;
    font-size: 1.1rem;
    color: #bbb;
}
*/

.fa-envelope-open {
  color: #111;
}

.fa-child {
  color: #111;
}

.fa-bars {
  padding:0 10px 0 0;
  color: #bbb;
}

.fa-hashtag {
  padding:0 5px 0 0;
  color: #bbb;
}

/*
.far {
    color: #bbb;
}
*/
.chaport-container.chaport-window-dark-gray .chaport-launcher .chaport-launcher-button, .chaport-content.chaport-window-dark-gray .chaport-launcher .chaport-launcher-button {
    background-color: var(--clr-red) !important;
}

.chaport-container.chaport-container-positioned {
}

.map {
  font-size:50px !important;
}

.partners {
  padding:0 5px 5px 0;
}
/* Header & Menus */
.site-title, .site-title:visited {
  font-family: 'Oswald', sans-serif;
  letter-spacing:2px; 
  border-bottom:none;
  text-transform:uppercase;
  font-size:18px;
  padding:0px 10px;
  color:var(--clr-logo) !important; 
  font-weight:400 !important;
}
.site-nav .menu-icon {
    display: flex;
    right: 1%;
    position: absolute;
    width: 30px;
    height: 20px;
    line-height: 0;
    padding-top: 0px;
    text-align: center;
    border-bottom: none !important;
}
.site-nav .page-link:not(:first-child) {
    margin-left: 0px;
}
.site-nav .page-link {
    color: var(--clr-grey);
    line-height: 1.5;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration:none;
    letter-spacing: 1px;
    border-bottom:none !important;
    font-weight:500;
    font-family: var(--ff-menu);
  padding:5px 2px;
}
.site-nav a:hover {
  color:var(--clr-blue);
}
.site-header {
    border: 0px !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    background: var(--clr-bg) !important;
    min-height:56px;
    z-index: 2;
}
header {
  line-height:2em;
}

/* IMAGES */
img {
  max-width:100%;
  display:block;
}
.img_big {
  height:40vw;
  margin-left:auto;
  margin-right:auto;
  display:block;
}
.img_med {
  height:100px;
  margin-left:auto;
  margin-right:auto;
  display:block;
}
.img_magic {
  margin-left:auto;
  margin-right:auto;
  display:block;
}
.img_small {
  height:60px;
  margin-right:3vw;
}
.img_m {
  height:250px;
  margin-left:auto;
  margin-right:auto;
  display:block;
  padding: 0 1vw 0 0;
}
.img_sn {
  height:16vw;
  margin-left:auto;
  margin-right:auto;
  display:block;
  padding: 0 2vw 0 0;
}
.img_logo {
  margin-left:auto;
  margin-right:auto;
  display:block;
  height:12vw;
  padding: 0 2vw 0 0;
}
.img_display {
  display:flex;flex-direction:row; 
}
.bob{
  
}
.bob2{
  display:none;
}

/* Headings */
h1 {
  font-size:22px;
  line-height: 1;
  font-family: var(--ff-h1);
  font-weight: 300;
  color: var(--clr-h1);
}
h2 {
  font-size:18px;
  line-height: 1;
  font-family: var(--ff-h2);
  font-weight: 300;
  color: var(--clr-h2);

}
h3 {
  font-size:16px;
  line-height: 1;
  font-family: var(--ff-h3);
  font-weight: 300;
  color: var(--clr-h3);
}
h4 {
  font-size:16px;
  line-height: 1;
  font-family: var(--ff-h4);
  font-weight: 300;
  color: var(--clr-h4);
  margin:0;
}
h5 {
  font-size:18px;
  line-height: 1.2;
  font-family: var(--ff-h5);
  font-weight: 300;
  color: var(--clr-h5);

}

p {
  font-size:16px;
  line-height: 1.2;
  font-family: var(--ff-p);
  font-weight: 300;
  color: var(--clr-p);
}

/* Links & Buttons */
a:link {
  color:var(--clr-link);
  font-weight:400;
  text-decoration:none;
}
a:visited {
  color:var(--clr-link);
  font-weight:400;
  text-decoration:none;
}
a:hover {
  font-weight:400;
  text-decoration:none;
    transition-duration: 0.2s;
}

.current {
    color:var(--clr-red) !important;
}

.buttontop,.button1, .button2 {
  border-radius:5px;
  padding: 10px 10px 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1em !important;
  line-height: 1.5;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 500 !important;
  font-family:var(--ff-h1);
}
.buttontop {
    background-color:var(--clr-bg);
    color: var(--clr-grey);
    border: 3px solid var(--clr-grey);
}
.buttontop a:active {
    background-color:var(--clr-bg);
    color: var(--clr-red) !important;
    border: 3px solid var(--clr-grey);
}
.button1 {
    background-color:#7EB3FF;
    color:#fff !important;
    border: 1px solid #7EB3FF;
}
.button2 {
    background-color:var(--clr-bg);
    color:var(--clr-grey) !important;
    border: 1px solid var(--clr-grey);
}
.buttontop,.button1, .button2 {
  transition-duration: 0.2s;
}
.buttontop:hover {
  color: var(--clr-blue) !important;
  border:3px solid var(--clr-blue) !important; 
}
.button1:hover {
    background-color:var(--clr-bg);
    color:var(--clr-blue) !important;
    border: 1px solid var(--clr-blue);
}
.button2:hover {
    background-color:var(--clr-bg);
    color:var(--clr-blue) !important;
    border: 1px solid var(--clr-blue);
}

/* Fixes */
.headerbot {
  height: auto;
}
.text-center{
  text-align: center;
}
.heightfix {
  height: auto;
}
.cta_display {
    padding-bottom:3vw;
  }

/* Splits */
.split {
  display: flex;
  flex-direction: column;
}
.split1 {
  display: flex;
  flex-direction: column;
  padding-bottom:10px;
}
/*
.split1 h1 {
  font-size:8.1vw;
  margin:0 0 1vw 0;
}
.split1 p {
  font-size:5vw;
  line-height:6vw;
  font-weight: 400;
  font-family:var(--ff-p-section);
  color:var(--clr-p);
  margin: 0 0 5vw 0;
}
*/

.boxed {
    padding:0;
}
.boxeda {
    padding:0vw 0 0vw 0;
}
.boxeda_read {
    padding:0vw 0 5vw 0;
  width:50%;
}
.boxedb {
    border-top:0px solid #fff;
    padding:0vw 0 5vw 0;
}
.boxedaa {
    padding:8vw 0 5vw 0;
}
.boxedaa h1 {
    font-size: 1vw;
}
.boxedbb {
    border-top:2px solid #fff;
    padding:8vw 0 0vw 0;
}
.row {
  display: flex;
  padding-bottom:4vw;
}
.row1 {
  display: flex;
  padding: 0 0 4vw 0;
}
.row2 {
  display:none;flex-direction:row; padding-bottom:4vw;
}
.column {
  flex: 50%;
  padding-right: 4px;
}


/* Slides */
.slide {
  /*
  position:relative; 
  z-index:2;
  margin-top:160vw; 
  */
  margin-top:196vw;
  padding:3vw 0;
  background:#fff;
  /* box-shadow:0 5px 80px 0 rgb(0 0 0 / 12%); */
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.slidenew{
  /*
  position:relative; 
  z-index:2;
  margin-top:160vw; 
  */
  margin-top:370vw;
  background:#fff;
  box-shadow:0 5px 80px 0 rgb(0 0 0 / 12%);
}
.slide2 {
  position: relative;
  background: var(--clr-bg);
  padding-bottom: 0px;
}
.slide2-map {
  position: relative;
  background: var(--clr-bg);
  padding-bottom: 0px;
}

/* Blurbs */
.kicker {
  font-family: var(--ff-kicker);
  font-size: 5.3vw;
  line-height: 8vw;
}
.subpage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    max-width:800px;
    height: 60vw;
    background-color: #fff;
    color: var(--clr-grey);
    margin-inline: auto;
    padding: 2vw;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
.subpage p {
  font-size:9vw;
  line-height:9.5vw;
}
.btotop {
  font-size:1rem;
  letter-spacing:1px;
  padding:10px 0;
  margin:0 0 0 0px;
  border-top:0px !important;
}

/* Footer */
.footer {
    position: relative;
    z-index:3;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    height: auto;
    padding: 20px 0 20px 0;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
}
.footer p {
  font-size:3vw;
  color: #32261d;
  line-height:1;
  font-family:var(--ff-footer);
}

/* Sections */
section {
  padding:0 10px;
}
section h1 {
  font-size:7.5vw;
  padding: 0 0 4vw 0;
}
a:hover {
  color:#111;
  font-weight:400;
}
section h2 {
  font-size:7vw;
  padding: 0 0 1vw 0;
  line-height:1;
}

.section h3 {
  font-size:5vw;
  font-family:var(--ff-h3);
  padding:0 0 3vw 0;
  font-weight:400;
}
.section p {
  font-size:5.4vw;
  padding: 0 0 3vw 0;
}

/*
section1 {
  padding: 0rem 0 0 0;
  text-align:left;
}
section p {
  font-size:5vw;
  line-height:6vw;
  font-weight: 300;
  font-family:var(--ff-p-section);
  color:var(--clr-p);
}
*/

/* Write */
.img_b {
  margin-left:auto;
  margin-right:auto;
  display:block;
  padding: 0 1vw 0 0;
}
.books {
  padding:20px 0 0 0;
}
.img_inside {
  height:16vw;
  margin-left:auto;
  margin-right:auto;
  display:block;
  padding: 0 2vw 0 0;
}
.p0 {
  font-size:16px;
  line-height:1.2;
}
.pnew {
  font-size:16px;
  line-height:1.2;
}
.p1 {
  font-size:16px;
}
.textbox {
  	background-color: #fff;
    padding: 10px 5px 10px 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 16px;
  line-height:1.4;
}
.img_write {
  height:500px;
  margin-left:auto;
  margin-right:auto;
  display:block;
  padding: 10px 1vw 0 0;
}

.img_invent {
  margin-left:auto;
  margin-right:auto;
  display:block;
  padding: 0px 30px 0 0;
}

.img_hero {
  display:none;
}
.img_scroll {
  padding-right:20px;
  color:var(--clr-red) !important;
  text-transform:uppercase;
  font-weight:600 !important;
  letter-spacing:1px;
}
.img_scroll_new {
  padding-right:20px !important;
  color:var(--clr-red) !important;
  max-width:20%;
  min-width:20%;
  font-size:22px;
  font-weight:300 !important;
  font-family:var(--ff-h2) !important;
}

.video {
  width:560px;
  height:400px;
}

/* CARDS */
.sticky-how-to h1 {
  font-size:2.4rem;
  line-height:1.2;
  padding:0 0 15px 0;
}
.sticky-how-to p{
  font-size:20px;
  line-height:1.25;
    font-family:var(--ff-p);
    color:var(--clr-grey);
    font-weight:300;
  padding-bottom:10px;
}

.card-how-to.first {
    margin-top: 0px;
  	margin-bottom:50px;
}
.card-how-to {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    padding: 85px 74px 45px 74px; /* 85px 74px; */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fff;
    /* box-shadow: 0 5px 80px 0 rgba(0, 0, 0, 0.12); */
    box-shadow:0 5px 80px 0 rgb(0 0 0 / 12%);
}

.sticky-how-to-new p{
  font-size:20px;
  line-height:1.25;
    font-family:var(--ff-p);
    color:var(--clr-grey);
    font-weight:400;
  padding-bottom:10px;
}

.card-how-to-new {
  /*
    position: absolute;
    top: 80px;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
  */
    display: flex;
  /*   align-self:flex-start; */
    padding: 0px 74px 0px 74px; 
  /*
     margin-top: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    box-shadow:0 5px 80px 0 rgb(0 0 0 / 12%);
  */
}
.card-how-to-new2 {
  /*
    position: absolute;
    top: 80px;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
  */
    display: flex;
  /*   align-self:flex-start; */
    padding: 0px 10px 0px 74px; 
  /*
     margin-top: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    box-shadow:0 5px 80px 0 rgb(0 0 0 / 12%);
  */
}
.card-how-to-page {
    display: flex;
    padding: 85px 74px 45px 74px;  
}
.sticky-how-to-new {
padding:60px 0 0px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  /*
      position: relative;
    margin-top: 570px;
  */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  position:relative;
  z-index:auto;
}

.sticky-how-to {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 570px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.card-hashtag {
    position: absolute;
    left: 0px;
    top: 20px;
    right: auto;
    bottom: auto;
    padding: 10px 18px;
    border-radius: 0 20px 20px 0;
    background-color: var(--clr-bg);
    color: var(--clr-grey);
    font-size: 20px;
    font-family:var(--ff-h1);
    font-weight:350;
    line-height: 25px;
}
.card-how-to-comment {
    position: absolute;
    left: auto;
    top: auto;
    right: 28px;
    bottom: -2px;
    z-index: 2;
    width: 680px;
    padding: 10px;
    border-style: solid;
    border-color: #afafaf;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.13);
}
.how-to-profile-pic {
    margin-right: 0px;
    padding-right:0px;
    max-width:80px;
}
.how-to-profile-pic-small {
    margin-right: 0px;
    padding-right:0px;
    max-width:80px;
    padding: 20px 10px 10px 0;
}
.img_sticky {
    margin-right: 10px;
    padding-right:15px;
    max-width:80px;
    display:none;
}
.img_sticky_new {
    margin-right: 10px;
    padding-right:15px;
    display:none;
}
.img_sticky_read {
  display:none;
}
.how-to-comment-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
}
.card-how-to-comment {
    position: absolute;
    left: auto;
    top: auto;
    right: 28px;
    bottom: -2px;
    z-index: 2;
    width: 680px;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #afafaf;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.13);
}

/*
.how-to-comment {
    color: #746e69;
    font-size: 16px;
    line-height: 23px;
}
*/
/*
            .tab div {
                display: none;
            }

.tab div:target {
  display: block;
  background: green;
  padding: 5px;
  margin: 20px 5px;
            }
.tab div:target h3{
  color:red;
}
.tab div:target p{
  color:red;
}
*/
/*
#mission {
  color:red !important;
}
*/




a.anchor {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

/*
.video-container iframe {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
*/

:target {
  /*
    -webkit-animation: target-fade 3s 1;
    -moz-animation: target-fade 3s 1;
  */
}

/*
@-webkit-keyframes target-fade {
    0% { background-color: #FFFCBB; }
    100% { background-color: rgba(0,0,0,0); }
}
@-moz-keyframes target-fade {
    0% { background-color: #FFFCBB; }
    100% { background-color: rgba(0,0,0,0); }
}
*/

.sticky-how-to-new div:target .sticky-how-to-new {
display:block; 
  padding:0 !important;
}

.sticky-how-to-new div:target p{
  font-size:20px;
  line-height:1.25;
    font-family:var(--ff-p);
    color:var(--clr-grey);
    font-weight:400;
  padding-bottom:10px;
}

.sticky-how-to-new div:target .img_scroll_new {
  /*
    padding-right:10px !important;
  color:var(--clr-red) !important;
  width:600px !important;
    font-weight:400 !important;
  */
}

.sticky-how-to-new div:target .card-how-to-new {
  padding: 110px 74px 20px 74px; 
}

.sticky-how-to-new div:target .container_hide {
  display:block;
  position:fixed;
  top:0;
  margin-top:52px;
}

.highlight_id {
    color: var(--clr-grey) !important;
}

.highlight_page {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    color: #111;
    /* font-family: 'Georgia'; */
    /* color: var(--clr-red); */
}



/*
.sticky-how-to-new div:target .container_hide_mission {
  display:block;
  position:fixed;
    top:0;
}

.sticky-how-to-new div:target .container_hide_team {
  display:block;
  position:fixed;
    top:0;
}

.sticky-how-to-new div:target .container_hide_board {
  display:block;
  position:fixed;
    top:0;
}

*/

/*
.sticky-how-to-new div:target .container_new {
}

.sticky-how-to-new div:target .container_hide_mission {
}

.sticky-how-to-new div:target .container_hide_team {
}
*/

/*
.sticky-how-to-new div:not(:target) .container_hide_mission {
  display:none; 
}
*/

/*
.big {font-size:2rem;font-family:var(--ff-h1);font-weight:400 !important;line-height:1;color:var(--clr-red);}
*/

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

.linker a {
  color:black !important;
}
.linker a:link {
  color:black !important;
}
.linker a:visited {
  color:black !important;
}
.linker a:active {
  color:black !important;
}

.card-how-to-comment.topright {
    left: auto;
    top: 20px;
    right: 40px;
    bottom: auto;
}
.p2 {
  font-size: 5vw;
  padding-bottom:3vw;
}

@media (max-width:320px) {
  .sticky-how-to h1 {
    padding:0 0 10px 20px;
  }
  .not_iphone {
    display:none;
  }
}

@media (min-width:321px) {
  .not_iphone {
    display:block;
  }
  .iphone{
    display:none;
  }
}

@media (max-width:600px) {
  .chaport-container.chaport-container-positioned {
  bottom:30px !important;
}
           .bob {
             display:none;
  }
  
            .bob2 {
             display:block;
              height:40vw;
              margin-bottom:2vw;
  }
          .partners {
    padding:0 10px 10px 0;
  height:18vw;
}
  /*
  .big {font-size:2rem;font-family:var(--ff-h1);font-weight:400 !important;line-height:1;color:var(--clr-red);}
  */
    .fixedsection_read {
    margin-top:120px;
  }
  .fixedsection_write {
    margin-top:120px;
  }
  .container-footer {
  width: 100%;
}
  .footer p {
    font-size:4vw;
  }
  a.anchor {
    top: -138px; /* 138 */
}
  .sticky-how-to-new {
    padding: 85px 0 0 0;
  }
  .sticky-how-to-new div:target .card-how-to-new {
    padding:45vw 10px 0px 10px;
  }
/*  
.sticky-how-to-new div:target .container_hide {
    display: block;
    position: fixed;
    top: 0;
    margin-top: 62px;
    font-size: 5vw;
    line-height: 1.4;
    background: #fff !important;
    padding: 10px 20px;
    position: fixed;
    z-index: 1;
}
*/  
.container_hide {
      background: #fff !important;
    width: 100%;
    padding: 10px 10px 10px 10px !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    z-index:1;
  }
 .container_new {
      background: #fff !important;
    width: 100%;
    padding: 10px 10px 10px 10px !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
  }
  section h1 {
    font-size:7.5vw;
  }
  .boxedaa h1 {
    font-size:9vw;
  }
  .button1, .button2 {
    font-size:3vw;
  }
  .cta_display {
    padding-bottom:3vw;
  }
  .subpage p {
    font-size:9.5vw;
  }
 
  .img_inside {
    height:40vw;
    padding:20px;
  }
  .sticky-how-to h1 {
    font-size:6vw;
  }
  .card-how-to.first {
    top:0;
    margin-bottom:0;
  }
  .img_sticky {
    margin-right: 10px;
    padding-right:15px;
    max-width:20vw;
    display:block;
    padding:0 0 2vw 0;
}
  .img_sticky_read {
    display:block;
    padding: 0 0 20px 0;  
  }
  .img_scroll {
    display:none;
  }
    .img_scroll_new {
    display:none;
  }
    .img_sticky_new {
    /* margin-right: 10px; */
    /* padding-right: 15px; */
    display: block;
    padding: 0 0 4vw 0;
    font-size: 9vw;
    font-weight: 300;
    line-height: 1;
    width: 80%;
    font-family:var(--ff-h1);  
      color:var(--clr-red);
        /*
        margin-right: 10px;
    padding-right:15px;
    display:block;
    padding:0 0 1vw 0;
    font-size:9vw;  
    font-weight:300;  
    line-height:1;  
    padding:0 0 3vw 0; 
        */
}
      .big {
    /* margin-right: 10px; */
    /* padding-right: 15px; */
    display: block;
    padding: 0 0 4vw 0;
    font-size: 6vw;
    font-weight: 400;
    line-height: 1;
    font-family:var(--ff-h1);  
      color:var(--clr-red);
        /*
        margin-right: 10px;
    padding-right:15px;
    display:block;
    padding:0 0 1vw 0;
    font-size:9vw;  
    font-weight:300;  
    line-height:1;  
    padding:0 0 3vw 0; 
        */
}
  
 
  .boxedb{
    padding:0 0 0 0;
  }
  .boxeda_read{
    padding:0 0 0 0;
  }
  .card-how-to {
    position:relative;
    padding:85px 20px 50px 20px;
    top:0;
  }
  .card-how-to-new {
    position:relative;
    padding:0px 10px 0px 10px;
    top:0;
  }
    .card-how-to-new2 {
    position:relative;
    padding:0px 10px 0px 10px;
    top:0;
  }
  
  .sticky-how-to {
    margin-top:135vw;
  }
  .img_hero {
  display:flex;flex-direction:row; text-align:left;height:50vw;padding:0 0 4vw 0; 
  }
  .img_write {
  height:50vw;
    border:1px solid #fff;
  }
  .p0 {
  font-size:4vw;
  padding:0 0 3vw 0
  }
  .p1 {
  font-size:5vw;
  padding:0 0 3vw 0
  }
  

  section h2 {
  font-size:7vw;
  padding:0 0 2vw 0;  
  }
  h3 {
  font-size:4vw;  
  padding:0 0 2vw 0;  
  }
  h4 {
  font-size:5vw;
  padding-bottom:2vw;  
  }
  
  h5 {
  font-size:5.5vw;
  padding:0 0 3vw 0;  
  }
  
  .sticky-how-to p {
  font-size:1rem;
  line-height:1.25;
    padding:0 0 10px 0;
  }
   .sticky-how-to-new p {
  font-size:1.4rem;
  line-height:1.25;
    padding:0 0 10px 0;
  }
  

  .site-nav {
    top:11px;
    right:2%;
    border:5px solid #fff;
    text-align:left;
    background:#fff;
  }
  .trigger {
  padding: 20px 40px 0 10px;
  }
  .site-nav .page-link {
   font-size:16px;  
   padding:5px 10px 0 5px; 
  }
  .site-nav .menu-icon {
    padding:5px 0 0 0;
  }
  .buttontop {
    float:left;
    margin:10px 0 14px 0;
  }
}

/* Media Queries */
@media (min-width:600px) {
  .big {
    padding: 0 0 10px 0;
    display: block;
}
          .chaport-container.chaport-container-positioned {
  bottom:40px !important;
}
         .bob {
    height:20vw;
       margin:170px 0 0 0;
  }
          .partners {
    padding:0 10px 10px 0;
  height:90px;
}
  .sticky-how-to-new div:target p {
    font-size:16px;
  }
  .sticky-how-to-new p {
    font-size:16px;
  }
   .container_hide {
    padding:0 10px 10px 10px;
  }
 .container_new {
    padding:0 10px 10px 10px;
  }
 
         .sticky-how-to h1 {
  font-size:28px;
    line-height:1.1;
  }
          .p1 {
    font-size:2.2vw;
  }
         .p0 {
    font-size:2.2vw;
  }
    .cta_display {
    padding-bottom:10px;
  }
       .sticky-how-to {
    margin-top:420px;
  }
  .img_write {
  height:350px;
  }
    .button1, .button2 {
    font-size:1.4vw;
  }
  .cta_display{
    font-size:1.8vw;
  }
   section h2 {
    font-size:3.2vw;
   padding-bottom:5px;
  }
   h4 {
    font-size:1.6rem;
  }
  .boxedaa h1 {
    font-size:5vw;
  }
  h5 {
    font-size:2.2vw;
    padding-bottom:10px;
  }
  .p2 {
    font-size:2.2vw;
  }
  /* May 10 */
  .img_inside {
    height:200px;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    display:block;
  }
  
  h3{
    width:90%;
    font-size:2.4rem;
    padding:0 0 20px 0;
    color:var(--clr-grey);
    line-height:1.1;
  } 
  h4 {
    font-size:1.4rem;
    line-height:1.1;
    padding:0 0 10px 0;
  }  
  
  /* Older */

  .site-title {padding-left:10px;font-size:18px;}
  .site-nav{padding-right:10px;}
  .site-nav .menu-icon {
    display:none;
  }
  .row1 {display:none;}
  .row2 {display:flex;padding-bottom:1rem;}
  .fixedsection{position:fixed;padding:0px 0 0 0;}
  .split {
    flex-direction: row;
    margin-bottom:0rem;
  }
  .split1{
    flex-direction: row;
    margin-bottom:1rem;
  }
  .split > *+*{
    margin-left:1em;
    border-top:none;
  }
  .split1 > *+*{
    margin-left:1em;
    border-top:none;
  }
  .row {padding-bottom:1rem;}
  .row1 {display:none;}
  .row2 {display:flex;padding-bottom:1rem;}
  .img_m {height:8rem;padding:0 5px 0 0;}
  .img_logo {height:50px;}
  .img_sn {height:70px;padding:10px 5px 0 0;}
  .boxeda {
    width:60%;
    padding: 0 20px 20px 0;
  }
  .boxeda p {
    font-size:1rem;
    line-height:1.2;
    padding:0 0 15px 0;
  }
  .boxedb {
    width:40%;
    padding:1rem 0 0 0;
    border:0;
  }
  .boxedaa{
    width:60%;
    padding: 2rem 3vw 0 0;
  }
  .boxedbb {
    width:40%;
    padding:4rem 0 0 0;
    border:0;
  }
  section h1 {
    font-size:1.75rem;
    padding: 0 0 10px 0;
    line-height:1;
  }
  .boxedaa h3 {
    font-size:1.4rem;
    padding: 0 0 20px 0;
    line-height:1;
  }
  section p {
    font-size:2.2vw;
    line-height:1.2;
    padding:0 0 10px 0;
  }
  .subpage {
    height:60px;
    padding:0px 0;
    text-align:center;
    padding:0;
  }
  .subpage p{
    font-size:0.9rem;
    line-height:1;
  }  
  .slide {
    position:relative; 
    z-index:2;
    margin-top:22.5rem; 
        padding-top:10px;
  }
  .slide2 {
    z-index:3;
  }
  .footer p{
    font-size:1rem;
  }
  .btotop {
    margin-top:10px;
    border-top:4px dotted #fff;
  }
  
  
  /*


  .row {padding-bottom:1rem;}

  .heightfix{height:6rem;}
 
  .img_big {height:100px;margin-left:0;}
  .img_med {height:100px;}
  .boxed {padding:10px 0 20px 0;text-align:left;}
  .subpage {height:50px;}
  .subpage p {
    font-size:2.2vw;
    line-height:1;
  }


  
  .slidenew {
    position:relative; 
  z-index:2;
 margin-top:585px; 
  }
  .slide2 {
    z-index:3;
  }

  
  .boxeda{
    padding:0px 0;
  }
  .boxedb{
    padding:0px 0;
  }
  
  .boxeda h1{
    font-size:3rem;
    line-height:1;
  }
  .boxeda p {
    font-size:1.3rem;
    line-height:1.2;
  }
  .boxedb p {
    font-size:1.3rem;
    line-height:1.2;
    margin-bottom:20px;
  }
  
  .kicker {
    font-size:2rem;
    line-height:1;
  } 
  .footer p{
    font-size:1rem;
  }
  .btotop {
    font-size:18px;
  }
 
  h2 {
    font-size:1.4rem;
  } 
  */
  /*
  section p{
    font-size:1.125rem;
    line-height:1.3rem;
          font-weight:300;
  }
  header1,
  section{
  padding: 1.5rem 0 1rem 0;
  } 
  section1{
    display:block;
  }
  */
}

@media (min-width:700px) {
          .chaport-container.chaport-container-positioned {
  bottom:40px !important;
}
       .bob {
    height:30vw;
       margin:70px 0 0 0;
  }
        .partners {
    padding:0 10px 10px 0;
  height:80px;
}

    .container_hide {
    padding:0 10px 10px 10px;
  }
 .container_new {
    padding:0 10px 10px 10px;
  }
      .sticky-how-to h1 {
  font-size:1.8rem;
    line-height:1.1;
  }
        .p1 {
    font-size:1rem;
  }
         .p0 {
    font-size:1rem;
  }
    .cta_display {
    padding-bottom:10px;
  }
     .sticky-how-to {
    margin-top:470px;
  }
  .img_write {
  height:400px;
  }
  
    .button1, .button2 {
    font-size:10px;
  }

   section h2 {
    font-size:1.6rem;
   padding-bottom:5px;
  }
   h4 {
    font-size:1.6rem;
  }
  .boxedaa h1 {
    font-size:2.1rem;
  }
  h5 {
    font-size:1.05rem;
    padding-bottom:10px;
  }
  .p2 {
    font-size:1rem;
  }
  /* May 10 */
    .site-nav .page-link {
  padding:5px 5px;
}
  .site-title {padding-left:10px;font-size:22px;}
  .site-nav{padding-right:10px;}
  .site-nav .menu-icon {
    display:none;
  }
  .row1 {display:none;}
  .row2 {display:flex;padding-bottom:1rem;}
  .fixedsection{position:fixed;padding:0px 0 0 0;}
  .split {
    flex-direction: row;
    margin-bottom:0rem;
  }
  .split1{
    flex-direction: row;
    margin-bottom:1rem;
  }
  .split > *+*{
    margin-left:1em;
    border-top:none;
  }
  .split1 > *+*{
    margin-left:0em;
    border-top:none;
  }
  .row {padding-bottom:1rem;}
  .row1 {display:none;}
  .row2 {display:flex;padding-bottom:1rem;}
  .img_m {height:10rem;padding:0 5px 0 0;}
  .img_logo {height:50px;}
  .img_sn {height:70px;padding:10px 5px 0 0;}
  .boxeda {
    width:60%;
    padding: 0 20px 0 0;
  }
  .boxedb {
    width:40%;
    padding:2rem 0 0 0;
    border:0;
  }
  .boxedaa{
    width:60%;
    padding: 2rem 20px 0 0;
  }
  .boxedbb {
    width:40%;
    padding:6rem 0 0 0;
    border:0;
  }
  section h1 {
    font-size:2.1rem;
    padding: 0 0 10px 0;
    line-height:1;
  }
  .boxedaa h3 {
    font-size:1.4rem;
    padding: 0 0 20px 0;
    line-height:1;
  }
  section p {
    font-size:2.3vw;
    line-height:1.2;
    padding:0 0 10px 0;
  }
  .boxeda p {
    font-size:1.2rem;
    line-height:1.2;
    padding:0 0 15px 0;
  }
  .subpage {
    height:70px;
    padding:0px 0;
    text-align:center;
    padding:0;
  }
  .subpage p{
    font-size:1rem;
    line-height:1;
  }  
  .slide {
    position:relative; 
    z-index:2;
    margin-top:24.5rem; 
        padding-top:10px;
  }
  .slide2 {
    z-index:3;
  }
  .footer p{
    font-size:1rem;
  }
  .btotop {
    margin-top:10px;
    border-top:4px solid #fff;
  }
  
  
  /*
  .row {padding-bottom:1rem;}
  .heightfix{height:6rem;}
  .img_big {height:100px;margin-left:0;}
  .boxed {padding:10px 0 20px 0;text-align:left;}



  
  .slidenew {
    position:relative; 
  z-index:2;
 margin-top:585px; 
  }
  .slide2 {
    z-index:3;
  }

  
  .boxeda{
    padding:0px 0;
  }
  .boxedb{
    padding:0px 0;
  }
  
  .boxeda h1{
    font-size:3rem;
    line-height:1;
  }
  .boxeda p {
    font-size:1.3rem;
    line-height:1.2;
  }
  .boxedb p {
    font-size:1.3rem;
    line-height:1.2;
    margin-bottom:20px;
  }
  
  .kicker {
    font-size:2rem;
    line-height:1;
  } 
  .footer p{
    font-size:1rem;
  }
  .btotop {
    font-size:18px;
  }
 
  h2 {
    font-size:1.4rem;
  } 
  */
  /*
  section p{
    font-size:1.125rem;
    line-height:1.3rem;
          font-weight:300;
  }
  header1,
  section{
  padding: 1.5rem 0 1rem 0;
  } 
  section1{
    display:block;
  }
  */
}

@media (min-width:800px) {
        .chaport-container.chaport-container-positioned {
  bottom:40px !important;
}
     .bob {
    height:30vw;
       margin:100px 0 0 0;
  }
      .partners {
    padding:0 10px 10px 0;
  height:100px;
}
  .sticky-how-to-new div:target p {
    font-size:20px;
  }
    .sticky-how-to-new p {
    font-size:20px;
  }
   .container_hide {
    padding:0 10px 10px 10px;
  }
 .container_new {
    padding:0 10px 10px 10px;
  }
    .sticky-how-to h1 {
  font-size:2.1rem;
    line-height:1.1;
  }
      .p1 {
    font-size:1.2rem;
  }
    .cta_display {
    padding-bottom:10px;
          font-size:1rem;
      
  }
    .button1, .button2 {
    font-size:12px;
  }
    .sticky-how-to {
    margin-top:530px;
  }
  .img_write {
  height:460px;
  }
  
   section h2 {
    font-size:1.8rem;
   padding-bottom:5px;
  }
   h4 {
    font-size:1.6rem;
  }
  .boxedaa h1 {
    font-size:2.4rem;
  }
  h5 {
    font-size:1.19rem;
    padding-bottom:15px;
  }
  .p2 {
    font-size:1.25rem;
  }
  /* May 10 */
  .site-title {padding-left:10px;}
  .site-nav{padding-right:10px;}
  .split {
    flex-direction: row;
    margin-bottom:0rem;
  }
  .split1{
    flex-direction: row;
    margin-bottom:1.2rem;
  }
  .split > *+*{
    margin-left:1em;
    border-top:none;
  }
  .split1 > *+*{
    margin-left:0em;
    border-top:none;
  }
  .row {padding-bottom:1rem;}
  .row1 {display:none;}
  .row2 {display:flex;padding-bottom:1rem;}
  .img_m {height:180px;padding:0 5px 0 0;}
  .img_logo {height:60px;}
  .img_sn {height:80px;padding:10px 5px 0 0;}
  .boxeda {
    width:60%;
    padding: 0 30px 0 0;
  }
  .boxedb {
    width:40%;
    padding:4rem 0 0 0;
    border:0;
  }
  .boxedaa{
    width:60%;
    padding: 2rem 30px 0 0;
  }
  .boxedbb {
    width:40%;
    padding:6rem 0 0 0;
    border:0;
  }
  section h1 {
    font-size:2.4rem;
    padding: 0 0 20px 0;
    line-height:1;
  }

  .boxedaa h3 {
    font-size:1.6rem;
    padding: 0 0 20px 0;
    line-height:1;
  }
  section p {
    font-size:1.1rem;
    line-height:1.2;
    padding:0 0 15px 0;
  }
  .boxeda p {
    font-size:1.25rem;
    line-height:1.2;
    padding:0 0 15px 0;
  }
  .subpage {
    height:70px;
    padding:0px 0;
    text-align:center;
    padding:0;
  }
  .subpage p{
    font-size:1.2rem;
    line-height:1;
  }  
  .slide {
    position:relative; 
    z-index:2;
    margin-top:27.1rem; 
        padding-top:10px;
  }
  .slide2 {
    z-index:3;
  }
  .footer p{
    font-size:1rem;
  }
  .btotop {
    margin-top:10px;
    border-top:4px solid #fff;
  }
  
  /*
  .heightfix{
    height:5rem;
  }
  .img_big {height:130px;align:left;}
  .img_med {height:130px;}
  .boxed {padding:10px 0 20px 0;text-align:left;}
  .subpage p{
    font-size:2.2vw;
    line-height:1;
  }
  .fixedsection{position:fixed; padding:0px 0 0 0;}
  .slide {
    position:relative; 
    z-index:2;
    margin-top:500px; 
  }
  .slidenew {
    position:relative; 
    z-index:2;
   margin-top:595px; 
    }
  
  .slide2 {
    z-index:3;
  }
  .split1{
    flex-direction: row;
  }
  .split1 > *+*{
    margin-left:2em;
      border-top:none;
  }
  
  .boxeda{
    width:60%;
    padding:0px 0;
  }
  
  .boxeda h1{
    font-size:2.2rem;
    line-height:1;
  }
  .boxeda p {
    font-size:1.3rem;
    line-height:1.2;
  }
  .boxedb{
    width:40%;
    padding:0px 0 0 0;
  }
  .boxedb p {
    font-size:1.3rem;
    line-height:1.2;
  }
  
  .footer p{
    font-size:1rem;
  }
  .kicker {
    font-size:2rem;
    line-height:1;
  }

 .img_magic {
    height:150px;
  }
  
  h2{
    font-size:1.5rem;
  }

  section p{
    font-size:1.125rem;
    line-height:1.3rem;
    font-weight:300;
  }
  

  header1,
  section{
    padding: 1.5rem 0 0.5rem 0;
  }
  section1{
    display:block;
  }
  */
}

@media (min-width:900px) {
        .chaport-container.chaport-container-positioned {
  bottom:40px !important;
}
    .bob {
    height:20rem;
      margin:0;
  }
    .partners {
    padding:0 10px 10px 0;
  height:110px;
}

   .container_hide {
    padding:0 10px 10px 10px;
  }
 .container_new {
    padding:0 10px 10px 10px;
  }
  .sticky-how-to h1 {
  font-size:2.4rem;
    line-height:1.1;
  }
    .p1 {
    font-size:1.35rem;
  }
    .cta_display {
    padding-bottom:10px;
  }
    .sticky-how-to {
    margin-top:550px;
  }
  .img_write {
  height:480px;
  }
  
   section h2 {
    font-size:2rem;
   padding-bottom:5px;
  }
   h4 {
    font-size:1.6rem;
  }
  .boxedaa h1 {
    font-size:2.6rem;
  }
  h5 {
    font-size:1.3rem;
    padding-bottom:15px;
  }
  .p2 {
    font-size:1.25rem;
  }
  /* May 10 */
  .site-title {padding-left:10px;}
  .site-nav{padding-right:10px;}
  .split {
    flex-direction: row;
    margin-bottom:0rem;
  }
 .split1{
    flex-direction: row;
    margin-bottom:1.5rem;
  }

  .split > *+*{
    margin-left:1em;
    border-top:none;
  }
  .split1 > *+*{
    margin-left:0em;
    border-top:none;
  }
  .row {padding-bottom:1rem;}
  .row1 {display:none;}
  .row2 {display:flex;padding-bottom:1rem;}
  .img_m {height:200px;padding:0 5px 0 0;}
  .img_logo {height:60px;}
  .img_sn {height:90px;padding:10px 5px 0 0;}
  .boxeda {
    width:60%;
    padding: 0 20px 0 0;
  }
  .boxeda p{
    font-size:1.25rem;
  }
  .boxedb {
    width:40%;
    padding:4rem 0 0 0;
    border:0;
  }
  .boxedaa{
    width:60%;
    padding: 2rem 30px 0 0;
  }
  .boxedbb {
    width:40%;
    padding:6rem 0 0 0;
    border:0;
  }
  section h1 {
    font-size:2.6rem;
    padding: 0 0 20px 0;
    line-height:1;
  }

  .boxedaa h3 {
    font-size:2rem;
    padding: 0 0 30px 0;
    line-height:1;
  }
  section p {
    font-size:1.25rem;
    line-height:1.2;
    padding:0 0 15px 0;
  }
  .subpage {
    height:70px;
    padding:0px 0;
    text-align:center;
    padding:0;
  }
  .subpage p{
    font-size:1.25rem;
    line-height:1;
  }  
  .slide {
    position:relative; 
    z-index:2;
    margin-top:29rem; 
        padding-top:10px;
  }
  .slide2 {
    z-index:3;
  }
  .slide2-map {
    z-index:3;
  }
  .footer p{
    font-size:1rem;
  }
  .btotop {
    margin-top:10px;
    border-top:4px solid #fff;
  }

  /*

  .container--narrow {max-width:31rem;}


  .heightfix{
    height:4.5rem;
  }
  .img_big {height:130px;align:left;}

  .boxed {padding:10px 0 10px 0;text-align:left;}


  
  .slidenew {
    position:relative; 
    z-index:2;
    margin-top:575px; 
  }
 

 

  */
}

@media (min-width:940px) {
      .chaport-container.chaport-container-positioned {
  bottom:40px !important;
}
/*  
    .chaport-container.chaport-container-positioned {
  bottom:100px !important;
}
  .chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-chat-icon {
        margin-top: .6em !important;
    margin-left: 0.3em !important;
    width: 3em !important;
    height: 3em !important;
  }
  .chaport-container.chaport-window-dark-gray .chaport-launcher .chaport-launcher-button, .chaport-content.chaport-window-dark-gray .chaport-launcher .chaport-launcher-button {
        background-color: var(--clr-red) !important;
    height: 80px !important;
    width: 80px !important;
  }
  .chaport-content {
    top:5% !important;
  }
  .chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-close-icon {
    top:10px !important;
    right:10px !important;
  }
*/
  .bob {
    height:100%;
    margin:0;
  }
  .partners {
    padding:0 10px 10px 0;
  height:120px;
}
    .split {
    flex-direction: row;
    margin-bottom:1rem;
  }
  .pnew {
    font-size:1.4rem !important;
    padding:0 0 5px 0 !important;
    line-height:1.1 !important;
  }
  .video {
  width:635px;
  height:400px;
}
   .container_hide {
    padding:0 0px 10px 0;
  }
 .container_new {
    padding:0 0px 10px 0;
  }
  .sticky-how-to h1 {
  font-size:2.4rem;
    line-height:1.1;
  }
  .p1 {
    font-size:1.4rem;
  }
    .cta_display {
    padding-bottom:10px;
  }
  .sticky-how-to {
    margin-top:570px;
  }
  .img_write {
  height:500px;
  }
  
 section h2 {
    font-size:2rem;
   padding-bottom:5px;
  }
  h4 {
    font-size:1.6rem;
  }
  .boxedaa h1 {
    font-size:3rem;
  }
  h5 {
    font-size:1.4rem;
    padding-bottom:15px;
  }
  .p2 {
    font-size:1.4rem;
  }
  /* May 10 */
  
  .site-title {padding-left:0;}
  .site-nav {padding-right:0;}
  .img_m {height:220px;padding:0 5px 0 0;}
  .img_logo {height:80px;}
  .img_sn {height:100px;padding:10px 5px 0 0;}
  section p {
    font-size:1.3rem;
    line-height:1.2;
    padding:0 0 15px 0;
  }
    section h1 {
    font-size:3rem;
    padding: 0 0 20px 0;
    line-height:1;
  }
  .boxeda p{
    font-size:1.45rem;
  }
  .slide {
    position:relative; 
    z-index:2;
    margin-top:31.5rem; 
    padding-top:10px;
  }
}

/* Older CSS */
/*
iframe {
  margin: 10px 0 15px 0 !important;
}
*/
.more {
  border-bottom:none !important;
}
.category {
  border-bottom:none !important;
}
header {
  line-height:2em;
}
.spacer {
    width: 100%;
    height: 95px;
}
.post-header {
    margin-bottom: 0px;
}
.subheader {
	margin: 10px 0 20px 0;
	line-height: 2em;
    border-bottom: 1px solid #eeeeee !important;
 	padding: 0 0 10px 0;
  	background:#fdfdfd;
}
.post-title {
    display: none !important;
}
.post-title {
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 1;
    font-weight: 400;
}

/*
.post-content h3 {
  font-family:var(--ff-h3);
    font-size: 30px;
    line-height:1em;
    padding:0;
}
.post-content h2 {
  font-family:var(--ff-h2);
    font-size: 2.4rem;
    line-height:1;
}
*/

.h-entry {
  margin: 10px 0 20px 0 !important;
  list-style-type: none;
}
ul {
  margin-left:0;
}
aside {
    font-size: 16px;
    letter-spacing: 1px;
  font-weight:100 !important;
    font-family: Oswald;
}

.split1 {
  margin-bottom:0;
}

/*
.columnil {
  float: left;
  width: 25%;
}

.columnBL {
  float: left;
  width: 30%;
  padding-right:1%;
}

.columnBR {
  float: left;
  width: 30%;
}

.columnL {
  float: left;
  width: 78%;
  line-height:1.8em;
}

.columnR {
  float: left;
  width: 22%;
}

.columnjoin {
  float: right;
    width: 13% !important;
}

.columnleft0 {
  float: left;
  width: 40%;
    font-size: 1.125rem;
    font-family: Georgia;
    font-weight: 300;
  line-height:1.1em;
  padding:0 0 20px 0;
  margin-right:5%;
}

.columnright0 {
  float: left;
  width: 50%;
    font-size: 1.125rem;
    font-family: Georgia;
    font-weight: 300;
  line-height:1.1em;
  padding:0 0 20px 0;

}

.rowsubheader {
    float: left;
    font-size: 2.5rem;
    font-family: Georgia;
    font-weight: 400;
  line-height:1em;
  padding:0 40px 20px 0;
}

.rowtwitter {
  display:flex;
    background-color: #fff;
  padding:30px 30px;
  margin-left:0px;
  margin-right:0px;
}

.columnleft1 {
  float: left;
  width: 48%;
  margin-right:4%;
}

.columnright1 {
  float: left;
  width: 48%;
}

.columnleft {
  float: left;
  width: 70%;
    font-size: 2.5rem;
    font-family: Georgia;
    font-weight: 400;
    letter-spacing: 1px;
  line-height:1em;
  padding:0 0 20px 0;
}
.columnright {
  float: left;
  width: 30%;
}

.columnhalf {
  float: left;
  width: 48%;
    font-size: 1rem;
    font-family: "IBM Plex Sans";
  padding-right:2%;
}

.column {
  float: left;
  width: 32%;
}

.bookrow:after {
  content: "";
  display: table;
  clear: both;
}

.bookcolumnL {
  width: 32%;
  float: left;
  margin-right:1%;
}

.bookcolumnR {
  width: 32%;
  float: left;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}


h2 a {
font-family:"Georgia" !important;  
color:#ff4203 !important;
font-size: 40px !important;
border-bottom:none !important; 
font-weight:300 !important;  
}

.authorname {
  font-size:1.6rem;
  font-family: Georgia;
  border-bottom:none !important;
}

.authorbio {
  font-size:1rem;
}


.alert {
  padding: 20px;
  background-color: #FFE55E; 
  margin-bottom: 15px;
}


.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}


.closebtn:hover {
  color: black;
}
*/