*,
*::after,
*::before{ box-sizing: border-box; padding: 0; margin: 0; }
:root{
    --dkgreen:rgba(84, 97, 55, 1);
    --ltgreen:rgba(170, 199, 85, 1);
    --orange:rgba(231, 189, 79, 1);
    --purple:#3E274C;
    --orange2:#DABE63;
}
/*
font-family: "Merienda", cursive;
font-family: "Oleo Script", system-ui;
font-family: "Kalam", cursive;
font-family: "Permanent Marker", cursive;
font-family: "Indie Flower", cursive;
font-family: "Caveat", cursive;
font-family: "Comfortaa", sans-serif;
font-family: "Dancing Script", cursive;
*/

html{ font-family: "Roboto", sans-serif; line-height:1.5; }
body {
   background-color: #f4f4f4;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6H6v4H4V6H2V4h2V0h2v4h10V0h2v4h2v2h-2v4h-2V6z' fill='%23f1f1f1' fill-opacity='0.86' fill-rule='evenodd'/%3E%3C/svg%3E");
}
p { margin:0 0 1.5rem; }
a { text-decoration:none; }
a { color:var(--orange); }
a:hover { color:var(--ltgreen); }

.bordertest1 {    border:3px solid red;}
.bordertest2 {    border:3px solid green;}
.bordertest3 {    border:3px solid blue;}
.bordertest4 {    border:3px solid yellow;}
.centerit { text-align:center; }
.ulit { border-bottom:1px solid black; }
.italit { font-style: italic;}
.boldit { font-weight:bold; }
.text-green { color: var(--ltgreen); }

.green-divider{
    min-height:20px; width:100%; background:#576438; box-shadow: 0 -3px 10px 0 #808080; border-top:.5px solid #696969; }
.black-divider {
   min-height:20px; width:100%; background:black; }
.green-btn {
   background:#576438; border-radius:8px; color:white; box-shadow: 0px 5px 10px 0px #aaa; transition: transform 0.4s ease-out; padding:.3rem .8rem; cursor:pointer;  }
.green-btn:hover {
   color:var(--orange);  }
.card { box-shadow:0 4px 10px 0 rgba(0,0,0,.4),0 4px 15px 0 rgba(0,0,0,.3),0 4px 20px 0 rgba(0,0,0,.2); }
.horcard { box-shadow:0 4px 10px 0 rgba(0,0,0,.4),0 4px 15px 0 rgba(0,0,0,.3),0 4px 20px 0 rgba(0,0,0,.2); }
.card0 { box-shadow:0 4px 10px 0 rgba(0,0,0,.4),0 4px 15px 0 rgba(0,0,0,.3),0 4px 20px 0 rgba(0,0,0,.2); background:rgba(255,255,255,.9); }
.overlay-white {
  position:absolute; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background:linear-gradient(to bottom, rgba(250, 250, 250, 0), rgba(250, 250, 250, .95));   }
.overlay-black {
  position:absolute; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.2));   }
.strokeme {
  color: inherit;
  background-color: inherit;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.uline{
  position: relative; display: inline-block;  }
.uline::after,
.uline::before {
  content: ''; position: absolute; width: 100%; height: 2px; background: linear-gradient(to right, var(--dkgreen), var(--ltgreen));
  bottom: -5px; left: 0;  }
.uline::before {
  top: -5px;  }
section  {
   width:100%; display:flex; flex-direction:column; align-items:center;  }
#wrap-childpage {
   width:100%; margin:0 auto; padding:0; margin:0; }
.child-title {
   display:flex;  }
.flex-title {
   flex:1; width:50%; text-align:center; font-family: "Merienda", cursive; color:black; font-size:1.5rem; font-weight:bolder; letter-spacing:.5rem; background:var(--orange); margin:0 0 2rem 0; padding:0 0 0 2rem;
}


/********************************************/
/* NAVIGATION
/********************************************/
.topbar {
   width:100%; text-align:center; background-image: linear-gradient(to bottom, #A9C754, #576438); border-top: 5px solid var(--orange); color:white; padding:1rem; line-height:1.1; }
.navbar input[type="checkbox"],
.navbar .hamburger-lines{
    display: none;  }
.navbar{
    box-shadow: 0px 5px 10px 0px #aaa; width:100%; z-index:100; background-color: #f4f4f4; position:relative;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6H6v4H4V6H2V4h2V0h2v4h10V0h2v4h2v2h-2v4h-2V6z' fill='%23f1f1f1' fill-opacity='0.86' fill-rule='evenodd'/%3E%3C/svg%3E");  }
.navbar-container{
    display:flex; justify-content:center; height:40px; align-items:center;  }
.navbar a{
    color:black; text-decoration: none; transition: color 0.3s ease-in-out; }
.navbar a:hover{
    color:var(--orange); }
.logo{
    order:1; font-size:2.3rem; }
.menu-items{
    width:100%; max-width:1300px; order:2; display:flex; justify-content: space-around;  }
.menu-items li{
    list-style: none; font-size: 1.2rem; }

@media (max-width: 768px){
    .navbar{
       opacity:1;      }
    .navbar-container input[type="checkbox"],
    .navbar-container .hamburger-lines{
        display: block;  }
    .navbar-container{
        display: block; position: relative; height:64px;     }
    .navbar-container input[type="checkbox"]{
        position: absolute; display: block; height: 32px; width:30px; top:20px; left:20px; z-index:5; opacity:0; cursor:pointer;  }
    .navbar-container .hamburger-lines{
        display:block; height:28px; width:35px; position:absolute; top:20px; left:20px; z-index:2; display:flex; flex-direction:column;  justify-content:space-between;   }
    .navbar-container .hamburger-lines .line{
        display: block; height: 4px; width: 100%; border-radius: 10px; background: #333;     }
    .navbar-container .hamburger-lines .line1{
        transform-origin: 0% 0%; transition: transform 0.3s ease-in-out;      }
    .navbar-container .hamburger-lines .line2{
        transition: transform 0.2s ease-in-out;     }
    .navbar-container .hamburger-lines .line3{
        transform-origin: 0% 100%; transition: transform 0.3s ease-in-out;      }
    .navbar .menu-items{
        padding-top:75px; background:#fff; max-width:90%; transform: translate(-150%); display:flex; flex-direction:column; margin-left:-40px; padding-left: 40px;  transition: transform 0.5s ease-in-out; box-shadow:  5px 0px 10px 0px #aaa; overflow:scroll; z-index:9999;  }
    .navbar .menu-items li{
        font-size:1.5rem; font-weight:500; padding:.5rem 1rem;    }
    .logo{
       position: absolute; top: 10px; right: 15px; font-size: 2.5rem;      }
    .navbar-container input[type="checkbox"]:checked ~ .menu-items{
       transform: translateX(0);      }
    .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line1{
        transform: rotate(45deg);      }
    .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line2{
        transform: scaleY(0);      }
    .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line3{
        transform: rotate(-45deg);      }
}

@media (max-width: 500px){
    .navbar-container input[type="checkbox"]:checked ~ .logo{
        display: none;       }
}
.hoveruline {
  position: relative; display: inline-block;  }
.hoveruline::after,
.hoveruline::before {
  content: ''; position: absolute; width: 100%; height: 2px; background: linear-gradient(to right, var(--dkgreen), var(--ltgreen));
  bottom: -2px; left: 0; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-out;  }
.hoveruline::before {
  top:-2px;  transform-origin: left; }
.hoveruline:hover::after,
.hoveruline:hover::before  {
  transform: scaleX(1);  }
.hoveruline.active::before,
.hoveruline.active::after  {
  transform: scaleX(1);  }
.hoveruline.active {
   color:var(--orange); }

/********************************************/
/* LANDING SLIDER
/********************************************/
.wrap-sliders {
   display:flex; justify-content:center; align-items:center; padding:0; background-color: #f4f4f4; height:90vh; max-height:550px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6H6v4H4V6H2V4h2V0h2v4h10V0h2v4h2v2h-2v4h-2V6z' fill='%23f1f1f1' fill-opacity='0.86' fill-rule='evenodd'/%3E%3C/svg%3E");   }
.slide {
  flex:3; width:100%; height:100%; position:relative; overflow:hidden; }
.slide > div {
  width:100%; height:100%; background-size:cover; background-position:center; position:absolute; animation:slide 15s infinite; opacity:0;  }
.slide > div:nth-child(2) {
  animation-delay: 3s; }
.slide > div:nth-child(3) {
  animation-delay: 6s;  }
.slide > div:nth-child(4) {
  animation-delay: 9s;  }
.slide > div:nth-child(5) {
  animation-delay: 12s;  }
.wrap-tagline {
   font-family: Arial, Helvetica, sans-serif; flex:1; color:var(--orange); padding:.5rem 3rem; font-size:1.2rem; line-height:1.2;  }

@keyframes slide {
  10% { opacity: 1;   }
  20% { opacity: 1;   }
  30% { opacity: 0;   }
  40% { transform: scale(1.1);  }
}

@media (max-width: 1200px){
    .slide {
        min-height:400px;  }
    .wrap-tagline {
       font-size:1rem; }
}
@media (max-width: 900px){
   .slide {
     min-height:300px; }
   .wrap-sliders {
      flex-direction:column; }
   .wrap-tagline {
      padding:1rem; line-height:1.3; }
}
/********************************************/
/* LANDING - CONTENT
/********************************************/
.wrap-content {
   width:100%; max-width:1200px; padding:2rem; margin:0 auto; }
.wrap-content h2 {
   padding:2rem 0 1rem;  }
.parallax {
  /* The image used */
  background: url(img/shutterstock-healthcare12.jpg) no-repeat fixed center top; background-size:cover;  min-height:400px; position:relative; }
#missions {
   background: #576438 url(img/grid.png); }
.missions  {
   display:flex; justify-content:center; align-items:center; gap:2rem; width:100%; max-width:900px; padding:4rem 1rem;  }
.missions .card  {
   flex:1; background:white; padding:2rem; display:flex; flex-direction:column; align-items:center; text-align:center; }
.card-icon {
   max-width:100%; height:120px; margin:.5rem; }
#values {
   background:var(--purple) url(img/grid.png);  }
.values  {
   display:flex; flex-direction:column; align-items:center; width:100%; max-width:900px; padding:4rem 1rem; gap:3rem; }
.values .card  {
   background:white; padding:2rem; display:flex; justify-content:center; max-width:800px;  }
.values .card img {
   height:300px; max-width:100%; }

.card-text {
   padding:0 2rem; }
.card-text h2 {
   border-bottom:3px solid var(--orange); }

.stopv-img {
   width:200px; max-width:100%; }
@media (max-width:1200px){
   .parallax {
       background:url(img/shutterstock-healthcare12.jpg) center top; background-size:cover;}
}
@media (max-width: 900px){
   .card-text h2 {
      padding-top:1rem; }
   .values .card img {
      height:auto; max-width:50%; }
}
@media (max-width: 600px){
   .missions, .values .card  {
      flex-direction:column; align-items:center; max-width:100%; padding:4rem 0;  }
   .values .card img {
      height:auto; max-width:90%; }
}
/********************************************/
/* ABOUT PAGE
/********************************************/
.about {
   width:100%; background: url(img/shutterstock-doc1.jpg) no-repeat fixed center top; background-size:cover;}
.about h2 {
   color:var(--orange); margin:.5rem 0 1rem; background:linear-gradient(to right, var(--dkgreen), var(--ltgreen)); padding:0 2rem; }
.about ul {
  list-style-position: outside; margin-left:2rem; margin-right:1.5rem; }
.about li {
   padding:.3rem 0 0; margin:0;  }
.wrap-about {
   width:100%; background:rgba(0,0,0,.5); padding:3rem 1rem 10rem; }
.who-we-are, .our-approach, .policy-impact {
   display:flex; max-width:1000px; margin:0 auto;  }
.about-flex {
   flex:1; max-width:500px; background:white; border-radius:8px;   }
.about-space {
   flex:1; max-width:500px; }
.flex-txt100 {
   flex:1; max-width:100%; background:white; border-radius:8px; margin:0 auto; }
.flex-txt  {
   padding:0 2rem 1rem; }

@media (max-width: 900px){
   .about {
       background:url(img/shutterstock-doc1.jpg) left top; background-size:cover; background-attachment:local; }
   .who-we-are, .our-approach, .policy-impact {
      flex-direction:column;  }
   .about-space {
      display:none;   }

}
/********************************************/
/* MEMBERSHIP PAGE
/********************************************/
.membership {
   width:100%; background: url(img/shutterstock-hands4.jpg) no-repeat fixed center center; background-size:cover;}
.wrap-membership {
   width:100%; background:rgba(0,0,0,.5); padding:3rem 1rem 10rem;  }
.member-page {
   background:white; color:black; max-width:1000px; margin:3rem auto; padding:.5rem 0; border-radius:8px; }
.member-page h2 {
   color:var(--orange); background:linear-gradient(to right, var(--dkgreen), var(--ltgreen)); padding:0 1rem;  }
.member-list { padding:2rem; }
.wrap-cards {
   display:flex; flex-wrap:wrap; gap:2rem; }
.memcard {
   background:white; border-top:5px solid var(--orange); padding:1rem 2rem; box-shadow:0 4px 10px 0 rgba(0,0,0,.4),0 4px 15px 0 rgba(0,0,0,.3),0 4px 20px 0 rgba(0,0,0,.2); flex:1; min-width:30%; }
.memcard a {
   color:black; }
.memcard a:hover {
   color:var(--ltgreen); }

.wrap-cards div:nth-child(even) {
   border-top:5px solid var(--dkgreen);  }
@media (max-width: 900px){
   .member-page {
      margin:3rem; }
   .wrap-cards {
      flex-direction:column; flex-wrap: nowrap; }
   .wrap-membership {
      padding:3rem 1rem 2rem;  }
}
@media (max-width: 600px){
   .member-page {
      margin:3rem auto; }
}
/********************************************/
/* JOIN NHCVA PAGE
/********************************************/
.join {
   width:100%; background: url(img/shutterstock-doc2.jpg) no-repeat fixed center top; background-size:cover;}
.join h2 {
   color:var(--orange); margin:.5rem 0 1rem; background:linear-gradient(to right, var(--dkgreen), var(--ltgreen)); padding:0 2rem; }
.join ul {
  list-style-position: outside; margin-left:2rem; margin-right:1.5rem; }
.join li {
   padding:.3rem 0 0; margin:0;  }
.wrap-join {
   width:100%; background:rgba(0,0,0,.5); padding:3rem 1rem 10rem;  }
.why-join, .what-get, .get-involved {
   display:flex; max-width:1000px; margin:0 auto;  }
.join-flex {
   flex:1; max-width:500px; background:white; border-radius:8px;   }
.join-space {
   flex:1; max-width:500px; }
@media (max-width: 900px){
   .join {
      background: url(img/shutterstock-doc2.jpg) right bottom; background-size:cover;}
}
/********************************************/
/* RESOURCES PAGE
/********************************************/
.resources {
   width:100%; background: url(img/pexels-resources1.jpg) no-repeat fixed center center; background-size:cover;}
.wrap-resources {
   width:100%; background:rgba(0,0,0,.5); padding:3rem 1rem 10rem;  }
.resources-page {
   background:white; color:black; max-width:1000px; margin:3rem auto; padding:.5rem 0; border-radius:8px; }
.resources-page h2 {
   color:var(--orange); background:linear-gradient(to right, var(--dkgreen), var(--ltgreen)); padding:0 1rem;  }
.resources-list { padding:2rem; }
@media (max-width: 900px){
   .resources-page {
      margin:3rem;}
}
@media (max-width: 600px){
   .resources-page {
      margin:3rem auto;}
}
/***************************************************/
/*  CONTACT PAGE
/**************************************************/
.contact {
   width:100%; background: url(img/pexels-phone1.jpg) no-repeat fixed center bottom; background-size:cover;}
.wrap-contact  {
   width:100%; background:rgba(0,0,0,.5); padding:3rem 1rem 10rem;  }
.contact-page
    { margin:0 auto; }
.form { width:100%; margin:0 auto; max-width:820px; background:#fff; border-radius:10px; box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.1);
    z-index:1000; overflow:hidden; display:grid; grid-template-columns:repeat(2, 1fr); }
.contact-form
    { background-color: #f4f4f4;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6H6v4H4V6H2V4h2V0h2v4h10V0h2v4h2v2h-2v4h-2V6z' fill='%23f1f1f1' fill-opacity='0.86' fill-rule='evenodd'/%3E%3C/svg%3E"); position: relative;  }
.contact-form:before
    { content:""; position:absolute; width:26px; height:26px; background-color: #f4f4f4;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6H6v4H4V6H2V4h2V0h2v4h10V0h2v4h2v2h-2v4h-2V6z' fill='%23f1f1f1' fill-opacity='0.86' fill-rule='evenodd'/%3E%3C/svg%3E"); transform:rotate(45deg); top:50px; left:-13px; }
form
    { padding: 2.3rem 2.2rem; z-index: 10; overflow: hidden; position: relative; }
.title
    { color:var(--dkgreen); font-weight:bolder; font-size: 1.5rem; line-height: 1; margin-bottom: 0.7rem; }
.input-container
    { position: relative; margin: 1rem 0; }
.input
    { width:100%; outline:none; border:1px solid var(--dkgreen); background:none; padding:0.6rem 1.2rem; color:black; font-weight:500; letter-spacing:0.5px; border-radius:5px; transition:0.3s;  }
textarea.input
    { padding:0.8rem 1.2rem; min-height:150px; border-radius:5px; resize:none; overflow-y:auto; }
.input-container label
    { position:absolute; top:50%; left:15px; transform:translateY(-50%); padding:0 0.4rem; color:black; font-weight:400;
      pointer-events:none; z-index:1000; transition:0.5s; }
.input-container.textarea label
    { top:1rem;  transform:translateY(0);   }
.contact-btn
    { padding:0.6rem 1.3rem; line-height:1; background:var(--dkgreen); color:white; border:1px solid var(--dkgreen);
    border-radius:5px; outline:none; cursor:pointer; transition:0.3s; margin:0; width:100%; font-size:1.1rem; }
.contact-btn:hover
    { background-color:var(--orange); color:white;  }
.input-container span
    { position:absolute; top:0; left:25px; transform:translateY(-50%); padding:0 0.4rem; color:transparent; pointer-events:none;
      z-index: 500; }
.input-container span:before,
.input-container span:after
    { content:""; position:absolute; width:10%; opacity:0; transition:0.3s; height:5px;background-color: #f4f4f4;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6H6v4H4V6H2V4h2V0h2v4h10V0h2v4h2v2h-2v4h-2V6z' fill='%23f1f1f1' fill-opacity='0.86' fill-rule='evenodd'/%3E%3C/svg%3E"); top:50%;
    transform: translateY(-50%);   }
.input-container span:before
    { left: 50%; }
.input-container span:after
    {  right: 50%; }
.input-container.focus label
    { top: 0; transform: translateY(-50%); left: 25px; }
.input-container.focus span:before,
.input-container.focus span:after
    { width: 50%; opacity: 1;  }
.contact-info
    { padding: 2.3rem 2.2rem; position: relative;  }
.contact-info .title
    {  color: var(--dkgreen); font-weight:bolder; font-size: 1.5rem; line-height: 1; }
.text
    { color: #333; margin: 1.5rem 0 2rem 0; }
.information
    {  display: flex; color:var(--dkgreen); margin: 0.7rem 0; align-items:flex-start; }
.information i
    { color: var(--dkgreen); margin: .2rem 0; }
.icon
    { width: 28px; margin-right: 0.7rem;  }
.social-media
    { padding: 2rem 0 0 0;  }
.social-media p
    {  color: #333; }
.social-icons
    {  display: flex; margin-top: 0.5rem; }
.social-icons a
    { width:35px; height:35px; border-radius:5px; background:linear-gradient(45deg, var(--dkgreen), #191970); color:#fff; text-align:center;
    line-height: 35px; margin-right:0.5rem; transition:0.3s;  }
.social-icons a:hover
    { transform: scale(1.05); }
.contact-info:before
    { content:""; position:absolute; width:110px; height:100px; border:22px solid var(--dkgreen); border-radius:50%; bottom:-77px; right:50px;
     opacity:0;}
.sendmsg { color:var(--dkgreen)!important; font-weight:bolder; }
.square
    { position: absolute; height: 400px; top: 50%; left: 50%; transform: translate(181%, 11%); opacity: 0.2;  }

@media (max-width: 850px) {
   .contact {
     background: url(img/pexels-phone1.jpg) center bottom; background-size:cover; background-attachment:local; }
    .form { width:85%; grid-template-columns: 1fr;    }
    .contact-info:before { bottom: initial; top: -75px; right: 65px; transform: scale(0.95); }
    .contact-form:before { top: -13px; left: initial; right: 70px;      }
    .square { transform: translate(140%, 43%); height: 350px;      }
    .text { margin: 1rem 0 1.5rem 0;     }
    .social-media { padding: 1.5rem 0 0 0;     }
}

@media (max-width: 480px) {
    .contact-info:before { display: none;  }
    .form { width:100%;    }
    .square {  display: none;     }
    form,
    .contact-info { padding: 1.7rem 1.6rem;     }
    .social-icons a { width: 30px; height: 30px; line-height: 30px;   }
    .icon { width: 23px;     }
    .input { padding: 0.45rem 1.2rem;  }
    .contact-btn { padding: 0.45rem 1.2rem;  }
}
/*****************************************/
/* FOOTER
/****************************************/
footer {
   width:100%; background: url(img/pexels-behind1.jpg) no-repeat center; background-size:cover; display:flex; flex-direction:column; align-items:center;  }
.footer {
   width:100%; background:rgba(0,0,0,.8); display:flex; flex-direction:row; justify-content:center; align-items:flex-start; line-height:1.6; padding:6rem 3rem; gap:2rem; }
.footer a {
   color:#C0C0C0; text-decoration:none; }
.footer a:hover {
   color:var(--orange); }
.footer img {
   max-width:100%; width:200px; }
.foot-left {
   flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:center;  }
.foot-right {
   flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:center;  }
.foot-logo{
   padding:0 0 1.5rem; color:var(--orange); text-align:center; }
.wrap-foot-links {
   width:100%; display:flex; justify-content:flex-start; align-items:flex-start; }
.foot-link-title {
   margin:0 2rem; color:white; border-bottom:1px solid white;  }
.foot-links {
   flex:1; }
.footer ul {
   margin:0; list-style-type:none; line-height:1.3; }
.footer ul li {
   margin:0 1rem .5rem 2rem; padding:0; }
.joinbtn {
   padding:.5rem 2rem; background:var(--dkgreen); color:white; border-radius:8px; cursor:pointer; }
.joinbtn:hover {
   background:var(--dkgreen); color:var(--orange); }

.scrolltop {
        display:flex; justify-content:center; align-items:flex-end; padding:3rem 0 0; color:silver; }
.scrolltop a {
   color:var(--ltgreen); margin:0 1rem 0 0; padding:0 .5rem 0 0; }
.scrolltop a:hover {
   color:var(--orange); }
.copyright {
   width:100%; background:black; padding:1rem .3rem; }
.copyright, .copyright a {
   width:100%; text-align:center; color:#D3D3D3; font-size:.8rem; }
.copyright a:hover {
   color:var(--blue1); }
@media (max-width:875px) {
   .footer {
      flex-direction:column; justify-content:flex-start; align-items:center;   }
}

