body {
    background-color:#5b5b5b;
    font-family: 'Yanone Kaffeesatz', sans-serif;
}
.carousel-inner > .item {
    -webkit-transition: 0.9s ease-in-out left;
    transition: 0.9s ease-in-out left;
    -webkit-transition: 0.9s, ease-in-out, left;
    -moz-transition: .9s, ease-in-out, left;
    -o-transition: .9s, ease-in-out, left;
    transition: .9s, ease-in-out, left;
}
.navbar {
    /*min-height:100px;*/
    box-shadow: 0 0 16px #333 !important;
}
.navbar-right {
    margin-right: -30px;
}
.container {
    width:inherit;
    max-width:1024px;
    max-width:1024px;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.row {
    margin-left: auto;
    margin-right: auto;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
{
    padding-left: 20px;
    padding-right: 20px;
}
.col-med-5, .col-lg-5 {
    padding-left: 36px;
    padding-left: 60px;
}
.messagearea {
    background-color: black;
    padding-bottom: 24px;
    padding-top: 9px;
}
.carousel {
    background-color: #FFF;
    background-image: url(../images/paperAndPaint2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.carousel .carousel-inner .item {
}
.carousel-inner>.item>img {
    margin-right: -100px;
}
.paintPaperCarousel  {
}
.paintPaperCarousel img {
    height: auto;
    max-width: 100%;
}
.carousel-control.left, .carousel-control.right {
    background-image: none;
    background-color: #999;
    width: 3%;
}
.carousel-control {
    color:#FFF;
}
.carousel-control:focus, .carousel-control:hover {
    opacity: 0.9;
}
.carousel-control.left:focus, .carousel-control.left:hover {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0px, rgba(0, 0, 0, 0) 100%);
    background-image: none;
}
.carousel-control.right:focus, .carousel-control.right:hover {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0px, rgba(0, 0, 0, 0) 100%);
    background-image: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    font-size: 20px;
}
.carousel-indicators {
    bottom: 0;
}
.carousel-indicators li {
    border-color: #999;
    background-color: #999;
}
.carousel-indicators li:hover {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.carousel-indicators .active {
    background-color: #666;
}
.navbar-brand {
}
.navbar-header .myLogo {
    margin-top: 33px;
    margin-top: 9px;
    margin-right: 15px;
    float: left;
    cursor: pointer;
    transition: all .1s ease-in-out;
    cursor: auto;
}
/*.navbar-header .myLogo:hover {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
}*/
.navbar-nav>li {
    margin-top: 40px;
    margin-top: 15px;
    color:#079392;
    font-size: 20px;
    font-size: 1.7em;
    padding-top: 2px;
    line-height: 20px;
}
.navbar-nav>li>a {
    padding-top: 0;
    transition: all .1s ease-in-out;
    -webkit-transform:translateZ(0);
}
.navbar-nav>li>a:hover {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
}
.bobHeader {
    width:1024px;
    margin: 0 auto;
}
.navbar {
    margin-bottom: 0;
}
.navbar-toggle {
    /*margin-top: 33px;*/
    margin-bottom: auto;
}
li#questionMark {
    background-image: url(../images/questionMark.png);
    background-repeat: no-repeat;
    height: 26px;
    padding-left: 32px;
    padding-top: 2px;
    width: 30px;
    overflow: hidden;
    float: left;
    display: block;
    cursor: pointer;
    /*margin-top: 31px;*/
}
li#questionMark.active.wider {
    width: auto;
}
li#questionMark a {
    background-color: transparent;
    padding: 0;
    transition: all .1s ease-in-out;
}
li#questionMark:hover {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
}
li#questionMark.standardSize:hover {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}
h3 {
    border-bottom: 1px solid #666;
    color: #9d9d9d;
    color: #fff;
    padding-bottom: 12px;
    margin-top: 14px;
    font-size: 28px;
    font-weight: 500;
    -webkit-transform:translateZ(0);
}
p {
    color: #9d9d9d;
    font-size: 18px;
    //font-weight: lighter;
    font-weight: 300;
    margin: 0 0 14px;
    line-height: 1.3;
    -webkit-transform:translateZ(0);
}
p.explanation {
    color: #fff;
    color: #ccc;
    font-weight: 400;
    -webkit-transform:translateZ(0);
}
.imageIcons ul {
    padding:0;
    margin:20px 0 0 0;
}
.imageIcons ul li {
    display:block;
    float: left;
    background-color: #079392;
    background-color: #005d5a;
    color: #079392;
    color: #005d5a;
    height: 26px;
    width: 26px;
    overflow: hidden;
    margin:0 9px 9px 0;
    border-radius: 4px;
    cursor: pointer;
    transition: all .1s ease-in-out;
}
.imageIcons ul li:hover {
    background-color: #079392;
    color: #079392;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
}
.imageIcons ul li.activeIcon {
    background-color: #079392;
    color: #079392;
}
.copyright p, .copyright p a {
    -webkit-transform:translateZ(0);
    color:#9d9d9d;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 4px;
}
#otherPictures {
    background-color: #FFF;
}
#otherPictures .item img {
    display: block;
    max-width: 100%;
    height: auto;
}
#otherPictures .item {
    background-color: #FFF;
}
.showPic {
    display: block;
}
.hidePic {
    display: none;
}
@media only screen and (max-width: 1200px) {
    .col-sm-12, .col-med-5, .col-lg-5 {
        padding-left: 20px;
    }
    .messagearea {
        padding-bottom: 24px;
        padding-top: 0px;
    }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 990px) {
    li#questionMark {
        font-size: 100%;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .navbar-header .myLogo {
        margin-left: 15px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    li#questionMark {
        display: none;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .myNav {
        margin-left: 9px;
        margin-right: 9px;
    }
    .navbar-header .myLogo {
        width: 40px;
        height: auto;
        margin-top: 14px;
    }
    li#questionMark {
        display: none;
    }
    .carousel-control.left, .carousel-control.right {
        width: 4%;
    }
    .container {
        padding-left: 12px;
        padding-right: 12px;
    }
    .mobileh3, h3 {
        font-size: 16px;
        margin-bottom: 9px;
    }
    p {
        font-size: 13px;
        font-weight: normal;
        margin: 0 0 5px;
        line-height: 1.2;
    }
    .imageIcons ul {
        margin-top: 12px;
    }
    .imageIcons ul li {
        margin:0 5px 5px 0;
        height: 24px;
        width: 24px;
    }
}