/*CSS Reset*/ * { margin: 0; padding: 0; box-sizing: border-box; } #nav-b { background: #765C3D; } /*navlinks*/ nav a { text-align: center; font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 18px; line-height: normal; /*!important is used to prioritize a css rule*/ color: #F2D2AE !important; } /* lannding page*/ #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; } .title{ color: #FFF; font-family: Montserrat; font-size: 64px; font-style: normal; font-weight: 600; line-height: 72px; /* 112.5% */ letter-spacing: -1.28px; } #landing p{ color: #FFF; font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 400; line-height: 30px; } .wrap-landing{ display: flex; width: 493px; height: 124px; flex-direction: column; justify-content: flex-end; flex-shrink: 0; } .lp-layout{ width: 413px; height: 124px; flex-shrink: 0; } .wrap-size{ width: 493px; height: 290px; } .p-wrap-size{ width: 413px; height: 124px; text-align: justify; } .button-1{ display: flex; padding: 12px 32px; justify-content: center; align-items: center; border-radius: 999px; background: #B59066; } #but-text { height: 48px; width: 180px; } #but-text a { color: #FFF; font-family: Montserrat; text-decoration: none; } .button-1:hover{ background: blue; } /*end landing*/ /* Carousel */ .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; } #gallery { padding: 10rem 0 7rem 0; } .container-info { align-items: center; color: #fff; flex-shrink: 0; margin-left: 16.44rem; margin-top: 9.63rem; width: 500px; } .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; } @media (max-width: 576px) { .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; } } /* Carousel End*/ /*Contact Us - CSS*/ form ul li { list-style-type: none; } #build-img { width: 808px; height: 1088px; flex-shrink: 0; } #cnt-us { display: flex; width: 501.751px; height: 49px; flex-direction: column; justify-content: flex-end; flex-shrink: 0; font-family: "Montserrat"; font-size: 40px; font-style: normal; font-weight: 600 line-height: normal; color: #765C3D; }