body {
    background-image: url(/static/assets/img/pages/form-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.toolName_MV {
    display: none;
}

.toolName_DV {
    display: block;
}

.appName {
    position: relative;
    top: 25px;
    text-align: left;
    padding: 1% 0%;
    font-family: sans-serif;
    font-size: 25px;
    vertical-align: baseline;
}

.companyLogo img {
    width: 60% !important;
}

.mobile_version {

    position: relative;
    top: 10px;
    display: none;

}


.headerLinks {
    position: relative;
    top: 25px;
    text-align: right;
    padding: 1% 0%;
    font-family: sans-serif;
    font-size: 15px;
    vertical-align: baseline;
}

.headerLinks a {
    text-decoration: none;
    color: #fff;
}

.headerLinks img {
    width: 25px;
}

.Tool_Intro {
    color: #fff;
    position: relative;
    top: 180px;
    min-height: 600px;
    font-size: 20px;
}

.Tool_Intro > div {
    margin-top: 5px;
}

.Learn_More_btn {

    background-color: transparent;
    border-radius:0px;
    border-color: #66E6EA;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
}

#Features {
    background-image: url(/static/assets/img/FeatureBG.png);
    background-repeat: no-repeat;
    background-size:cover;
    min-height: 650px;
    font-size: 20px;
    font-family:Cambria;
    color: #fff;
}

#Features h3 {
    font-size: 24px;
}

#Features p {
    font-size: 20px;
}

.footer {
    position: relative;
    bottom: 0px;
    color: #fff;
    font-weight: 500;
    font-family: sans-serif;
    font-size: 15px;
    text-align: center;
}

.footer a {
    text-decoration: none;
}

.container {

    width: 1200px;
    transition: width 1s;
}

@media (min-width:1000px) and (max-width:1200px) {

    .appName {
        font-size: 22px;
    }

    .companyLogo img {
        width: 100px !important;
    }

    .headerLinks {
        font-size: 14px;
    }

    .headerLinks img {
        width: 22px;
    }

    .footer {
        font-size: 14px;
    }

    .container {
        width: 1000px;
    }

}


@media (min-width:890px) and (max-width:1000px) {

    .appName {
        top: 15px;
        font-size: 22px;
    }

    .companyLogo img {
        width: 100px !important;
    }

    .toolName_MV {
        display: block;
    }

    .toolName_DV {
        display: none;
    }

    .mobile_version {
        display: block;
    }

    .desktop_version {
        display: none;
    }

    .footer {
        font-size: 14px;
    }

    .container {
        width: 890px;
    }
}

@media (min-width:810px) and (max-width:890px) {

    .appName {
        top: 15px;
        font-size: 20px;
    }

    .companyLogo img {
        width: 90px !important;
    }

    .toolName_MV {
        display: block;
    }

    .toolName_DV {
        display: none;
    }

    .mobile_version {
        display: block;
    }

    .desktop_version {
        display: none;
    }

    .footer {
        font-size: 12px;
    }

    .container {
        width: 700px;
    }
}

@media (min-width:750px) and (max-width:810px) {

    .appName {
        top: 15px;
        font-size: 20px;
    }

    .companyLogo img {
        width: 90px !important;
    }

    .toolName_MV {
        display: block;
    }

    .toolName_DV {
        display: none;
    }

    .mobile_version{
        display: block;
    }

    .desktop_version{
        display:none;
    }


    .footer {
        font-size: 12px;
    }

    .container {
        width: 700px;
    }

}


@media (min-width:660px) and (max-width:750px) {

    .appName {
        top: 15px;
        font-size: 20px;
    }

    .companyLogo img {
        width: 90px !important;
    }

    .toolName_MV {
        display: block;
    }

    .toolName_DV {
        display: none;
    }

    .mobile_version {
        display: block;
    }

    .desktop_version {
        display: none;
    }

    .footer {
        font-size: 12px;
    }

    .container {
        width: 650px;
    }

    #Features p {
        font-size: 15px;
    }
}


@media (min-width:300px) and (max-width:660px) {

    .appName {
        top: 10px;
        font-size: 14px;
    }

    .companyLogo img {
        width: 60px !important;
    }

    .toolName_MV {
        display: block;
    }

    .toolName_DV {
        display: none;
    }

    .mobile_version {
        display: block;
    }

    .desktop_version {
        display: none;
    }

    .col-xs-5 {
        width: 58%;
    }

    .Tool_Intro {
        font-size: 14px;
    }

    .Learn_More_btn {
        font-size: 10px;
    }

    #Features {
        font-size: 12px;
        min-height: 500px;
    }

        #Features h3 {
            font-size: 15px;
        }
    
    .footer {
        font-size: 8px;
    }

    .container {
        
        width: 400px;
    }

    #Features p {
        font-size: 15px;
    }
}