You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
205 lines
4.1 KiB
CSS
205 lines
4.1 KiB
CSS
* {
|
|
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;
|
|
}
|
|
} |