/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 0;
  padding-bottom: 0px;
}
.res  {border-top:1px solid #eee; margin:0 5px 5px 5px; padding:15px 0 10px 0 }
.res img, .books img {max-width:100%; height:auto}
 .books img {margin-bottom:25px}
.jumbotron {background:url("/images/vidbgr.png") #feec64;padding:40px 0 0 0 ;}
.intro {text-align:center; margin:30px 0 0}
img.scale {width:100%; height:auto; padding:0 60px}
img.header {width:auto; max-height:150px; }
.hoome {z-index: 10;position: fixed;left:5px; top:5px; cursor:pointer}
.order {z-index: 10;position: fixed;right:0; top:0; cursor:pointer}
.left {display:block; margin-top:20px}
.top {display:none}
.top img, .left img {width:100%; height:auto}

.carousel {text-align:center; background:url("/images/vidbgr.png") #feec64}
.carousel blockquote {border:0; padding:40px 20% 0 20%; margin:0; font-family:times; font-style:italic}
.carousel .left {margin-top:0}

.carousel-indicators {display:none}

.blockquote-footer {margin-bottom:12px}

@media all and (min-width: 700px) {
    a.order img {height:auto; width:180px;position: fixed;right:0; top:0;cursor:pointer}

}
@media all and (max-width: 799px) {
.hoome {left:10px; top:10px; }
.hoome img {width:60px; height:auto}
}
@media all and (max-width: 699px) {
    a.order img {height:auto; width:120px;position: fixed;right:0; top:0;cursor:pointer}
	.carousel blockquote {padding-top:30px}
}

@media all and (max-width: 500px) {
    a.order img {height:auto; width:80px;position: fixed;right:0; top:0;cursor:pointer}
	.carousel h1 {font-size:28px}
}

@media all and (max-width: 767px) {
.top {display:block; margin:20px 0}
.left {display:none}
}