@font-face {
    font-family: 'Lobster';
    src: url('../font/Lobster1.4.woff') format('woff');

}

body {
    padding-bottom: 20px;
}
.row {margin:10px auto; max-width:1000px;}

.logos {width:200px; padding-top:15px;}



.list-inline > li {padding-left:3px; padding-right:3px;}


.thumbs {
    padding-top: 10px;
    width:600px;
    height:130px;
    overflow-x:scroll;
    overflow-y:hidden;
}

.thumbs ul {width:780px; height:95px;}

.thumbs-music ul {width:300px; height:95px;}
.thumbs-music  {width:300px; overflow-x:hidden }

music2 .carousel-inner {
    max-width: 280px; margin:0 auto;
}
.thumbnail-caption {
    position: relative;
    bottom: 20px;
    width: 100%;
    height: 20px;
    background: rgba(0,0,0,0.4);
    color:white;
    font-size:80%;
    padding:4px;
}
.selected .thumbnail-caption {
    background: rgba(0,0,0,0.8);
}

.video {
    max-width: 600px;
}


.navbar {
    height: 145px;
    background: #000 url(../images/head2.jpg) no-repeat  fixed right top;
    padding-top: 95px;
}
.links {max-width:280px; margin:5px auto;}

.navbar-nav {
    max-width: 970px;
    margin:0;
   
}
.navbar-brand {
    font: 48px Lobster;
    padding-top:0;
    height:54px;
    position: relative;
    left: 10px;
    top:-100px;
    background: rgba(0,0,0,0.7);
}
h2 {font:24px Lobster; text-align:center; }

.shopButton {
    background: #fff;
    border-radius: 3px;
    padding: 5px;
    border: 1px solid black;
    margin: 5px auto;
    width: 280px; text-align:center
}


.icon {
    margin: 2px
}

.narrow {max-width:600px}


.navbar-collapse {float:right; margin-top:0; margin-right:10px}

.navbar-inverse .navbar-nav li a {
    background: rgba(0,0,0,0.5);
    margin-bottom:-3px;
}

@media screen and (max-width: 767px) {
    .nav {
        position:relative;
        clear:both;
        width: 100%
    }
        .nav li {
            width: 100%
        }
    .nav li a {padding:15px 40px;
    }
    .toprow {clear:both;}
}

    .navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:focus {
        background: rgba(0,0,0,0.3);
        color: white;
        text-decoration: underline;
    }

    /* Carousel */
    .carousel {
        max-width: 1000px;
        margin: 5px auto;
    }

    .carousel-caption p {
        font-size: 20px;
        line-height: 1.4;
    }

    .carousel-control {
        height: 70%;
    }

.testimonial {
    position:relative;
    float:left;
    width:470px;
    height:280px;
    padding:5px;
    background: rgba(0,0,0,0.7);
    margin:15px;
}
    .testimonial p {
        width:90%;
        margin:auto;
        padding: 5px;
        color:white;
        
    }
/* QR code generator */
#qrCode {
    margin: 15px;
}

@media screen and (max-width: 800px) {
    /* Hide captions */
    .music {
        width: 620px;
    }
}

@media screen and (max-width: 680px) {
    /* Hide captions */
    .music {
        width: 300px;
    }

    @media screen and (max-width: 990px) {
        .testimonial { 
        width: 100%;
        margin:10px auto;
        height:auto;
    }
    /* Hide/rearrange for smaller screens */
}

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