@media  (min-width: 768px) {


  
}


@media (max-width: 1600px) {


}

@media (max-width: 992px) {



}

@media (max-width: 768px) {

.navbar-default {
    background-color: rgba(0,0,0,0.6);
}    

.navbar-default .navbar-nav > li > a,
.navbar-default .name.navbar-brand {
    color: #fff;
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
    color: #f0ac00;
}

.navbar-toggle {
    position: absolute;
    right: 0;
    top: 25px;
}

.navbar-static-top .navbar-toggle {
    top: 20px;
}  

.navbar-default .navbar-text{
    margin-left: 15px;
}

.navbar-default .name.navbar-brand {
   margin-left: 0;
}

.collapse {
  padding-top: 0;
}

.black.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.range {
    margin-left: 0;
    margin-right: 0;
}

.highlighted .view-header h3,
.highlighted .view-header h1,
.text-dark {
	color: #fff;
}

.highlighted .view-content,
.highlighted .view-header {
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
    background-color: rgba(0,0,0,0.6);
    padding: 10px;
    color: #fff;
}

.highlighted .view-content {
	margin-bottom: 10px;
	border-radius: 0 0 10px 10px ;
}

.highlighted .view-header {
	border-radius: 10px 10px 0 0;
}

.book {
    margin-top: 40px;
}

.modal-header {
    padding: 15px 8px 0;
}

.main-container {
    background-color: #e8e8e8;
}

body {
    color: #2f2114;
}

.btn-icon {
    margin: 5px auto;
    display: block;
    width: 200px;
}

.panel-title, 
.panel-title:hover, 
.panel-title:focus, 
.panel-title:hover:focus,
.panel-title {
   background: #d07822;
   color: #fff; 
}

.form-control:focus {
    border-color: #d07822;
}

.panel-body,
#guide {
    background: #e8ce8e;
}

.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
    background-color: #f0ac00;
}

}

@media (max-width: 500px) {




}

@media (max-width: 460px) {


}


@media (max-width: 400px) {



}