/*** MENU ***/
#nav-index, #nav-ext { display: none; }


/*** HEADING ***/
#heading {
    text-align: center;
}

    #heading .hd-title {
        font-size: 3.2vw;
    }

/* background */
#heading .ocean { 
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height: 5%;
    background: #6ea833;

}

    #heading .wave {
        background: url(../img/grn-wave.svg) repeat-x; 
        position: absolute;
        top: -198px;
        width: 6400px;
        height: 198px;
        animation: wave 30s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
        transform: translate3d(0, 0, 0);
    }
  
    #heading .wave:nth-of-type(2) {
        top: -175px;
        animation: wave 30s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
        opacity: 1;
    }
  
    @keyframes wave {
        0% {
        margin-left: 0;
        }
        100% {
        margin-left: -1600px;
        }
    }
    
    @keyframes swell {
        0%, 100% {
        transform: translate3d(0,-25px,0);
        }
        50% {
        transform: translate3d(0,5px,0);
        }
    }

/*** TEXT ***/
#term a {
    color: #6ea833;
}

#term p {
    margin-top: 1.3vw;
    font-size: 1.1vw;
    line-height: 1.5;
}

#term table {
    margin-top: 2vw;
    border-radius: 1vw;
}

    #term th {
        font-size: 1.3vw;
        font-family: 'sol-400';
        border: 1px solid #e0e0e0 !important;
        padding: 1.2vw 2vw;
    }

    #term td {
        font-size: 1.1vw;
        border: 1px solid #e0e0e0 !important;
        padding: 1.2vw;
    }

        tr td:nth-of-type(3) {
            text-align: center;
        }

#term h2 {
    font-size: 1.3vw;
    font-family: 'sol-400';
    text-transform: uppercase;
    padding-bottom: 1vw;
}

#term h3 {
    margin-top: 3vw;
    font-size: 1.2vw;
    font-family: 'sol-400';
    color: #6ea833;
}
    #term h3:before {
        padding-right: .8vw;
        font-family: 'FontAwesome';
        content: '\f138';
    }

#term h4 {
    margin-top: 2vw;
    font-size: 1.1vw;
    font-family: 'sol-400';
}
    #term h4:before {
        padding-right: .6vw;
        font-family: 'FontAwesome';
        content: '\f142';
    }

#term ul {
    margin-top: 1.2vw;
    margin-left: 3vw;
    font-size: 1.1vw;
    list-style-type: disc;
}
    #term ul li {
        margin-top: .7vw;
        color: #777777;
        line-height: 1.6;
    }

#term .ul {
    text-decoration: underline;
}
    #term ul span {
        padding-right: 1.5vw;
    }

    #term ul a {
        text-decoration: none !important;
    }

.leg-notice {
    overflow: hidden; 
    background: #f0f0f0; 
    border-radius: 1vw;
    padding: 1.5vw 2.5vw;
}
    #term .leg-notice b:before {
        padding-right: .6vw;
        font-family: 'FontAwesome';
        content: '\f06a';
    }










/*** ----- BREAKPOINTS ----- ***/

/* Tablet */
@media screen and (min-device-width: 650px)
and (max-device-width: 1024px) {


}

/* Mobile */
@media screen and (max-width: 750px) {

    /** HEADING **/
    #heading .hd-title {
        font-size: 40px;
        padding: 40px 0px;
    }

    /** TEXT **/
    #term p {
        margin-top: 20px;
        font-size: 18px;
        line-height: 1.5;
    }
    #term table {
        overflow: scroll;
        margin-top: 20px;
        border-radius: 15px;
    }
    #term th {
        font-size: 18px;
        padding: 10px 20px;
    }
    #term td {
        font-size: 18px;
        padding: 20px;
    }
    #term h2 {
        font-size: 19px;
        padding-bottom: 10px;
    }
    #term h3 {
        margin-top: 30px;
        font-size: 22px;
    }
    #term h3:before {
        padding-right: 10px;
    }
    #term h4 {
        margin-top: 30px;
        font-size: 19px;
    }
    #term h4:before {
        padding-right: 10px;
    }
    #term ul {
        margin-top: 20px;
        margin-left: 20px;
        font-size: 18px;
    }
    #term ul li {
        margin-top: 15px;
    }
    #term ul span {
        padding-right: 10px;
    }
    .leg-notice {
        border-radius: 15px;
        padding: 30px 40px;
    }
    #term .leg-notice b:before {
        padding-right: 10px;
    }


}