.destinations__grid .destination-1, .destinations__grid .destination-2, .destinations__grid .destination-3, .destinations__grid .destination-4, .destinations__grid .destination-5, .destinations__grid .destination-6, .destinations__grid .destination-7, .destinations__grid .destination-8, .destinations__grid .destination-9, .destinations__grid .destination-10, .destinations__grid .destination-11, .destinations__grid .destination-12 { position: relative; background-size: cover; background-position: center center; -webkit-transition: all 0.3s; transition: all 0.3s; }

.destinations { grid-row: 2 / span 1; }
.destinations__heading { background-image: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(20%, rgba(0, 0, 0, 0.8)), color-stop(40%, rgba(0, 0, 0, 0.6)), color-stop(60%, rgba(0, 0, 0, 0.6)), color-stop(80%, rgba(0, 0, 0, 0.8)), to(black)), url(../assets/images/destinations/destinations-banner2x.jpg); background-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0.8) 80%, black 100%), url(../assets/images/destinations/destinations-banner2x.jpg); }
@media only screen and (max-width: 56.25em) { .destinations__heading { background-image: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(20%, rgba(0, 0, 0, 0.8)), color-stop(40%, rgba(0, 0, 0, 0.6)), color-stop(60%, rgba(0, 0, 0, 0.6)), color-stop(80%, rgba(0, 0, 0, 0.8)), to(black)), url(../assets/images/destinations/destinations-banner1x.jpg); background-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0.8) 80%, black 100%), url(../assets/images/destinations/destinations-banner1x.jpg); } }
@media only screen and (max-width: 37.5em) { .destinations__heading { padding: 14rem 0 4rem; } }
.destinations__grid { display: grid; grid-template-rows: repeat(3, minmax(2rem, 45rem)); grid-template-columns: repeat(4, minmax(30rem, 55rem)); grid-row-gap: 4rem; grid-column-gap: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10rem 4rem 0; }
@media only screen and (max-width: 87.5em) { .destinations__grid { grid-template-rows: repeat(4, minmax(2rem, 45rem)); grid-template-columns: repeat(3, minmax(30rem, 45rem)); grid-gap: 3rem; width: 100%; height: auto; padding: 11rem 5rem 5rem; } }
@media only screen and (max-width: 56.25em) { .destinations__grid { grid-template-rows: repeat(6, minmax(2rem, 45rem)); grid-template-columns: repeat(2, minmax(30rem, 45rem)); grid-gap: 3rem; padding: 11rem 5rem 5rem; } }
@media only screen and (max-width: 37.5em) { .destinations__grid { grid-template-rows: repeat(12, 30rem); grid-template-columns: 1fr; grid-gap: 0; padding: 2rem 0 0; } }
.destinations__grid-box { overflow: hidden; -webkit-transition: all 0.4s; transition: all 0.4s; }
.destinations__grid-box:hover { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.7); box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(2deg); transform: rotate(2deg); z-index: 5; }
.destinations__grid-box:hover .destination__name { text-shadow: -4px 4px 2px #000; }
@media only screen and (max-width: 37.5em) { .destinations__grid-box { margin-bottom: -5.5rem; }
  .destinations__grid-box:hover { -webkit-transform: scale(1.01); transform: scale(1.01); -webkit-box-shadow: none; box-shadow: none; } }
.destinations__grid .destination { cursor: default; position: relative; width: 100%; height: 100%; z-index: 4; line-height: 1.6rem; }
@media only screen and (max-width: 37.5em) { .destinations__grid .destination { height: 80%; } }
.destinations__grid .destination__img { grid-row: 1 / 2; grid-column: 1 / -1; z-index: 1; width: 100%; height: 100%; }
@media only screen and (max-width: 75em) { .destinations__grid .destination__img { height: auto; } }
.destinations__grid .destination__name { width: 100%; top: 130%; font-size: 1.8rem; font-weight: 600; text-align: center; color: #fff; text-shadow: -2px 2px 1px #000; -webkit-transition: all 0.3s; transition: all 0.3s; }
@media only screen and (max-width: 37.5em) { .destinations__grid .destination__name { font-size: 3rem; } }
.destinations__grid .destination__location { top: 136%; font-size: 1.6rem; font-weight: 400; color: var(--color-secondary); text-shadow: -1px 1px 2px #000; -webkit-transition: all 0.3s; transition: all 0.3s; }
@media only screen and (max-width: 37.5em) { .destinations__grid .destination__location { top: 139%; } }
.destinations__grid .destination__price { top: 118%; font-size: 1.3rem; font-weight: 600; color: var(--color-light); text-shadow: -1px 1px 1px #000; -webkit-transition: all 0.3s; transition: all 0.3s; }
@media only screen and (max-width: 37.5em) { .destinations__grid .destination__price { top: 115%; } }
.destinations__grid .destination__length { top: 122%; font-size: 1.3rem; font-weight: 600; color: var(--color-light); text-shadow: -1px 1px 1px #000; -webkit-transition: all 0.3s; transition: all 0.3s; }
@media only screen and (max-width: 37.5em) { .destinations__grid .destination__length { top: 120%; } }
.destinations__grid .destination__name, .destinations__grid .destination__location, .destinations__grid .destination__price, .destinations__grid .destination__length { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; height: 100%; z-index: 2; background-position: center center; }
.destinations__grid .destination-1 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.7))), url(../assets/images/destinations/scotland.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.7) 100%), url(../assets/images/destinations/scotland.jpg); -webkit-transition: -webkit-transform ease-in-out 0.3s; transition: -webkit-transform ease-in-out 0.3s; transition: transform ease-in-out 0.3s; transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s; }
.destinations__grid .destination-1:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.5))), url(../assets/images/destinations/scotland.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.5) 100%), url(../assets/images/destinations/scotland.jpg); -webkit-transform: scale(1.05); transform: scale(1.05); }
.destinations__grid .destination-1:hover p, .destinations__grid .destination-1:hover h6 { display: none; }
.destinations__grid .destination-1:hover h5 { font-size: 3rem; }
.destinations__grid .destination-2 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.7))), url(../assets/images/destinations/italy.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.7) 100%), url(../assets/images/destinations/italy.jpg); }
.destinations__grid .destination-2:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.5))), url(../assets/images/destinations/italy.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.5) 100%), url(../assets/images/destinations/italy.jpg); -webkit-transform: scale(1.05); transform: scale(1.05); }
.destinations__grid .destination-2:hover p, .destinations__grid .destination-2:hover h6 { display: none; }
.destinations__grid .destination-2:hover h5 { font-size: 3rem; }
.destinations__grid .destination-3 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.7))), url(../assets/images/destinations/osaka.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.7) 100%), url(../assets/images/destinations/osaka.jpg); }
.destinations__grid .destination-3:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.5))), url(../assets/images/destinations/osaka.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.5) 100%), url(../assets/images/destinations/osaka.jpg); -webkit-transform: scale(1.05); transform: scale(1.05); }
.destinations__grid .destination-3:hover p, .destinations__grid .destination-3:hover h6 { display: none; }
.destinations__grid .destination-3:hover h5 { font-size: 3rem; }
.destinations__grid .destination-4 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.7))), url(../assets/images/destinations/queenstown.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.7) 100%), url(../assets/images/destinations/queenstown.jpg); }
.destinations__grid .destination-4:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.5))), url(../assets/images/destinations/queenstown.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.5) 100%), url(../assets/images/destinations/queenstown.jpg); -webkit-transform: scale(1.05); transform: scale(1.05); }
.destinations__grid .destination-4:hover p, .destinations__grid .destination-4:hover h6 { display: none; }
.destinations__grid .destination-4:hover h5 { font-size: 3rem; }
.destinations__grid .destination-5 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.7))), url(../assets/images/destinations/jeju.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.7) 100%), url(../assets/images/destinations/jeju.jpg); }
.destinations__grid .destination-5:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.5))), url(../assets/images/destinations/jeju.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.5) 100%), url(../assets/images/destinations/jeju.jpg); -webkit-transform: scale(1.05); transform: scale(1.05); }
.destinations__grid .destination-5:hover p, .destinations__grid .destination-5:hover h6 { display: none; }
.destinations__grid .destination-5:hover h5 { font-size: 3rem; }
.destinations__grid .destination-6 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.7))), url(../assets/images/destinations/copenhagen.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.7) 100%), url(../assets/images/destinations/copenhagen.jpg); }
.destinations__grid .destination-6:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.5))), url(../assets/images/destinations/copenhagen.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.5) 100%), url(../assets/images/destinations/copenhagen.jpg); -webkit-transform: scale(1.05); transform: scale(1.05); }
.destinations__grid .destination-6:hover p, .destinations__grid .destination-6:hover h6 { display: none; }
.destinations__grid .destination-6:hover h5 { font-size: 3rem; }
.destinations__grid .destination-7 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.7))), url(../assets/images/destinations/costarica.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.7) 100%), url(../assets/images/destinations/costarica.jpg); }
.destinations__grid .destination-7:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.5))), url(../assets/images/destinations/costarica.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.5) 100%), url(../assets/images/destinations/costarica.jpg); -webkit-transform: scale(1.05); transform: scale(1.05); }
.destinations__grid .destination-7:hover p, .destinations__grid .destination-7:hover h6 { display: none; }
.destinations__grid .destination-7:hover h5 { font-size: 3rem; }
.destinations__grid .destination-8 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.7))), url(../assets/images/destinations/valencia.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.7) 100%), url(../assets/images/destinations/valencia.jpg); }
.destinations__grid .destination-8:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.5))), url(../assets/images/destinations/valencia.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.5) 100%), url(../assets/images/destinations/valencia.jpg); -webkit-transform: scale(1.05); transform: scale(1.05); }
.destinations__grid .destination-8:hover p, .destinations__grid .destination-8:hover h6 { display: none; }
.destinations__grid .destination-8:hover h5 { font-size: 3rem; }
.destinations__grid .destination-9 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.7))), url(../assets/images/destinations/skopje.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.7) 100%), url(../assets/images/destinations/skopje.jpg); }
.destinations__grid .destination-9:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.5))), url(../assets/images/destinations/skopje.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.5) 100%), url(../assets/images/destinations/skopje.jpg); -webkit-transform: scale(1.05); transform: scale(1.05); }
.destinations__grid .destination-9:hover p, .destinations__grid .destination-9:hover h6 { display: none; }
.destinations__grid .destination-9:hover h5 { font-size: 3rem; }
.destinations__grid .destination-10 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.7))), url(../assets/images/destinations/hoian.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.7) 100%), url(../assets/images/destinations/hoian.jpg); }
.destinations__grid .destination-10:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.5))), url(../assets/images/destinations/hoian.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.5) 100%), url(../assets/images/destinations/hoian.jpg); -webkit-transform: scale(1.05); transform: scale(1.05); }
.destinations__grid .destination-10:hover p, .destinations__grid .destination-10:hover h6 { display: none; }
.destinations__grid .destination-10:hover h5 { font-size: 3rem; }
.destinations__grid .destination-11 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.7))), url(../assets/images/destinations/quito.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.7) 100%), url(../assets/images/destinations/quito.jpg); }
.destinations__grid .destination-11:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.5))), url(../assets/images/destinations/quito.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.5) 100%), url(../assets/images/destinations/quito.jpg); -webkit-transform: scale(1.05); transform: scale(1.05); }
.destinations__grid .destination-11:hover p, .destinations__grid .destination-11:hover h6 { display: none; }
.destinations__grid .destination-11:hover h5 { font-size: 3rem; }
.destinations__grid .destination-12 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.7))), url(../assets/images/destinations/washington.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.7) 100%), url(../assets/images/destinations/washington.jpg); }
.destinations__grid .destination-12:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 54, 47, 0)), to(rgba(48, 54, 47, 0.5))), url(../assets/images/destinations/washington.jpg); background-image: linear-gradient(to bottom, rgba(48, 54, 47, 0) 0%, rgba(48, 54, 47, 0.5) 100%), url(../assets/images/destinations/washington.jpg); -webkit-transform: scale(1.05); transform: scale(1.05); }
.destinations__grid .destination-12:hover p, .destinations__grid .destination-12:hover h6 { display: none; }
.destinations__grid .destination-12:hover h5 { font-size: 3rem; }