/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
font-family:"Poppins", sans-serif;
color:#003399;
background:#fffaf3
}
#hero {
width:100%;
height:100vh;
overflow:hidden;
padding:0
}
#hero a {
text-decoration:none
}
#hero h1 {
color:#fffaf3;
-webkit-animation-delay:0.5s;
animation-delay:0.5s;
font-weight:700
}
#hero .carousel-item {
width:100%;
height:100vh;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background:#fff
}
#hero .carousel-container {
display:flex;
justify-content:center;
align-items:center;
position:absolute;
bottom:0;
top:0;
left:0;
right:0
}
#hero .carousel-content {
text-align:center;
width:100%;
font-size:1.3rem;
font-weight:500
}
@media (max-width:768px) {
#hero .carousel-content {
font-size:1.1rem
}
}
#hero p {
font-size:2rem;
-webkit-animation-delay:0.5s;
animation-delay:0.5s;
margin:0 auto 30px auto;
color:#fffaf3;
font-weight:700
}
@media (min-width:1024px) {
#hero p {
width:50%
}
}
#hero .btn-menu {
margin-top:32px;
font-weight:600;
font-size:16px;
letter-spacing:1px;
text-transform:normal;
display:inline-block;
padding:8px 16px;
border-radius:8px;
transition:0.5s;
line-height:1;
margin:0 10px;
-webkit-animation-delay:0.8s;
animation-delay:0.8s;
color:#fffaf3;
border:2px solid #fffaf3
}
#hero .btn-menu:hover {
background:#003399;
}