.header{display:flex;align-items:center;justify-content:space-between;margin:40px 100px}@media (max-width: 500px){.header{margin:20px auto;width:80%}.header__logo{width:80%;height:auto}}.navbar{display:flex;justify-content:space-between;width:20%}.navbar__link{color:#ff6060;text-decoration:none}.navbar__link:active{text-decoration:underline}@media (max-width: 500px){.navbar{width:90%;justify-content:space-around}.navbar__link{text-transform:uppercase;font-size:12px}}.active{text-decoration:underline}.footer{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:120px;padding-top:50px;background-color:#000;color:#fff}.error{height:67.5vh;display:flex;flex-direction:column;justify-content:space-around;color:#ff6060;text-align:center}.error__number{font-weight:700;font-size:150px;margin:0}@media (max-width: 500px){.error__number{font-size:96px}}.error__description{font-size:25px}@media (max-width: 500px){.error__description{font-size:18px}}.error__link{color:#ff6060;font-size:18px}@media (max-width: 500px){.error__link{font-size:14px}}.banner{width:100%;margin:0 auto;position:relative;height:220px}@media (max-width: 500px){.banner__small{height:100px}}.banner__image{width:100%;height:100%;object-fit:cover;border-radius:25px;top:-10px}.banner__opacity{background-color:#0000004d;width:100%;height:100%;position:absolute;top:0;border-radius:25px}.banner__title{color:#fff;font-weight:500;position:absolute;top:25%;left:22%;font-size:48px}@media (max-width: 500px){.banner__title{left:5%;top:5%;font-weight:500;font-size:24px;padding-right:95px}}.collapse{width:100%;background-color:#ff6060;margin:0 auto 20px;border-radius:5px;z-index:5}.collapse__title{color:#fff;font-size:24px;font-weight:500;padding-left:15px}@media (max-width: 500px){.collapse__title{font-size:14px}}.collapse__arrow{width:24px;height:14px;padding:0 20px;transform:rotate(0);transition:all .3s linear}.collapse__animation{background-color:#f4f4f4;border-radius:0 0 5px 5px;margin:-20px auto 20px;overflow:hidden}.collapse__down{max-height:0;animation:slide .5s ease-in-out both}.collapse__up{transform-origin:top;max-height:270px;animation:slideup .5s ease-in-out both}.collapse__text{text-align:left;padding:10px 15px;font-weight:400;font-size:14px;color:#ff6060}.collapse__list{list-style:none}.collapse__rotate{transform:rotate(-180deg);display:block}.collapse__none{display:none}.collapse__flex{display:flex;align-items:center;justify-content:space-between}@keyframes slide{0%{max-height:0}to{max-height:270px}}@keyframes slideup{0%{max-height:270px}to{max-height:0}}.about{display:flex;flex-direction:column;justify-content:space-around;height:100%;min-height:645px;width:80%;margin:auto}@media (max-width: 500px){.about{min-height:0}}.about__collapses{width:80%;height:70%;display:flex;flex-direction:column;justify-content:space-between;margin:20px auto 0}@media (max-width: 500px){.about__collapses{width:100%}}.home{width:88%;margin:auto}.home__cardList{width:100%;margin:20px 0;padding:25px 0;background-color:#f6f6f6;border-radius:25px;display:grid;grid-template-columns:repeat(auto-fit,340px);justify-content:center;gap:25px}@media (max-width: 500px){.home__cardList{background-color:transparent;padding:0}}.card{width:340px;height:340px;border-radius:10px;text-decoration:none;position:relative}.card__opacity{width:340px;height:340px;border-radius:10px;display:flex;align-items:end;position:absolute;background:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(250,250,250,.3) 100%)}@media (max-width: 500px){.card__opacity{width:330px;height:255px}}.card__title{color:#fff;font-size:18px;padding:5px 20px;width:55%;font-weight:500}@media (max-width: 500px){.card{width:330px;height:255px;margin:auto}}.accommodation{max-width:1240px;width:90%;margin:20px auto}.accommodation__flex{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:auto}@media (max-width: 500px){.accommodation__flex{flex-direction:column}}.accommodation__flexcol{display:flex;flex-direction:column;justify-content:space-between;height:139px;margin-bottom:10px}@media (max-width: 500px){.accommodation__flexcol{height:90px}}.accommodation__flexrow{display:flex;flex-direction:column;justify-content:space-between;height:139px;margin-bottom:10px}@media (max-width: 500px){.accommodation__flexrow{flex-direction:row-reverse;justify-content:space-between;height:auto;align-items:center}}.accommodation__text{color:#ff6060;margin:0}.accommodation__title{font-size:36px;font-weight:500}@media (max-width: 500px){.accommodation__title{font-size:18px}}.accommodation__subtitle,.accommodation__name{font-size:18px}@media (max-width: 500px){.accommodation__subtitle,.accommodation__name{font-size:14px}}.accommodation__name{text-align:right;margin-right:5px}.accommodation__hote{display:flex;align-items:center;justify-content:flex-end;height:44px}.accommodation__name{width:50%}.accommodation__picture{width:44px;height:44px;border-radius:25px}.accommodation__tags{display:flex;flex:wrap;gap:10px}.accommodation__tag{background-color:#ff6060;color:#fff;border-radius:10px;max-width:190px;padding:5px;text-align:center}@media (max-width: 500px){.accommodation__tag{font-size:10px}}@media (max-width: 500px){.accommodation__rating{width:200px}}.accommodation__collapse{width:48%}@media (max-width: 500px){.accommodation__collapse{width:100%;font-size:14px}}.carrousel{margin:auto;display:flex;justify-content:center;align-items:center;position:relative;max-width:1240px}@media (max-width: 500px){.carrousel{width:90%}}.carrousel__picture{border-radius:25px;object-fit:none;max-width:1240px;width:100%;height:415px}@media (max-width: 500px){.carrousel__picture{width:330px;height:255px;object-fit:cover}}.carrousel__container{height:60%;position:absolute;width:100%;display:flex;flex-direction:column;justify-content:space-between;bottom:0px}.carrousel__arrows{width:100%;display:flex;justify-content:space-between}@media (max-width: 500px){.carrousel__arrow{height:50%}}.carrousel__legend{text-align:center;position:relative;bottom:0;color:#fff}@media (max-width: 500px){.carrousel__legend{bottom:10px}}@media (max-width: 500px){.star img{width:25px;height:25px}}body{margin:0}.layout{font-family:Montserrat,sans-serif;display:flex;flex-direction:column;justify-content:space-between}