body {
    padding-top: 100px;
    padding-bottom: 0px;
    /*font-family: "Roboto,sans-serif";*/
    line-height: 1.5;
    color: #333;
    /*background-color: #b7ada3; #c9b6a8; #aaa5a5;*/
}

h1 {
    font-weight: bolder;
}

.glyphicon {
    font-size: 15px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
}

/* Top Bar */
.topbar 
{
    background-color: #fff; /* #b7ada3; #c9b6a8; #aaa5a5;*/
    border-bottom: 1px solid #cccccc;
    padding-top: 20px;
    padding-right: 40px;
}

/* navbar */
.navbar 
{
    padding: 10px;
    background-color: white;
    border-bottom: 1px solid #808080;
}

.nav a 
{
    color: black !important;
    font-size: 1.2em !important;
    font-weight: normal;
}

.navbar-nav > li > a 
{
    padding-top: 45px;
}

.navbar-right {
    margin-right: 20px;
}

/* Carousel */
.carousel {
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-bottom: 1px solid #808080;
}

.carousel-caption {
    background-color: transparent;
    color: #fff;
    padding: 20px;
    top: 26%;
    left: 0%;
    right: 0%;
    text-shadow: none;
    font-size: 20px;
    line-height: 3em;
    position: absolute;
    text-shadow: 4px 2px #333;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner img {
    margin: auto;
}

/* container */
.container-fluid 
{
    padding-left: 0px;
    padding-right:0px;
}

.thumbnail {
  height: 200px;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img   
{
    display: block;
    max-width: 100%;
    height: 100%;
}

.icon {
    width: 70px;
    height: 70px;
}

.gallery-img {
    width: 300px;
    height: 300px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}


    #page-footer 
    {
        /*background-image: url(/images/stock/iStock-871536754.jpg);*/
        background-position: center top;
        background-color: rgba(0, 0, 0, 0.5);
        text-align: left;
        color: #fff;
        margin-top: 40px;
        padding: 40px;
        vertical-align: middle;
        bottom: 0;
        min-height: 400px;
        font-size: 1.5em;
    }

        #page-footer a:link {
            color: #cccccc;
            text-decoration: none;
        }

        #page-footer a:active {
            color: #cccccc;
            text-decoration: none;
        }

        #page-footer a:visited {
            color: #cccccc;
            text-decoration: none;
        }

        #page-footer a:hover {
            color: #fff;
            text-decoration: underline;
        }