h1, h2, h3, h4, h5 {
    font-family: 'Josefin Sans', sans-serif;
}

/*
p {
    font-family: 'Chivo', sans-serif;
}*/

 
a {
    color: inherit;
    text-decoration: underline;
}

.control a {
    text-decoration: none;
}
  
.has-drop-cap:not(:focus)::after {

    content: "";
    display: table;
    clear: both;
    padding-top: 14px;

}
.has-drop-cap:not(:focus)::first-letter {

    float: left;
    font-size: 6em;
    line-height: .68;
    font-weight: 100;
    margin: .1em .075em 0 0;
    text-transform: uppercase;
    font-style: normal;

}


.has-background-dirty-white {
    background-color: hsl(0, 0%, 97%) !important;
}

br {
    margin-bottom: 4em;
}

.image.logo {
    width: 50%;
    left: 25%;
    
}

.bup {
    margin-bottom: 0 !important;
}

.column.empty {
    padding: 0;
}

.ribbon-top {
transition: 0.3s;
top: 0;
height: 13px;
z-index: 5;
background: linear-gradient(90deg, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%);
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #a85e6c), color-stop(12.5%, #a85e6c), color-stop(12.5%, #e37f52), color-stop(25%, #e37f52), color-stop(25%, #ef9f48), color-stop(37.5%, #ef9f48), color-stop(37.5%, #9cb641), color-stop(50%, #9cb641), color-stop(50%, #009484), color-stop(62.5%, #009484), color-stop(62.5%, #21acb8), color-stop(75%, #21acb8), color-stop(75%, #1972dd), color-stop(87.5%, #1972dd), color-stop(87.5%, #8fa0ae), color-stop(100%, #8fa0ae));
background-image: -webkit-linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%);
background-image: -moz-linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%);
background-image: -o-linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%);
background-image: linear-gradient(left, #a85e6c 0%,#a85e6c 12.5%,#e37f52 12.5%,#e37f52 25%,#ef9f48 25%,#ef9f48 37.5%,#9cb641 37.5%,#9cb641 50%,#009484 50%,#009484 62.5%,#21acb8 62.5%,#21acb8 75%,#1972dd 75%,#1972dd 87.5%,#8fa0ae 87.5%,#8fa0ae 100%);
}

.square {
    border: 5px solid hsl(0, 0%, 50%);
    text-align: center;
    width: 4em;
    height: 4em;
    margin: 0 auto;
    box-shadow: 0px 15px 25px 1px rgba(0,0,0,0.2);
    background-color: hsl(0, 0%, 97%);
  }