body {
    margin-top: 96px;
    font-family: 'Montserrat', sans-serif;
}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.phonelink, .phonelink:hover {
    color: #f04134;
    font-size: 1.5em;
    font-weight: 600;
}

.customnavbar {
    -webkit-box-shadow: 5px 5px 5px #00000014;
    -moz-box-shadow: 5px 5px 5px #00000014;
    box-shadow: 5px 5px 5px #00000014;
    z-index: 999;
    transition: all 0.2s ease-in-out 0s;
}

.taglinearea {
    margin-top: 50px;
    margin-bottom: 50px;
    color: white;
}

    .taglinearea h1 {
        font-size: 4em;
        font-weight: 500;
        text-align: center;
        margin: 20px;
    }

    .taglinearea h2 {
        font-weight: 300;
        font-size: 1.8rem;
    }

.section2 h1 {
    font-size: 6em;
    line-height: 1em;
    text-align: center;
}

.section2 h2 {
    font-size: 1.8rem;
}

.section3 {
    background: #0062cc29;
}



    .section3 h1 {
        font-size: 2em;
        text-align: center;
        font-weight: 300;
    }

    .section3 h2 {
        font-size: 1.2rem;
        text-align: center;
    }

.section3 h3 {
    font-size: 1.5rem;
    text-align: center;
}

    .section3 p {
        text-align: center;
    }

    .section3 i {
        font-size: 6em;
        display: block;
        text-align: center;
    }

.section3 i.icon-right {
    font-size: 2.5em;
    position: absolute;
    right: 0;
    top: 30px;
}



    .section4 h1 {
        font-size: 2em;
        text-align: center;
        font-weight: 300;
    }

    .section4 h2 {
        font-size: 1.2rem;
        text-align: center;
    }

.section5 {
    background: #1a324c;
    color: white;
}

#config-tool.open {
    right: 0;
}

.help-text {
    font-size: .8em;
}

@keyframes custombounce {
    0% {
        right: -330px;
    }

    10% {
        right: -300px;
    }

    20% {
        right: -330px;
    }

    30% {
        right: -300px;
    }

    40% {
        right: -330px;
    }

    100% {
        right: -330px;
    }
}

#config-tool {
    position: fixed;
    right: -330px;
    top: 0px;
    width: 330px;
    z-index: 2000;
    transition: all 0.2s ease-in-out 0s;
    height: 100%;
    -webkit-box-shadow: -5px 0px 5px #00000014;
    -moz-box-shadow: -5px 0px 5px #00000014;
    box-shadow: -5px 0px 5px #00000014;
}


    #config-tool.bounceitem {
        animation: custombounce 3s 2;
    }

#config-tool-cog {
    cursor: pointer;
    top: 40px;
    left: -50px;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 50px;
    background-color: #0062cc;
    color: white;
    -webkit-box-shadow: -5px 0px 5px #00000052;
    -moz-box-shadow: -5px 0px 5px #00000052;
    box-shadow: -5px 0px 5px #00000052;
}

#config-tool-options {
    padding: 20px;
    height: 100%;
    background: white;
}

.config-button {
    color: white;
    border-radius: 50px 0px 0px 50px;
}

.editing {
    border: dashed 2px orange;
    cursor: pointer;
}

#config-top {
    top: -40px;
    position: fixed;
    background-color: #fff;
    height: 40px;
    width: 100%;
    z-index: 2000;
    transition: all 0.2s ease-in-out 0s;
}

#config-top.open {
    top: 0;
}

.navbar-fixed-top {
    top: 20px;
}

.image-edit {
    display:none;
    position: absolute;
    margin-left: 10px;
    padding: 5px;
}

    .image-edit.editing {
        display: block;
    }