@media only screen and (min-width: 401px) and (max-width: 960px) {
	/* By Ricardo Morales 2/24/2021
	body
	{
	
		
		  background-image: url("../img/background_image.jpg");
 	 	background-repeat: no-repeat;
 	 background-size: cover;
	  background-attachment: fixed;
	 
	}*/
}

@media only screen and (min-width: 961px) {
	/* By Ricardo Morales 2/24/2021
	body
	{
	
 	 	background-image: url("../img/background_image.jpg");
 	 	background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center center;
	  background-attachment: fixed;
	
	
	}*/
	
}

@media only screen and (min-width:300px) {
	/* By Ricardo Morales 2/24/2021
	body
	{
	
 	 	background-image: url("../img/background_image.jpg");
 	 	background-repeat: no-repeat;
 	 	background-size: cover;
		  background-attachment: fixed;
		 
	}*/
}


/* By Ricardo Morales 11/14/2019
body
	{
	
 	 	background-image: url("images/background.jpg");
 	 	background-repeat: no-repeat;
 	 	background-size: cover;
	
	}
	*/

	body {
		font-family: Arial, sans-serif;
		margin: 0;
		padding: 0;
		line-height: 1.6;
		background-color: #f5f5f5;
	  }

	  nav a {
		color: #fff;
		text-decoration: none;
	  }

.first h1{
	color: #663300;
	
	font-family:Georgia, 'Times New Roman', Times, serif;
	text-align:left;
	padding-left:2em;

	float: left;
	width:50%;
	max-width: 100px;
	height: auto;
		
}





.menu{
		
	margin:10px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;
	color:#663300;
	
	text-align:center;
	width:100%;
	
	height: auto;
	
	
}



.nav-2{
	background-color: rgb(236, 206, 160);
}


.logo {
	width:100%;
	
	height: auto;
	position: relative;
	max-width: 200px;
}

.logo_2{
	width:100%;
	max-width:35px;
	height: auto;
	margin:10px;
	
	
}



#breadcrumbs{
	margin-left: 1em;
	font-size: 16px;
	color:#8c5b41;
	float:left;
}

.reel{
	float:left;
	margin-left:2px;
	margin-top:1.5em;
	margin-right:0.25em;
	transition: 2s ease;
	background-color:gray;
	width:50%;
	max-width: 300px;
	height: auto;
	background: rgba(0,0,0,0.7);
  }


.reel a:hover{
	opacity:0.7;
}

.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	float:left;
	text-align:center;
	
}



.about {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 23px;
	float:left;
	text-align:left;
	margin-top:5em;
	padding:30px;
	width:50%;
	max-width:750px;
	height: auto;
	background: rgba(0,0,0,0.7);
	transition: 2s ease;
}
.images {
	max-height: 450px;
	max-width: 100%;
	border-color:black;
	padding:10px;
	
}	

.link{
	font-size:16px;
}

.link a:hover{
	color:grey;
}

.iframe-container{
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; 
	height: 0;
	margin-top:9em;
	

  }
  
  .iframe-container iframe{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
  }

  .header{
	  font-size:50px;
	  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	  color:rgb(92, 46, 31);
	  text-align:center;
	  width:100%;
	  height:auto;

	  
  }

  
  
  .text{
	  font-size:23px;
	  font-family:Georgia, 'Times New Roman', Times, serif;
	  text-align: left;
	  color:#663300;
	  width:100%;
	  height:auto;
	 
	  
	
	  transition: 2s ease;
	 
	
	  
  }

  .content{
	
	transition:2s ease;
	
	
  }

  #footer{
	 
	position:relative;
	bottom:0%;
  }

  .banner{
	text-align:center;
	margin-top:20px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:35px;
  }

  .galleryimg{
	
	transition:  2s ease ;
	max-height: 300px;
	margin:10px;
  }

  
  .titles{
	font-size:25px;
	font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	color:rgb(102, 51, 0);
	text-align:center;
	
	

}

.menu-2{
		

	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 16px;
	color:#663300;
	background-color:rgba(236, 206, 160);
	text-align:center;
	width:100%;
	height: auto;
	
	
}

header {
	background-color: #8c5b41;
	color: #fff;
	padding: 1rem;
	text-align: center;
	width: 100%;
  }




  
  div.gallery:hover {
	box-shadow: 0 0 2px 1px rgba(0, 140, 186, 1);
	
  }
  
  div.gallery img {
	width: 100%;
	height: 100%;
	border: 1px solid #ddd; /* Gray border */
  border-radius: 4px;  /* Rounded border */
  padding: 3px;
	 
  }
  
  div.desc {
	padding: 15px;
	text-align: center;
	font-size: 21px;
	font-family: Georgia, 'Times New Roman', Times, serif
  }
  

  
  .responsive {
	padding: 1px;
	float: left;
	width: 33%;

  }
  
  @media only screen and (max-width: 700px) {
	.responsive {
	  width: 100%;
	  margin: 6px 0;
	 
	}
  }
  
  @media only screen and (max-width: 500px) {
	.responsive {
	  flex:100%;
	  max-width: 100%;
	}
  }
  
  .clearfix:after {
	content: "";
	display: table;
	clear: both;
  }


/*Dropdown Menu*/
.dropbtn {
 background-color: #8c5b41;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #eccea0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #8c5b41; color:white;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #777;}