/* CSS Document */
.btop{
color:#FFFFFF;

}
#ev{
display:block;
line-height:2em;
  border-bottom:solid 1px #CCCCCC;
  bottom:10px;
  margin-bottom:10px;

}
.ora {
display:inline;
	font-size: 18px;
text-align:left;
  font-weight:bold;
  color:#872232;
  right:15px;
margin-right:15px;
}
.evento {
display:inline;


	font-size: 18px;
text-align:left;

}
#hr_ljnea{
border-top: 1px solid #8c8b8b;
top:40px;
margin-top:40px;
bottom:40px;
margin-bottom:40px;

}
#logo3 a{
width:100%;
max-width:100px;
height:auto;

display: inline-block;
text-align: center;
	left: 30%;

	margin: 0 0 0 -140px;
	padding:10px 15px;
position: absolute;
color:#FFFFFF;
font-size:18px;
}

#logo{
width:100%;
max-width:150px;
height:auto;

display: inline-block;
text-align: center;
	left: 30%;

	margin: 0 0 0 -140px;
	padding:10px 15px;
position: absolute;


}
#logo2{
width:100%;
max-width:150px;
height:auto;

display: inline-block;
text-align: center;
	left: 50%;

	margin: 0 0 0 -140px;
	padding:10px 15px;
position: absolute;


}
#logo4{
width:100%;
max-width:150px;
height:auto;

display: inline-block;
text-align: center;
	left: 70%;

	margin: 0 0 0 -140px;
	padding:10px 15px;
position: absolute;


}
#logo p{
font-size:0.6em;
color:#FFFFFF;

}
#logo2 p{
font-size:0.6em;
color:#FFFFFF;

}
#logo4 p{
font-size:0.6em;
color:#FFFFFF;

}
#trip{

display: inline-block;
position: absolute;
text-align:right;
	padding:10px 15px;
	right:20px;
	margin-right:20px;
	top:0px;
	margin-top:0px;
	color:#fff;
	font-size:24px;



}
#facebook{

display: inline-block;
position: absolute;
text-align:right;
	padding:10px 15px;
	right:0px;
	margin-right:0px;

	top:0px;
	margin-top:0px;
		color:#fff;
	font-size:24px;
}

.chef{
position:relative;
display:block;


}
.chef h4 { 
   position: absolute;
   color: #fff; 
    font-family: 'Comfortaa', cursive;
	font-size:1.1em;

   padding:10px;        
   bottom: 10px; 
   margin-bottom:10px;
   left: 30px;  
   margin-left:30px; 

}
.chef h4:after {
  position: absolute;
  content: "";
  left: -35px;
  bottom: 10px;
    margin-bottom:10px;
  width: 40px;
  height: 1px;
  background-color: #fff;
}
.sidebar {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #872232; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
   opacity: 1;
}
.sidebar a{
  text-decoration: none;
  color: #818181;
   transition: 0.3s;
}

/* The sidebar links */
.sidebar .menu {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
font-family: 'Comfortaa', cursive;
  font-size: 0.8em;
  color: #f1f1f1;
  display: block;
  transition: 0.3s;
}
.sidebar .submenu {
  padding: 8px 8px 8px 42px;
  text-decoration: none;
font-family: 'Comfortaa', cursive;
  font-size: 0.8em;
  color: #f1f1f1;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidebar .menu:hover {
  color: #BCBCBC;
}
.sidebar .submenu:hover {
  color: #BCBCBC;
}

/* Position and style the close button (top right corner) */
.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 42px;
  margin-left: 50px;
  color:#FFFFFF;
}

/* The button used to open the sidebar */
.openbtn {
font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding:15px 15px 15px 0px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
	font: normal 1.4rem/1 'FaktPro-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#FFFFFF;
}

.openbtn:hover {
  color: #999999;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-right .5s; /* If you want a transition effect */
  padding: 10px;
  display:inline;
}
@media (max-width: 767px) {

#trip{

	font-size:18px;
padding:5px 5px;


}
#facebook{

	font-size:18px;
	padding:5px 5px;
}
 #logo{
max-width:100px;
	left: 30%;

	margin: 0 0 0 -120px;
	padding:5px 5px;
position: absolute;

}
#logo2{
max-width:100px;
	left: 50%;
	margin: 0 0 0 -140px;
	padding:5px 5px;
}
#logo4{
max-width:100px;
	left: 70%;
	margin: 0 0 0 -140px;
	padding:5px 5px;
}
#logo3 a{
width:100%;
max-width:100px;
height:auto;

display: inline-block;
text-align: center;
	left: 30%;

	margin: 0 0 0 -140px;
	padding:15px 10px;
position: absolute;
color:#FFFFFF;
font-size:0.5em;
}
#logo p{
font-size:0.4em;
color:#FFFFFF;

}
#logo2 p{
font-size:0.4em;
color:#FFFFFF;

}
#logo4 p{
font-size:0.4em;
color:#FFFFFF;

}

}
@media (max-width: 576px) {
  /* line 36, ../../01 cl html template/187 Shotgear Photography/187 Shotgear Photography Html/sass/_common.scss */
  
  #ev{
display:block;
line-height:2em;
  border-bottom:solid 1px #CCCCCC;
  bottom:10px;
  margin-bottom:10px;

}
.ora {
display:inline;
	font-size: 14px;
text-align:left;
  font-weight:bold;
  color:#872232;
  right:15px;
margin-right:15px;
}
.evento {
display:inline;


	font-size: 14px;
text-align:left;

}
 #logo3 a{
width:100%;
max-width:100px;
height:auto;

display: inline-block;
text-align: center;
	left: 30%;

	margin: 0 0 0 -100px;
	padding:15px 10px;
position: absolute;
color:#FFFFFF;
font-size:0.5em;
}
 #logo{
max-width:100px;
	left: 30%;

	margin: 0 0 0 -100px;
	padding:5px 5px;
position: absolute;

}

#logo2{
max-width:100px;
	left: 45%;
	margin: 0 0 0 -60px;
	padding:5px 5px;
}
#logo4{
max-width:100px;
	left: 70%;
	margin: 0 0 0 -40px;
	padding:5px 5px;
}
#logo p{
font-size:0.4em;
color:#FFFFFF;

}
#logo2 p{
font-size:0.4em;
color:#FFFFFF;

}
#logo4 p{
font-size:0.4em;
color:#FFFFFF;

}

#trip{

	font-size:14px;
padding:10px 3px;


}
#facebook{

	font-size:14px;
	padding:10px 3px;
}
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
#trip{

	padding:5px 10px;
	font-size:18px;



}
#facebook{

	padding:5px 10px;
	font-size:18px;
}
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
  #logo{
width:100%;
max-width:180px;
height:auto;

display: inline-block;
text-align: center;
	left: 50%;

	margin: 0 0 0 -100px;
	padding:10px 15px;
position: absolute;


}
}