@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
.navbar {
    background: rgba(00, 00, 00, 0.8);
    height: 70px;
    padding-top: 5px;
}

@media(max-width:767px) {
    .navbar {
        background: rgba(00, 00, 00, 0.9);
    }
}

textarea {
    max-width: 100%;
}

.navbar-default .navbar-brand {
    color: #ffffff;
    padding-top: 5px;
    padding-left: 10px;
}

.navbar-default .navbar-brand:hover {
    color: #00aeef;
}

.navbar-default .navbar-text {
    margin-top: 10px;
    font-size: 2em;
    margin-left: 0px;
    font-family: 'Roboto', sans-serif;
}

@media(max-width:767px) {
    .navbar-nav {
        background: #000000;
    }
}

.navbar-default .navbar-nav>li>.dropdown-menu {
    background: #0d0d0d;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-default .navbar-nav>.active>a {
    color: #00aeef;
    background: transparent;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #00aeef;
    background: transparent;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background: transparent;
    color: #00aeef;
}

.navbar-default .navbar-nav>li .dropdown>a:active {
    background: #eeeeee;
}

.page-header {
    background: url('../img/pg-head.jpg') center center;
    height: 200px;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-top: 100px;
}

.page-header h1 {
    color: #ffffff;
}

.welcome {
    padding-top: 10px;
    padding-bottom: 50px;
}

.welcome h1 {
    margin-bottom: 30px;
}

.welcome p {
    font-size: 1.2em;
}

.productline {
    margin-top: 20px;
    padding-top: 30px;
    background: #f5f5f5;
    padding-bottom: 10px;
}

.productline .img-circle {
    box-shadow: 3px 6px 10px #999999;
}

.productline h1 {
    margin-bottom: 40px;
}

.content-box{
    min-height: 150px;
}

@media(max-width:768px) {
    .productline {
        min-height: 1000px;
    }
    .product {
        margin-bottom: 20px;
        height: 800px;
        overflow-y: scroll;
    }
}

.product-carousel {
    height: 600px;
}

.about {
    padding-top: 50px;
    padding-bottom: 50px;
}

.about p {
    font-size: 1.4em;
}

.about .marketing p {
    font-size: medium;
}

.product {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 30px;
    min-height: 800px;
    height: auto;
}

.product-desc {
    height: auto;
    min-height: 500px;
    background: 0d0d0d;
    padding-top: 50px;
    padding-bottom: 50px;
}

.product-desc p {
    font-size: medium;
}

.desc-img {
    padding: 0px;
    margin-bottom: 15px;
}

.desc-con {
    margin-bottom: 20px;
}

.desc-box {
    border-radius: 10px;
    box-shadow: 2px 6px 10px #eeeeee;
    margin-right: 42px;
    margin-left: 42px;
    margin-bottom: 30px;
    margin-top: 10px;
    padding: 0px;
}

.desc-gen {
    padding: 42px;
}

.desc-gen p {
    font-size: large;
}

@media(max-width:1024px) {
    .desc-box {
        box-shadow: 4px 7px 10px #eeeeee;
        margin-right: 35px;
        margin-left: 35px;
        margin-bottom: 30px;
        margin-top: 10px;
        padding: 0px;
    }
}

@media(width:768px) {
    .desc-box {
        margin-right: 0px;
    }
}

.contact {
    padding-top: 50px;
    padding-bottom: 50px;
}

footer {
    background: #00aeef;
    color: #ffffff;
    min-height: 200px;
    padding-top: 50px;
}

footer li a {
    color: #eeeeee;
}

footer li a:hover {
    color: #333333;
    text-decoration: none;
}