body {
	height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background: rgb(0,212,255);
	background: radial-gradient(circle, rgba(0, 212, 255, 1), rgba(9, 9, 121, 1));
}

html {
    width: 100%;
    height: 100%;
}

@media(min-width:767px) {
    .navbar {
        padding: 0px 0px;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

.login-section {
    height: 385px;
    padding-top: 80px;
    text-align: center;
    position: absolute;
    width:100%;
}

.services-section {
    height: 325px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid pink;
}

.compatible-section {
    height: 325px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid pink;
}

.flowsheet-section {
    height: 590px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid pink;
    display: none;
}

.contact-section {
    height: 570px;
    text-align: center;
    background: #fff;
    background-repeat: no-repeat;
    /*background-position: right -60px top -370px;*/
}
@media (min-width:768px) and (max-width: 1023px)
{
	.services-section {
        height: 695px;
    }
    .compatible-section {
        height: 880px;
    }
}
@media (min-width:320px) and (max-width: 767px) {
    .services-section {
        height: 865px;
    }

    .loginheaderlogo {
        width: 170px;
    }

    .login-section {
        padding-top: 100px;
        height: 380px;
    }

    .compatible-section {
        height: 880px;
    }

    .contact-section {
        height: 820px;
    }
}

@media(min-width:767px) {
    .loginheaderlogo {
        width: 250px;
    }
}