* {
margin: 0%;
padding: 0%;
box-sizing: border-box;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 300;
}
.container-gallery {
width: 100%;
height: 100%;
overflow: hidden;
}
.container-img {
width: 100%;
height: 100%;
display: flex;
justify-content: start;
align-items: center;
overflow-x: auto;
overflow-y: hidden;
}
.container-img div {
width: 100vw;
height: 100vh;
flex-shrink: 0;
}
.container-img div img {
width: 100vw;
height: 100vh;
object-fit: cover;
}
.overlay {
position: absolute;
width: 100%;
height: 100vh;
display: flex;
background-color: rgba(0, 0, 0, 0.3);
}
.container-logo {
width: 100%;
height:fit-content;
margin-top: 2rem;
display: flex;
justify-content: center;
}
.overlay img {
width: 38%;
height:38%
}
.head-overlay {
display: flex;
justify-content: end;
}
.head-overlay a {
color: black;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background: white;
text-decoration: none;
letter-spacing: 1px;
font-size: 15px;
}
#cta {
display: none;
}
@media (min-width:1024px) {
.overlay {
padding: 5rem;
flex-direction: column;
}
.overlay img {
width: 15%;
}
.container-logo {
height: 100%;
align-items: end;
justify-content: left;
}
.container-logo img{
height:50px;
}
#cta {
display: flex;
}
.container-img::-webkit-scrollbar {
visibility: hidden;
background: #418cc4;
}
.container-img::-webkit-scrollbar-track {
background: #418cc4;
}
}.father-social{
display:grid;
grid-template-columns: 1fr 1fr;   
}
.social-medias-b{
display:flex;
justify-content:end;
align-items:center;
padding: 0rem 8.7rem 0rem 0rem;
gap: 2rem;
}
.brochure-baolah{
display:flex;
justify-content:start;
align-items:center;
padding: 0rem 0rem 0rem 8.7rem;
}
.brochure-baolah a{
color: #1B4D56;
text-transform: uppercase;
border: 1px solid #1B4D56;
padding: 0.8rem;
background: transparent;
transition: 0.3s ease
}
.brochure-baolah a:hover{
color: #fff;
background: #1B4D56;
cursor: pointer
}
@media (max-width:767px){
.father-social{
gap: 4rem
}
.brochure-baolah{
padding: 0rem 0rem 0rem 2.4rem;
text-align:center;
}
.brochure-baolah a{
font-size: 13px;
padding: 0.2rem;
width: 155px;
}
.brochure-baolah a:hover{
color: #fff;
background: #1B4D56;
cursor: pointer
}
.social-medias-b {
display:flex;
justify-content:end;
align-items:center;
padding: 0rem 2rem 0rem 0rem;
margin: 0.3rem 0rem 0rem 0rem;
gap: 2rem;
}
}@font-face {
font-family: 'minion-pro';
src: url(//baolahreservado.com.co/wp-content/plugins/BaolahGalllery/fonts/MinionPro-Regular.woff2) format('woff2');
font-style: normal;
font-display: swap;
}
* {
padding: 0%;
margin: 0%;
box-sizing: border-box;
font-family: 'minion-pro';
}
.f-gallery {
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
background-color: #11373d;
}
.content-title {
width: 100%;
height: fit-content;
position: relative;
top: 1rem;
z-index: 999;
}
.content-title h2 {
font-size: 30px;
color: #fefee0;
text-align: center;
font-weight: 300;
font-family: 'minion-pro';
}
.content-title h2 span {
font-style: italic;
}
.f-b-gallery {
width: 100%;
height: 70%;
overflow: hidden;
}
#content-gallery {
display: flex;
gap: 1rem;
width: max-content;
animation: scroll 60s linear infinite;
}
#content-gallery img {
width: 400px;
height: 100%;
object-fit: cover;
flex-shrink: 0;
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
@media (min-width:768px) and (max-width:2060px) {
.content-title h2 {
font-size: 60px;
line-height: 3.5rem;
}
}