#header .header-button{top:65px}
#header .landing-links {
    height: 110px;
    margin-top: 55px;
}

.announcement-bar {
    background-color: #8ec153;
    color: #fff;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}

.visibility-hidden {
  visibility: hidden !important;
  opacity: 0 !important;
}

.speakup-product {
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
}

.products-link-p {
  height: 55px;
  line-height: 55px;
}

.speakup-links {
  height: 40px;
}

.sign-up-free__show{
    display: none!important
}
@media only screen and (max-width: 1000px){
    .sign-up-free__show{
        display: block!important
    }
    .sign-up-free__hide{
        display: none!important
    }
    .modal-width.big, .modal-width.small, .modal-width.medium{
        margin: auto;
        width: 90%;
        position: relative!important;
        left: auto;
    }

    .modal-content{
        background: rgba(23,35,34,.75);
        width: 100vw;
        height: 100vh;
        top: 0;
        position: fixed;
        z-index: 10000;
    }
}
@media only screen and (max-width: 700px){
    .announcement-bar + .headroom .header-button.sign-up-free{
        margin-top: 50px
    }

    #sticky-container{
        padding-top: 145px
    }

    #sticky-container .splash-index{
        padding-top: 100px
    }

    #sticky-container.live{
        padding-top: 55px
    }

     #sticky-container.live .splash-index{
        padding-top: 50px
    }
}

.announcement-content {
    margin: 0 auto;
    max-width: 900px;
    width: 100%;
}

.announcement-text {
    color: #fff;
    float: left;
    font-style: italic;
    margin-top: 12px;
    margin-bottom: 16px;
}

.announcement-text span{font-style:normal; font-weight:normal;}

.announcement-button.header-button {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 3px;
    color: #fff;
    display: block;
    float: right;
    font-size: 15px;
    line-height: 36px;
    margin-top: 6px;
    padding: 0 11px;
}

.announcement-button.header-button:hover {
    border: 1px solid rgba(255, 255, 255, 1);
    text-decoration:none;}

@media screen and (max-width: 700px) {
       section.splash-index {
            padding: 60px 30px 45px 30px;
            height: auto;
       }
       .announcement-content{
            text-align: center;
       }
       .announcement-text, .announcement-button.header-button{
            float: none;
            white-space: nowrap;
       }
       h1.announcement-text{
        font-size: 14px !important;
        margin-bottom: 5px;
       }
       .announcement-button.header-button{
            margin: 12px auto;
            display: inline-block;
       }
}

 @media screen and (max-width: 400px) {
        h1.announcement-text{
         font-size: 12px !important;
        }
}