body {
    padding: 0;
    margin: 0;
    background: #ffffff;
}


html,
body {
    height: 100%;
}

#page-content {
    flex: 1 0 auto;
    width: 100%;
}

#sticky-footer {
    flex-shrink: none;
    background: #E60000;
    color: #FFffff;
}

.menu {
    padding: 0;
}
.menu li{
    list-style-type: none;
}

/* Set the size of the div element that contains the map */
#map {
    height: 400px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
}

#home, #navbar, .puccini-stripe {
    border-right: 20px solid #E60000;
}

img {
    width: 100%;
}

.puccini-box {
    background: #E60000;
    color: #FFffff;
}

.puccini-box-light {
    color: #66523D;
}

.puccini-box h1{
    padding-top: 10%;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
}

.puccini-box p{
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14pt;
}

.puccini-box-light h1{
    padding-top: 10%;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
}

.puccini-box-light p{
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14pt;
}