@charset "utf-8";
/*
Twinkle Tots Sensory v0.1
*/
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');


.caveat-twinkle-example {
    font-family: "Caveat", cursive;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

html {
    font-size: 62.5%;
}
body * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    margin: 0 auto;
    padding: 0;
    color: #000;
    background: #FFF;
    font-family: "Caveat", cursive;
    font-size: 1.6rem;
    font-weight: 400;
    background: url(../images/star-back-tile.svg) repeat fixed;
    background-size: cover;
}
.tt-booking-page {
    background: #F9FFDB;
}
.tt-main {
    margin: 0 auto;
}
h1,h2 {
    margin: 0;
    padding: 0;
    color: #000;
}

.tt-heading {
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: "Caveat", cursive;
    font-weight: 700;
    text-align: left;
}
.tt-heading--level-1 {
    font-size: 3rem;
    line-height: 1;
}
.tt-heading--level-1-sub {
    display: block;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1;
}
.tt-heading--level-2 {
    font-size: clamp(2.5rem, 2.5vw, 3.5rem);
}
.tt-heading--level-3 {
    font-size: 1.5rem;
}

@media screen and (min-width: 800px) {
    .tt-content_block .tt-heading--level-1:not(.tt-home-page .tt-content_block .tt-heading--level-1) {
        font-size: clamp(3rem, 5vw, 5rem);
        line-height: 1;
    }
}

.tt-home-page {
        max-width: 2000px;
    }
    .tt-page-wrap {
        width: 100%;
        max-width: 2000px;
    margin: 0 auto;
    /* height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center; */
}
p,
.tt-copy {
    color: #000;
    padding: 0.5em 0;
    margin: 0;
    text-align: left;
    font-size: 2rem;
}
.tt-copy--600 {
    font-weight: 600;
}
@media screen and (min-width: 800px) {
    .tt-content_block .tt-copy:not(.tt-home-page .tt-content_block .tt-copy) {
        font-size: clamp(2rem, 2vw, 3rem);
    }
}
.tt-header_nav-social-intro {
    padding: 0 0 0 1rem;
    font-weight: 500;
}
.tt-copy--center {
    text-align: center;
}
.tt-copy--left {
    text-align: left;
    margin: 0;
}
.tt-copy--700 {
    font-weight: 700;
}

.tt-copy_block-list {
    list-style-type: circle;
}
.tt-copy_block-list.tt-copy_block-list--numbered {
    list-style-type:decimal;
}

.tt-copy_block-list-item {
    font-size: 2rem;
}
.tt-copy_block-list--larger-font .tt-copy_block-list-item {
    font-size: clamp(2rem, 2vw, 3rem);
}

.tt-header {
    position: relative;
    width: 100%;
    max-width: 2000px;
    padding: 0;
    margin: 0;
    /* Captures correct area for mobile due to portrait background */
    height: 173vw;
    /* height: 167vw; */
}
@media screen and (min-width: 768px) {
    .tt-header {
        height: 59.5vw;
    }
}
@media screen and (min-width: 2001px) {
    .tt-header {
        height: 1198px;
    }
}
.tt-header_nav-group {
    position: relative;
    z-index: 10;
    padding-top: 2rem;
    background: url(../images/trim-1.svg) repeat-x scroll;
    background-size: auto 50px;
    background-position: top -30px left;
    height: 100%;
    width: 100%;
}

.tt-booking-page .tt-header_nav-group {
    position: relative;
    z-index: 10;
    padding-top: 2rem;
    background: url(../images/trim-1.svg),url(../images/booking/bookings-collage.jpg);
    background-size: auto 50px, auto;
    background-repeat: repeat-x, no-repeat;
    background-attachment: scroll, fixed;
    background-position: top -30px left, top 0 left;
    height: 230px;
    width: 100%;
}

@media screen and (min-width: 1166px) {
    /* .tt-header_nav-group {
        display: grid;
        grid-template-columns: 4fr 2fr;
    } */
}


.tt-header_images {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 0;
}
.tt-images__block {
    width: 100%;
    height: initial;
    padding: 0;
    margin: 0;
    border: 0;
    grid-area: Images;
}
.tt-image {
    width: 100%;
    height: initial;
    padding: 0;
    margin: 0;
    border: 0;
}
.tt-image--600 {
    max-width: 800px;
}
.tt-image--curved {
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    -ms-border-radius: 4rem;
    -o-border-radius: 4rem;
}

.tt-header_nav-logo {
    grid-area: Logo;
    /* text-align: center; */
    margin: 1rem;
}

.tt-header_nav-logo-image {
    width: 100%;
    max-width: clamp(110px, 30vw, 266px);
    height: initial;
    margin: 0;
    padding: 0;
}

.tt-home-page .tt-header_nav-logo-image {
    max-width: 266px;
}

@media screen and (min-width: 1166px) {
    .tt-header .tt-header_nav-logo-image {
        max-width: clamp(280px, 21vw, 330px);
    }
}

/* header NAV */
.tt-booking-page .tt-header_nav {
    /* z-index: 9;
    background: url(../images/booking/sand-and-shells-strip.jpg) repeat-x scroll;
    background-position: top 0 left; */
    height: 230px;
}
.tt-header_nav {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 
    grid-template-rows: repeat(3, 1fr); 
    gap: 0px 0px; 
    grid-template-areas: 
    "Logo Logo Logo Logo Nav Nav"
    "Logo Logo Logo Logo Nav Nav"
    "Social Social Social Social Social Social";   
    align-content: space-between;
    height: 100%;
}
@media screen and (min-width: 660px) {
    .tt-header_nav {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-template-areas: 
        "Logo Logo Logo Nav Nav Nav"
        "Logo Logo Logo . . ."
        ". . . . . ."
        "Social Social Social . . .";      
    }
}
@media screen and (min-width: 768px) {
    .tt-header_nav {
    grid-template-rows: 0.5fr 0.5fr 2fr 1fr 1fr 1fr; 
    grid-template-areas: 
        "Logo Logo . Social Social Social"
        "Logo Logo . Nav Nav Nav"
        "Logo Logo . . . ."
        ". . . . . ."
        ". . . . . ."
        ". . . . . .";  
    }
}
@media screen and (min-width: 790px) {
    .tt-header_nav {
    grid-template-rows: 0.5fr 0.5fr 2fr 1fr 1fr; 
    grid-template-areas: 
        "Logo Logo Nav Nav Social Social"
        "Logo Logo . . . ."
        ". . . . . ."
        ". . . . . ."
        ". . . . . ."; 
    }
}

.tt-header_nav-links {
    grid-area: Nav;
    justify-self: end;
    margin: 0 1rem 0 0;
    padding: 0;
}
.tt-header_nav-link-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 215px;
    width: 60px;
    margin: 0;
    list-style-type: none;
    text-align: center;
    padding: 2rem;
    background: white;
    border: 1px solid white;
    border-top-right-radius: 50% 15%;
    border-top-left-radius: 50% 15%;
    border-bottom-left-radius: 50% 15%;
    border-bottom-right-radius: 50% 15%;
}
@media screen and (min-width: 570px) {
    .tt-header_nav-link-list {
        flex-direction: row;
        justify-content: center;
        gap: 1rem;
        height: 45px;
        width: 300px;
        background: #fff;
        border: 1px solid #ffffff;
        -o-border-radius: 4rem;
        border-radius: 4rem;
        height: min-content;
        padding: 0;
        -webkit-border-radius: 4rem;
        -moz-border-radius: 4rem;
        -ms-border-radius: 4rem;
        -o-border-radius: 4rem;
    }
}
@media screen and (min-width: 1160px) {
    .tt-header_nav-link-list {
        width: 380px;
        gap: 2rem;
    }
}
@media screen and (min-width: 1024px) {
    .tt-header_nav-links {
        justify-self: center;
        margin: 1rem auto 0;
    }
}
.tt-header_nav-link {
    font-size: clamp(1.6rem, 4vw, 20px);
    color: #45097A;
    font-weight: 600;
    text-decoration: none;
    line-height: 2;
    padding: 5px 0;
    position: relative;
    display: inline-block;
    padding-bottom: 0.1rem;
    text-align: center;
    text-decoration: none;
    margin-bottom: 0.4rem;
}
@media screen and (min-width: 1024px) {
    .tt-header_nav-link {
        font-size: 2.5rem;
    }
}

.tt-header_nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  /*Stripthickness*/background-image: url('../images/nav/nav-underline-purple.svg');
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.5s ease;

}
.tt-header_nav-link--about::after {
  background-image: url('../images/nav/nav-underline-green.svg');
}
.tt-header_nav-link--services::after {
  background-image: url('../images/nav/nav-underline-red.svg');
}
.tt-header_nav-link--booking::after {
  background-image: url('../images/nav/nav-underline-blue.svg');
}
.tt-home-page .tt-header_nav-link--home::after,
.tt-about-page .tt-header_nav-link--about::after,
.tt-booking-page .tt-header_nav-link--booking::after,
.tt-header_nav-link:hover::after {
  opacity: 1;
}

/* Social nav */
.tt-header_nav-social {
    grid-area: Social;
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: calc(100% - 2rem);
    max-width: 326px;
    height: 71px;
    margin: 0 auto 2rem 1rem;
    padding-bottom: 0.5rem;
    justify-self: flex-start;
    background: #fff;
    border: 1px solid #ffffff;
    border-radius: 4rem;
    height: min-content;
}

@media screen and (min-width: 768px) {
    .tt-header_nav-social {
        justify-self: end;
        margin: 1rem 1rem 0 0;
        padding: 0;
        /* width: 100%; */
        /* max-width: 32rem; */
        width: 32rem;
    }
}
@media screen and (min-width: 1278px) {
    .tt-header_nav-social {
        justify-self: center;
        margin: 2rem 0 0;
        align-self: start;
        flex-direction: row;
        width: 100%;
        max-width: fit-content;
        max-width: moz-fit-content;
        padding: 0.5rem 1rem;
    }
}
.tt-header_nav-social-list {
    list-style-type: none;
    display: grid;
    grid-template-columns: 30px 30px 30px auto;
    margin: 0;
    padding: 0 0 0 1rem;
    gap: 5px;
}
@media screen and (min-width: 360px) {
    .tt-header_nav-social-list {
        gap: 10px;
    }
}
.tt-header_nav-social-list-item {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tt-header_nav-social-link {
    max-height: 30px;
}
/* Content blocks HP standard */
.tt-content_block {
    position: relative;
    width: 100%;
    margin: -6px auto 0;
    padding: 0;
}
.tt-content_block--1500 {
    max-width: 1500px;
    margin: 2rem auto;
}

.tt-content_block--base {
    border-top-left-radius: 13% 8%;
    border-top-right-radius: 13% 5%;
    z-index: 15;
    margin-top: -60px;
    border-top: 1px solid #fff;
    background: url(../images/star-back-tile.svg) repeat fixed;
    background-size: cover;
}
@media screen and (min-width: 1024px) {
    .tt-content_block--base {
        margin-top: -70px;
        border-top-left-radius: 5% 16%;
        border-top-right-radius: 9% 19%;
    }
}
.tt-copy_block {
    width: 100%;
    margin: -5px auto 0;
    padding: 1rem;
    text-wrap: balance;
}
.tt-content_block--base .tt-copy_block {
    padding: clamp(2rem, 4vw, 3rem);
}
.tt-copy_block--home-shape-1 {
    background: #FDFCF2;
}
@media screen and (min-width: 768px) {
    .tt-copy_block--home-shape-1 {
        position: absolute;
        background: url(../images/home-curvy-shape-1.svg) no-repeat scroll 100% 100%;
        top: 5vw;
        right: 1vw;
        width: 66vw;
        height: 40vw;
        padding: 0 2rem 0 3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media screen and (min-width: 900px) {
    .tt-copy_block--home-shape-1 {
        top: 5vw;
        right: 1vw;
        width: 600px;
        height: 365px;
        padding: 0 2rem 0 3rem;
        display: flex;
    }
}
@media screen and (min-width: 1366px) {
    .tt-copy_block--home-shape-1 {
        top: 5vw;
        right: clamp(5vw, 10vw, 200px);
    }
}
/* Home curvy 2 */
.tt-copy_block--home-shape-2 {
    background: #CEDFAE;
}
@media screen and (min-width: 768px) {
    .tt-copy_block--home-shape-2 {
        position: absolute;
        background: url(../images/home-curvy-shape-2.svg) no-repeat scroll 100% 100%;
        top: 0;
        right: 1vw;
        width: 51vw;
        height: 62vw;
        padding: 0 2rem 0 5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media screen and (min-width: 900px) {
    .tt-copy_block--home-shape-2 {
        position: absolute;
        background: url(../images/home-curvy-shape-2.svg) no-repeat scroll 100% 100%;
        top: 2vw;
        right: 1vw;
        width: 47vw;
        height: 56vw;
        padding: 0 2rem 0 6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media screen and (min-width: 1200px) {
    .tt-copy_block--home-shape-2 {
        position: absolute;
        background: url(../images/home-curvy-shape-2.svg) no-repeat scroll 100% 100%;
        top: 5vw;
        right: 4vw;
        width: 33vw;
        height: 41vw;
        padding: 0 2rem 0 5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media screen and (min-width: 1366px) {
    .tt-copy_block--home-shape-2 {
        position: absolute;
        background: url(../images/home-curvy-shape-2.svg) no-repeat scroll 100% 100%;
        top: 60px;
        right: 110px;
        width: 443px;
        height: 566px;
        padding: 0 2rem 0 5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
/* Home curvy 3 */
.tt-copy_block--home-shape-3 {
    background: #F8C28F;
}
@media screen and (min-width: 768px) {
    .tt-copy_block--home-shape-3 {
        position: absolute;
        background: url(../images/home-curvy-shape-3.svg) no-repeat scroll 100% 100%;
        top: 5vw;
        right: 2vw;
        width: 45vw;
        height: 44vw;
        padding: 0 2rem 0 3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media screen and (min-width: 768px) {
    .tt-copy_block--home-shape-3 {
        top: 10vw;
        width: 354px;
        height: 345px;
    }
}

@media screen and (min-width: 1366px) {
    .tt-copy_block--home-shape-3 {
        top: clamp(10vw, 15vw, 300px);
        right: clamp(5vw, 10vw, 200px);
    }
}
.tt-footer {

    margin-top: 3rem;
    position: relative;
    z-index: 10;
    padding-top: 2rem;
    background: url(../images/trim-1.svg) repeat-x scroll;
    background-size: auto 50px;
    background-position: bottom -25px left;
    height: 100%;
    width: 100%;
}
.tt-footer__group {
    width: 100%;
    max-width: 1500px;
    background-color: #fff;
    margin: 10px auto;
}
.tt-footer-nav__list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 10px auto 20px;
    padding: 0;
}
.tt-footer-nav__list-item {
    margin: 0 10px;
}
.footer-company {
    text-align: center;
    padding: 0 0 10px;
}
.tt-footer-nav__list--link {
    font-size: clamp(1.6rem, 4vw, 20px);
    color: #45097A;
    font-weight: 600;
    text-decoration: none;
    line-height: 2;
    padding: 5px 0;
    position: relative;
    display: inline-block;
    padding-bottom: 0.1rem;
    text-align: center;
    text-decoration: underline;
    margin-bottom: 0.4rem;
}
.tt-footer-nav__list--link:hover,
.tt-footer-nav__list--link:focus {
    color: #000;
    text-decoration: underline;
    text-underline-offset: 5px;
}
/* 
! Grid x2 copy/image blocks grouped changes
! Header non-homepage changes
*/
/* todo Header tweaks */
.tt-header.tt-header--mod-nav {
    /* height: clamp(250px, 75vw, 320px); */
    height: 0;
}
@media screen and (min-width: 800px) {
    .tt-header.tt-header--mod-nav {
        height: 3rem;
    }
}
.tt-booking-page .tt-main {
    min-height: 80vh;
}
.tt-booking-page .tt-header.tt-header--mod-nav {
    height: 23rem;
}
/* todo Logo  tweaks */
.tt-header--mod-nav .tt-header_nav-logo {
    margin: 2px;
}
.tt-header.tt-header--mod-nav .tt-header_nav-logo-image {
    max-width: clamp(110px, 20vw, 200px);
}
/* todo Social Nav tweaks */
.tt-header--mod-nav .tt-header_nav-social {
    display: none;
}
@media screen and (min-width: 790px) {
    .tt-header--mod-nav .tt-header_nav-social {
        display: flex;
    }
}

/* todo Grid tweaks to copy/image blocks */
.tt-content_block--grid-x6 {
    margin: 1rem 0;
}
@media screen and (min-width: 800px) {
    .tt-content_block--grid-x6 {
        display: grid; 
        grid-template-columns: repeat(6, 1fr); 
        grid-template-rows: repeat(5, 1fr); 
        gap: 0; 
        grid-template-areas: 
        ". . . Images Images Images"
        ". . . Images Images Images"
        "Copy Copy Copy Images Images Images"
        "Copy Copy Copy Images Images Images"
        "Copy Copy Copy Images Images Images"; 
    }
    .tt-content_block--grid-x6.tt-content_block--grid-x6--flipped {
        grid-template-areas: 
        "Images Images Images Copy Copy Copy"
        "Images Images Images Copy Copy Copy"
        "Images Images Images Copy Copy Copy"
        "Images Images Images Copy Copy Copy"
        "Images Images Images Copy Copy Copy"; 
    }
}
    /* .tt-content_block--grid-x6 {
  display: grid; 
  grid-template-columns: repeat(2, 1fr); 
  grid-template-rows: repeat(5, 1fr); 
  gap: 0; 
  grid-template-areas: 
    ". Images"
    ". Images"
    "Copy Images"
    "Copy Images"
    "Copy Images"; 
    }
} */
.tt-content_block--grid-x6 .tt-copy_block {
    grid-area: Copy;
    justify-self: center; 
    align-self: center; 
    margin: 0 auto;
} 
@media screen and (min-width: 800px) {
    .tt-copy_block.tt-copy_block--mw-400 {
        max-width: clamp(400px, 40vw, 600px);
    }
    .tt-copy_block.tt-copy_block--mw-50perc {
        max-width: 50%;
    }
}
.tt-copy_block--rounded {
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
}
.tt-copy_block--green {
    background-color: #CEDFAE;
    border: 1px solid #CEDFAE;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
}
.tt-copy_block--orange {
    background-color: #F8C28F;
    border: 1px solid #F8C28F;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
}
.bg-color--tt-green {
    background-color: #CEDFAE;
}
.bg-color--tt-orange {
    background-color: #F8C28F;
}
.bg-color--tt-pink {
    background-color: #E78081;
}
.bg-color--tt-pink-2 {
    background-color: #ffb9ba;
}
.bg-color--tt-blue {
    background-color: #79CBE7;
}
.bg-color--tt-blue-2 {
    background-color: #c3f0ff;
}
.bg-color--tt-white {
    background-color: #fff;
}
/* Launch Gallery */
.tt-gallery {
    width: 100%;
    max-width: 2000px;
    box-sizing: border-box;
}
.tt-gallery_list {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 5px; 
}
@media screen and (min-width: 768px) {
    .tt-gallery_list {
        grid-template-columns: repeat(3, 1fr); 
    }
}
@media screen and (min-width: 1501px) {
    .tt-gallery_list {
        grid-template-columns: repeat(4, 1fr); 
    }
}
.tt-gallery_list-item {
    width: inherit;
    height: initial;
    margin: 0;
    padding: 0;
    border: 0;
}
.tt-gallery-image {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    max-width: 500px;
    height: initial;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -o-border-radius: 3rem;
}
.gslide-image .zoomable {
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -o-border-radius: 3rem;
}
.tt-glihtbox_link {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.tt-roundel {
    grid-area: Roundel;
    justify-self: flex-end;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: clamp(110px, 30vw, 250px);
    height: clamp(110px, 30vw, 250px);
    border-radius: 50%;
    font-weight: 600;
    color: #000;
    transform: rotate(-10deg);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
}

.tt-roundel-copy {
    font-size: clamp(20px, 9vw, 25px);
    font-weight: 600;
    text-align: center;
    line-height: 1;
}
.tt-roundel-sub-copy {
    /* display: block; */
}
.tt-roundel-price {
    font-size: clamp(30px, 10vw, 70px);;
    font-weight: 700;
    display: block;
}
/* todo Grid x2 default */
.tt-content_block--grid-x2 {
    margin: 1rem auto;
    display: block;
    width: 100%;
    max-width: 1500px;
}
@media screen and (min-width: 500px) {
    .tt-content_block--grid-x2 {
        display: grid; 
        grid-template-columns: 1fr 1fr; 
        gap: 10px; 
    }
}
.tt-content_block--grid-x2 .tt-sub-copy {
    display: block;
}
@media screen and (min-width: 500px) {
    .tt-content_block--grid-x2 .tt-sub-copy {
        display: inline-block;
    }
}
/* todo Grid x3 default */
.tt-content_block--grid-x3 {
    margin: 1rem 0;
    display: grid; 
    grid-template-columns: 1fr 2fr; 
    gap: 0; 
    grid-template-areas: 
    "Roundel Copyx3"
}
@media screen and (min-width: 800px) {
    .tt-content_block--grid-x3 {
        grid-template-columns: 300px repeat(4, 1fr); 
        gap: 10px; 
        grid-template-areas: 
        "Roundel Roundel Copyx3 Copyx3 ."
    }
}

.tt-content_block--grid-x3 .tt-copy_block {
    grid-area: Copyx3;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /* text-align: center;     */
}
.tt-content_block--grid-x3 .tt-copy{
    text-align: center;    
}

.tt-text-link {
    text-decoration: underline;
    color: #000;
    font: inherit;
}

.tt-button-link {
    text-decoration: none;
    color: #000;
    font: inherit;
    font-size: 1.8rem;
    font-weight: 700;
    border: 4px solid #fff;
    background-color: #ae9dc7;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
}
.tt-button-link:hover,
.tt-button-link:focus {
    color: #fff;
    border-color: #79CBE7;
    background-color: #311758;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
}
@media screen and (min-width: 800px) {
    .tt-button-link {
        font-size: clamp(2rem, 2vw, 3rem);
        border-radius: clamp(2rem, 2vw, 3rem);
        -webkit-border-radius: clamp(2rem, 2vw, 3rem);
        -moz-border-radius: clamp(2rem, 2vw, 3rem);
        -ms-border-radius: clamp(2rem, 2vw, 3rem);
        -o-border-radius: clamp(2rem, 2vw, 3rem);
}    
}