body {
    background-color: #ffb21a;
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
    color: #ca202a;
    max-width: 100%;
}

a {
    color: #ca202a;
    text-decoration: none;
}

div#content {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

img#cumbiaLogo {
    width: 500px;
    height: auto;
    display: block;
    margin: auto;
    margin-bottom: 4em;
}

div#innerContent {
    text-align: center;
    margin: auto;
}

.break {
  flex-basis: 100%;
  height: 0;
}



.leagueGothic {
  font-family: "League Gothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


.raleway {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

p.intro {

    max-width: 40em;
    margin-top: -0.5em;
    font-size: 1.2em;
    line-height: 1.2em;

    
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}


p.spacer {
    margin-top: 2em;
}

p.horaires {
    
    font-size: 2em;

    font-family: "League Gothic", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-variation-settings:"wdth" 100;
}

p.horaires strong {
    font-size: 1.2em;
}

p.contact {
    font-size: 1.5em;

    font-family: "League Gothic", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-variation-settings:"wdth" 100;
}

p.contact strong {
    color: #ffb21a;

    font-size: 1.2em;
    display: inline-block;
    padding: 0.1em 0.5em;
    margin-bottom: 1em;
}

p.contact a {
    margin-right: 1.5em;
}

span.mobBR {
    display: none;
}

span.screenStar {
    display: inline-block;
}

span.screenStar::before {
    content: "★";
    font-size: 0.7em;
}

@media (max-width:480px)  {

    div#innerContent {
        padding: 5em 2em;
    }

    p.contact a {
        margin-right: 0;
        display: block;
        margin-bottom: 0.5em;
        font-size: 1.3em;
    }

    span.mobBR {
        display: block;
    }

    span.screenStar {
        display: block;
    }

    span.screenStar::before {
        content: "";
    }
}