* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Montserrat', sans-serif !important; } :root { --bg-primary: #765C3D; --bg-button: #B59066; --box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.25); } #navbar { background: var(--bg-primary) !important; } .navbar-brand, #navbarNav .nav-collapse, ul, li, a { color: #FFF !important; } .h1-cus { color: #765C3D; font-family: Montserrat; font-size: 2.5rem; font-style: normal; font-weight: 600; line-height: normal; } .p1-cus { color: #765C3D; font-family: Montserrat; font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: normal; } #landing { background: linear-gradient( rgba(0, 0, 0, 0.61), rgba(0, 0, 0, 0.61) ), url("images/background.png"); background-repeat: no-repeat; background-size: cover; ; min-height: 51rem; min-width: 100vw; } .container-info { align-items: center; color: #fff; flex-shrink: 0; margin-left: 16.44rem; margin-top: 9.63rem; width: 500px; } .container-info h1 { color: #FFF; font-family: Montserrat; font-size: 4rem; font-style: normal; font-weight: 600; line-height: 4.5rem; /* 112.5% */ letter-spacing: -0.08rem; } .container-info p { color: #FFF; font-family: Montserrat; font-size: 1.5rem !important; font-style: normal; font-weight: 400; line-height: 1.875rem; /* 125% */ } .btn-1, .btn-end{ padding: 0.75rem 2rem; border-radius: 62.4375rem; background-color: var(--bg-button) !important; color: var(--button-text-button-primary-text, #FFF); text-align: center; font-family: Montserrat; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 1.5rem !important;/* 120% */ border:none; } .btn-end { display: flex !important; float: right; } #gallery { padding: 10rem 0 7rem 0; } .container-carousel-1 { width: 77.8125rem; height: 47.75rem; flex-shrink: 0; background: #FFF; box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.25); padding: 0 90px; } .container-info-1 { margin-top: 4.6rem; margin-left: 1rem; margin-bottom: 3rem; } .carousel-container { height: 25.0625rem; flex-shrink: 0; margin: 6.81rem auto; } #carousel-1 { margin-bottom: 7rem; } .footer, .footer p { background: #B59066; margin: 0 !important; height: 3rem; display: flex; justify-content: center; align-items: center; } .image-container { background: linear-gradient( rgba(0, 0, 0, 0.61), rgba(0, 0, 0, 0.61) ), url("images/footer-bg.png"); background-repeat: no-repeat; background-size: cover; ; min-height: 51rem; min-width: 50vw; } .contact-container { width: 100vw; background-color: hsla(32, 100%, 95%, 1); } .container-footer { margin-top: 10rem !important; margin-left: 7.81rem !important; } .form-group { color: hsla(32, 32%, 35%, 1); } @media (max-width: 576px) { /* Landing */ #landing { min-width: 0 !important; } .container-info { margin-left: 2rem; width: 400px; } .container-info h1{ font-size: 4rem; } .container-info-1 { margin-left: 1rem; width: 400px; display: none; } /* Carousel */ .carousel-inner, .carousel-item, #carouselExampleControls { width: 400px; } .container-carousel-1 { width: 400px; height: 300px; border: transparent; box-shadow: none; margin: 1rem auto; } .carousel-container { margin: 0 !important; padding: 0 !important; height: 100px !important; } .container-carousel-1 .container { margin: auto !important; padding: auto !important; } .container-footer { margin-top: 5rem !important; margin-left: 1rem !important; } .contact-container-2 { width: 90vw; margin: 5rem auto; } .container-carousel-1 { padding: 0 !important; } .landing-container { width: 400px; } }