#stick {
  top: 0;
  position: fixed;
	z-index: 1000;
  width: 100%; 
	background: rgba(34,34,34,0);
	-webkit-transition: all ease-out .5s;
  -moz-transition: all ease-out .5s;
  -o-transition: all ease-out .5s;
  transition: all ease-out .5s;
  
}


#third { padding-top: 10rem; }

* {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Commissioner', Helvetica, Arial, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "FLAR" 0,
    "VOLM" 0;
}

nav { background: #25BDBD; border-bottom: 10px solid #FFDB00; }
#logo { width: 300px; }
@media screen and (max-width: 768px) {
#logo { width: 200px; }
}

#think { width: 50%; }
@media screen and (max-width: 768px) {
#think { margin-left: 30%; width: 65%; margin-top: -80px; }
}

h1 { font-weight: 700; text-shadow: 0 0 5px #ac5906; }
.lead {  text-shadow: 0 0 5px #ac5906; }

#bubble { width: 200px; position: absolute; top: 1rem; left: 30%; }

#footlogo { width: 200px; }

#matters { background: #F8E2B1; border-top: 10px solid #B7C746; }

header { overflow-x: hidden; background: url(/img/avenue.jpg) 50% 50% no-repeat; background-size: cover; height: 80vh; }

#action { background: rgba(239,136,34,0.8); padding: 1rem 1rem 1rem 3rem; border-radius: 15px; }

#clipboard { position: absolute; margin: -100px 0 0 -380px; width: 200px; }
#sedan { position: absolute; margin: -280px 0 0 50px; width: 350px; }
#bike { position: absolute; margin: -50px 0 0 25%; width: 300px; }

.accordion {  }
.accordion-item { background: #A1D1F0; border: none; padding: 1rem; border-radius: 0; }
.accordion-item h3 { margin: 0; display: inline; font-size: 1.2rem; font-weight: bold; }

summary::marker {
    display: block; float: left; border: 1px solid #cf0;
}

.btn-primary { background: #00346F; border-color: #00346F; color: #fff; }
.btn-primary:hover { background: #fff; color: #00346F; border-color: #00346F; }

#faqs { background: #6084C3 url(/img/texture.png); overflow-x: hidden; }

#footer { background: #25BDBD; color: #00346F; }

.gossip { width: 400px; }

@media screen and (max-width: 768px) {
.lead { font-size: 1.1rem; }
.lead2 { width: 200px; }
h1 { font-size: 1.5rem; }
#bubble { display: none; }
#action { padding-left: 1rem; }
#clipboard { position: absolute; margin: -100px 0 0 0px; width: 170px; }
.gossip { width: 300px; }
#sedan { position: absolute; margin: -240px 0 0 20px; width: 300px; }
#bike { position: absolute; margin: -130px 0 0 50%; width: 200px; }
}

#footer a { color: #00346F; text-decoration: underline; }

.osano-cm-widget {
        background-image: url(/img/privacy.svg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 0%;
        width: 44px;
        height: 44px;
        right: 1rem;
        bottom: 1rem;
        opacity: 0.9;
        transition-property: opacity, visibility, transform;
                        }
      .osano-cm-widget svg {
        display: none;
                        }
      .osano-cm-widget:focus,
      .osano-cm-widget:hover {
        opacity: 1;
        transform: none;
                        }
      .osano-cm-widget:active {
        transform: translateY(1px);
                        }