@font-face {
    font-family: 'Kollektiiv-Collective';
    src: url('fonts/Kollektiiv-Collective.woff2') format('woff2'),
        url('fonts/Kollektiiv-Collective.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SharpGrotesk-TRIAL-Book';
    src: url('fonts/SharpGroteskTRIALBook-14.woff2') format('woff2'),
        url('fonts/SharpGroteskTRIALBook-14.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.eb-garamond-body {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body {
  font-family: "EB Garamond", serif;
    font-size: 25pt;
    background-color: #FFFBD7;
    text-align: center;
}

.k {
    font-family: Kollektiiv-Collective;
}

.green {
    color: #FF0066;
    font-size: 80pt;
    margin-top: 10px;
    margin-bottom: 10px;
}

.blue {
    color: #033ABC;
    font-size: 100pt;
    margin-bottom: 30px;
}

.bluei {
    color: #FF0066;
    font-size: 60pt;
    margin-top: 50px;
    margin-bottom: 50px;
}

.pink {
    color: #a34b74;
    font-size: 80pt;
    margin-top: 50px;
    margin-bottom: 50px;
}

#header {
    margin-top: 40px;
}

.item {
    display: inline;
    font-size: 25pt;
    margin-right: 120px;
}

a {
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom: 1px solid #a9353e;
    color: #a9353e;
}

.right {
    margin-right: 0;
}

#homepage {
    margin-bottom: 50px;
}

.itinerary {
    font-family: "EB Garamond", serif;
    font-size: 22pt;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
    width: 40vw;
    margin: 10px auto 50px auto;
}

.itinerary br {
    line-height: 0;
}

.lodging {
    font-family: "EB Garamond", serif;
    font-size: 22pt;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
    width: 60vw;
    margin: 10px auto 50px auto;
}

img {
    width: 20vw;
    margin: 60px auto 50px auto;
    border: 5px solid white;
}

.space {
    margin: 50px auto 50px auto;
}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    }

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: ) {
    
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {


    
    
}


/*  */
@media only screen and (max-width: 1406px) {
    #homepage {
        width: 95vw;
        margin: 20px auto 20px auto;
    }
    
#header {
    margin-top: 20px;
    width: 95vw;
    margin: 0;
}

.item {
    font-size: 15pt;
    margin-right: 0px;
    margin-bottom: 5px;
    display: block;
    text-align: center;
}
    
.green {
    font-size: 40pt;
    width: 80vw;
    overflow-wrap: break-word;
    margin: 10px auto 20px auto;
}

.blue {
    font-size: 50pt;
    width: 80vw;
    overflow-wrap: break-word;
    margin: 30px auto 20px auto;
}

.bluei {
    font-size: 40pt;
    width: 80vw;
    overflow-wrap: break-word;
    margin: 30px auto 20px auto;
}

.pink {
    font-size: 50pt;
    width: 80vw;
    margin: 30px auto 20px auto;
    overflow-wrap: break-word;
}
    
    body {
    font-size: 16pt;
        width: 80vw;
}
    
    img {
    width: 70vw;
    margin: 60px auto 50px auto;
    border: 5px solid white;
}
    
    .itinerary, .lodging {
        width: 80vw;
    font-size: 16pt;
  }
    
    a {
    padding-bottom: 1px;
 }
}