.body{
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: normal;
	font-size:medium;
  color: rgb(110, 165, 241);
	background-color: rgb(178, 206, 247)!important;
	position: relative;
  padding: 0;
  margin: 0;
  
  scroll-behavior: smooth;
  overflow-y: scroll;
  line-height: 1.25 !important;
}

.navbar-brand {
  color: rgb(40, 9, 84) !important;
	font-style: italic;
	font-weight:bold ;
	font-size: small;
  background-image:url(/images/leones3.jpg) !important;
  background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
  padding-top:30px;
  padding-left: 10px;
  min-width:70px;
  max-width: 70px;
  min-height: 70px;
  max-height: 70px;
  margin-left:7px;
  margin-right: 7px;
  margin-bottom: 5px;
  margin-top: 7px;
}
.logo-brand {
  color: rgb(237, 234, 243) !important;
	font-weight: bolder;
	background-image:url(/images/bigboatpalan.jpg)!important;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: top;
	
  min-height: 90vh;
 object-fit: scale-down;
  
}

.navbartbg{
  background-color: transparent!important;  
  background: size 80%!important;
  border: none !important;
  padding-right: 18px;
}
.vert-row{
min-height: 50vh;
font-family: sans-serif;
font-style: italic;
font-size: medium;
font-weight: 50;
}

.film1{
min-height: 40vh;
align-items: center;
min-width: 576pxt;

}
.myfoto{
  max-height: 225px;
  max-width: fit-content;
  
}
.accbtn {

--bs-accordion-active-bg: red


}

 .mybglight {
 
 background-image: url(/images/logomelkmeidLL.jpg) !important;
 background-position: top;
	
  background-repeat: no-repeat;

 
 }
 .mynav {
 
  background-image: url(/images/puestadesol1576.jpg) !important;
 
  background-position: top !important;
   background-size: cover;
   background-repeat: no-repeat;
  max-height: 380px;
  margin-bottom: 5px;
  width: 100%;
  
  }
 .myheading{
  min-height: 25px;
 background-color: #5bdedb;
  padding-top: 20px;
  font-size: large;
  font-style: italic;
  color:aliceblue;

 }
 .myhero{
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  min-height: 60hv;
  max-height: 60vh;
  width: 100%;
  
 --bs-gutter-x:0;

 }
 #image-Container {
  display: flex;
  height: fit-content;
  position: relative;
  width: fit-content;
}
.mycontainer{
width: 220px ;
height: 120px;
background-color: rgb(6, 159, 11);
clip-path: circle(50%);

transition: ease-in-out;
}
.imgoverlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
}

.myletter{
  border-color: #0d0c0e !important;
  border-radius: 1 mm;
  text-shadow: 1mm #1a1a1b !important;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  font-size: x-large!important;
  padding: 0;
	}
  .cardletter{
    border-color: hsl(4, 97%, 47%)!important;
    border-radius: 3mm;
    text-shadow: 1px 1px #0606f2 !important;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: medium!important;
    padding: 0;
    }

.mycard {
	border-radius: 20px;
	background-color: black!important;
	min-width: 170px;
  max-width: 170px;
	min-height: 170px;
  
}
.spaceout{
  --bs-card-spacer-y : 0 !important;
  --bs-card-spacer-x : 0 !important;
  --bs-gutter-x:0;
}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(136,235,61,1.00)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	border: thin solid rgb(248, 250, 170);
}
.navbar-toggler{
	
	border: thin solid rgb(246, 234, 59)!important;
	margin-left: 10px;
	
}

.box1{
background-image: url(/images/gallery/coliochurch0931.jpg);
background-size: cover;
 background-repeat: no-repeat;
 background-position: top ;
 padding: 0;
 min-height: 80vh;
 min-width: 100%;
 
}
.box2{
  background-image: url(/images/dgallery/coliochurch0931.jpg);
  
   max-height: 200px;
   
  }

.a.nav-link.active .active:hover{
color: rgb(244, 240, 236)!important ;
size: 0,5 rem;

}

.myimage {
  background-image: url(/images/gallery/tenetorviscalongC.jpg);
  background-repeat: no-repeat;
  background-position: center ;
  background-size:cover ; 
 
  min-height: 40vh;
  min-width: 100%;
  
}

.mytext {
  font-size: medium  !important;
  font-style: normal;
  line-height: 1.5;
  
  }
.my-button  {
    font-style: italic;
    font-weight: 600;
    color: rgb(233, 228, 241);
    background-color: rgb(238, 240, 244) !important;
    text-align:center!important;
    display: inline-flexbox;
    } 
 
.carousel-item{
  
  min-width: 100%;
  align-content: center;
}
.mycont1{
  background-image: url( images/Huasos.jpg);
  background-position: center ;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 30px;
  min-height: 30vh;
  
 }
.b-example-divider {
  margin-top: 70px;
  min-height: 1rem;
 color: rgb(206, 229, 199);
  background-color: rgb(21, 223, 99);
  border: solid ;
  border-color: rgb(120, 127, 79) !important;
  border-width: 4px ;
  box-shadow: inset 1 .5em 1.5em grey(0, 0, 0, .1), inset 0 .125em .5em 25em .8em 
   rgba(219, 169, 230, 0.15);
  padding-bottom: 6px;
  margin-bottom: 1px;
  }

  .mydivider{
  margin-top: 70px;
  min-height: 1rem;
 color: rgb(13, 132, 235);
 margin-bottom: 10px;


  }
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img  {
   max-height: 50%;
    margin: auto;
  }
  
.bg-primary1 {
  background-image:url(/images/ArqueroCuentos.jpg) ;
 background-position: top ;
 background-size: cover;
 background-repeat: no-repeat;
 min-height: 600px;
 max-height: 600px;
 max-width: 100%;
 
 
}
.nav-link  {
    
    font-weight:normal;
    font-weight: 600;
    font-size: medium!important;
    color: rgb(237, 232, 232) !important;
    margin-left: 5px;
    
    text-shadow: 0px 1px #0C0C0E;
	  font-style: italic;
	  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
   
  }
  .nav-link :hover {
    text-shadow: -1px 1px blueany-link;
    -webkit-box-shadow: 4px 2px 16px #f0e4e5;
    box-shadow: 2px 2px 16px #07e865;
    color: #e70f0f!important;
    max-width: fit-content;
  }
  .drop-down :hover {
    text-shadow: -1px 1px ;
    -webkit-box-shadow: 4px 2px 16px #8d3ef4!important;
    box-shadow: 2px 2px 16px #e85353;
    color: rgb(110, 103, 103) !important;
	opacity: 95;
    
  }
  
  .mytext1{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-style: normal;
    color: rgb(156, 88, 234);
    font-size: medium;
    
  }
  .text-space{
    margin-left: 40px;
    margin-right: 40px;
    clip-path: polygon();
    transition: all 2s ease;
  }
  .kontakt{
    max-height: 170px;
    min-width: 100%;
  }
  .ul.dropdown-menu.show{
    
    color:rgb(251, 244, 244);
  }
  a.dropdown-item{
   
    color: rgb(236, 234, 230);
  
  }
  
  /* gbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb*/
@media only screen and (max-width: 576px)
{
.nav-link  {
	color: white !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: medium !important;
	margin-left :5px;
  background: transparent!important;
}
.navbar-brand {
 
  padding-top:30px;
  padding-left: 10px;
  min-width:50px;
  max-width: 50px;
  min-height: 50px;
  max-height: 50px;
  margin-left:5px;
  margin-right: 5px;
  font-size: x-small;
}
.mynav {
  background-image: url(/images/puestadesol1576.jpg) !important;
  background-position: top !important;
   background-size: cover;
   background-repeat: no-repeat;
  max-height: 380px;
  margin-bottom: 5px;
  width: 100%;
  
  }
.myletter{
  border-color: hsl(76, 88%, 3%);
  text-shadow: 1m 1mx hsl(30, 2%, 24%) !important;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  font-size: small !important;
	}
  
.myhero{
max-height: 35vh;
min-height: 35vh;
padding: 0;
margin-bottom: 10px;
--bs-gutter-x:0;
font-size:xx-small;
}
.myfoto{
  max-height: 125px;
}
.kontakt{
  max-height: 300px;
  max-width: 100%;
}

.box1{
background-image: url(/images/gallery/coliochurch0931.jpg);
background-size: cover;
 background-repeat: no-repeat;
 background-position: top ;
padding: 0;
max-height: 50vh;
width: 100%;
 
}
.ul.dropdown-menu.show{
  background: transparent !important;
  color: #e70f0f;
}
a.dropdown-item{
  font-size: small;
  color: rgb(10, 211, 40)!important;
  font-style: italic;
  
}
.nav-link  {
  color: rgb(243, 241, 246) !important;
  font-weight:normal;
  font-weight: 300;
  font-size: small!important;
  margin-left: 8px;
  
 }

.nav-link .active:hover{
	color: rgb(142, 99, 99) !important;
	
}

.mytext{
 font-size: small !important;


}
.myimage {
  background-image: url(/images/gallery/tenetorviscalongC.jpg);
  
  min-height: 40vh;
 }

.logo-brand {
  color: rgb(233, 231, 240) !important;
	background-repeat: no-repeat;
  min-height: 30vh;
}

.ul .dropdown-menu {
background-color: #8dd90a!important;
font-size: small;
color: rgb(246, 246, 242);
padding-left: 8px;
max-height: 180px;
}
.dropdown-item {
font-size: small;
color: rgb(243, 241, 237) !important;

}
.navbar-collapse{
font-size: small;
background-color: transparent;
background: transparent!important;
}
.mybg3{
  background-image: url(/images/elefantCow.jpg);
  background-position: center ;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0;
  
  }


.b-example-vr {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
  }
       
 .mycont100{
  min-height: 100vh;
 }
.accordion-item  {
font-style: italic;
font-weight: 400;
background-color: rgb(237, 239, 243)!important;
text-align: center;

} 
.mycont1{
  padding-top: 16px;
   max-height: 30vh;
    
   }
}

@media screen and (min-width: 576px) and ( max-width : 768px)
{
  .nav-link a.nav-link.active{
    color: white !important;
    
    font-size: small!important;
    
  }
  .ul .dropdown-menu.show {
  background: transparent!important;
  font-size: small;
  color: rgb(236, 240, 244);
  padding-left: 8px;
  max-height: 180px;
  }
  .dropdown-item {
    font-size: small;
    font-style: italic;
    color: rgb(244, 243, 237) !important;
    margin-left: 10px;
    background: transparent!important;
    }
  .nav-link .active:hover{
    color: blue(119, 119, 92);
    opacity: 95;
  }
  
.mycont1{
 padding-top: 16px;
  max-height: 50vh;
   
  }
  .myletter{
    border-color: #0d0c0e !important;
    border-radius: 1,5 mm;
    text-shadow: 2mm #1a1a1b !important;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: large!important;
    padding: 0;
    }
  .mytext{
     font-size: medium !important;
     margin-left: 10px;
     margin-right: 10px;
   }
.mybg3{
  background-image: url(/images/elefantCow.jpg);
  background-position: center ;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 200px;
  
  }  
  .parallax {
    background-attachment: scroll;
  }
  
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #e70f0f;
  text-align: center;
}

.logo-brand {
color: rgb(233, 231, 240) !important;
min-height: 60vh;
 
}

.myhero{
max-height: 60vh;
max-width: 100%;
background-size: cover;
}

.logo-brand {
  color: rgb(233, 231, 240) !important;
	min-height: 80vh;
 
}
.mynav {
 
  background-image: url(/images/puestadesol1576.jpg) !important;
  background-position: top !important;
  background-size: cover;
  background-repeat: no-repeat;
  
  margin-bottom: 3px;
  font-size: xx-small!important;
  min-width: 100%;
  }
.myimage {
  background-image: url(/images/gallery/tenetorviscalongC.jpg);
  
 min-height: 50vh;
}
.dropdown-item {
  font-size: normal;
  font-style: italic ;
  color: rgb(240, 238, 230) !important;
  background-color:transparent!important;
  border-top: 2px;
  border-color: #ec6666;
  
}
.ul .dropdown-menu.show {
   background: transparent!important;
    font-size: small;
    color: rgba(246, 244, 240, 0.872);
    padding-left: 8px;
    max-height: 180px;
    }
    .dropdown-item {
    font-size: medium ;
    font-style: italic;
    color: rgb(244, 243, 239) !important;
    margin-left: 10px;
    background: transparent !important; 
     }

    
    
}

@media screen and (min-width: 768) and (max-width : 1300px)
{

.kontakt{
  max-height: 250px;
  max-width: 90%;
}
.mytext{
  font-size: large !important;
  margin-left: 10px;
  margin-right: 10px;
 
 }
 .myletter{
  border-color: #0d0c0e !important;
  border-radius: 2,5 mm;
  text-shadow: 2mm #1a1a1b !important;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  font-size: xx-large!important;
  padding: 0;
	}


.mynav {
 
    background-image: url(/images/puestadesol1576.jpg) !important;
    background-position:top!important;
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 70px;
    margin-bottom: 30px;
    font-size: large!important;
    --bs-gutter-x:0;
    text-align: center;
    width: 100%;
}
  }