html,
    body {
        background-color: #fff;
        color: #000;
        font-family: "Oswald", sans-serif;
        width: 100%;
        height: 100%;
margin: 0;
overflow-x: hidden;
        font-size: 1.1rem;
        line-height: 1.2em;
        text-align: left;
        background-image: url(images/c-n-background@2x-80.jpg);
        background-attachment: fixed;
        background-size: cover;
    }
    @-ms-viewport {
    width: device-width;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}


 h1, h2,  h3 {
    display: block;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 0 15px 0;
 }

    h1 {font-size: 1.44em;             color: #d63463;    line-height: 1.4em; text-transform: uppercase; display: inline-block; padding: 5px 15px}
    h2 {font-size: 1.34em;         line-height: 1.4em; text-transform: uppercase; display: inline-block; padding: 5px 15px}
    h3 {font-size: 1.24em;         line-height: 1.4em; text-transform: uppercase; display: inline-block; padding: 5px 15px}
   h4 {font-size: 1.2em; font-weight: bold;        line-height: 1.4em; display: inline-block; margin: 0 0 15px; }
        .h4 {font-weight: bold;            font-family: "Oswald", sans-serif;    line-height: 1.4em; display: inline-block; text-transform: uppercase; text-decoration: none;}
    h5 {font-size: 1em; margin-bottom: 0; margin-top: 0;}
    p, li {line-height: 1.2em;
    font-family: "Crimson Pro", serif;
        margin: 0 0 15px 0;
}

a.button {
    text-transform: uppercase; 
    display: inline-block; 
    padding: 5px 15px;
    font-family: "Oswald", sans-serif;
    display: block;
    background-color:  #d63463; ;
            color: #000;
            display: inline-block;
            text-decoration: none;
            margin-top: 5px;
}
a.button:hover {
    text-transform: uppercase; 
    display: inline-block; 
    padding: 5px 15px;

    font-family: "Oswald", sans-serif;
    display: block;
    background-color:  #d63463; ;
    color: #fff;
                display: inline-block;
}

.black {
    background-color: #000;
        color: #fff;
    border-radius: 5px;
    padding: 20px;
    display: inline-block;
    margin-bottom: 30px;

}
.white p:last-child,
.black p:last-child {
    margin-bottom: 0;
}

.white {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    display: inline-block;
    margin-bottom: 30px;
}


.fix-header {position: fixed;
top: 30px;
left: 30px;
width: 25%;
max-width: 120px;

}

.fix-header img {
max-width: 100%;
height: auto;
max-height: calc(100vh - 60px);
width: auto;
}


    a {color: #d63463;
          
    }
    a:hover {
   color: #5b50a1;  
    }  
    .container {
        margin: 30px auto 30px 120px;
    }
    .content {
        max-width: 860px;
margin: 0 auto;
        padding: 0 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .section,
    section {
        padding: 30px 0;
    }
    header img {
        width: 600px;
        max-width: 100%;
        margin: 0 auto;
    }
    img {
        max-width: 100%;
        width: auto;
        display: block;
    }


    .item {
        width: calc(100vw - 60px);
        height: calc(100vh - 190px);
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        max-width: 100%;;
    }
    .item img {
        max-width: 100%;
        width: auto;
                max-height: 100%;
        height: auto;
        margin: 0 auto;
    }

    article {
        text-align: left;
    }


    @media (min-width: 768px) {

    h1 {font-size: 2em;         line-height: 1.4em; color: #d63463;}

    .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -30px;
        margin-left: -30px;
        margin-bottom: 30px;
    }
    .container {
    margin: 30px auto 30px 150px;
}
}
    
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}


.boxed {
    max-width: 500px;
    margin: 0 auto;
}
footer {
    padding-top: 30px;
    padding-bottom: 30px;
}
.smallprint {font-size: 0.8em; line-height: 1.2em;}

.quote {font-size: 1.2em;         line-height: 1.4em; text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
   }
.quote:before {
  content: open-quote;
}

.quote:after {
  content: close-quote;
}

ul.list-artists {
    margin: 30px 0;
    padding: 0;
    list-style: none;
}

ul.list-artists li {
        font-family: "Oswald", sans-serif;
        font-size: 1.2em;
        text-transform: uppercase;
        letter-spacing: 1px;

color: #fff;
        text-shadow: 3px 3px 0 #5b50a1, 3px -3px 0 #5b50a1, -3px 3px 0 #5b50a1, -3px -3px 0 #5b50a1, 3px 0px 0 #5b50a1, 0px 3px 0 #5b50a1, -3px 0px 0 #5b50a1, 0px -3px 0 #5b50a1;
}


@media (min-width: 768px) {
    ul.list-artists {
column-count: 3;
}

    .quote {font-size: 2em;   }     
    .col-1,
.col-2,
.col-3,
.col-4 {
    position: relative;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px;
}
    .col-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .centre-row {
        align-items: center;
    }
     .row-reverse {
        flex-direction: row-reverse;
     }

     .alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    width: 100vw;
    padding: 30px 60px
}
}


.embed-container { width: 100%; ;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.icons {display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px;
width: 100%;}