:root{
    --bc1:#59b1d0;
    --gc1:#035539;
}

blockquote {
    border-left: 5px solid var(--bc1);

}

.instagram-media {
    max-width: 540px;
}

thead,tfoot {background: var(--bc1)}

main,header,footer {
    margin: 0 auto;
    width: 60%;
    text-align: left;
    padding: 0 20px;
}

section>section {
    color: #fff;
    background-color: var(--bc1);
    padding: 15px;
    margin: 10px 8px 10px 8px;
    text-align: center;
}


@media (max-width: 1300px) {
    main,header,footer {width: 80%;}

}

@media (max-width: 1100px) {
    body {font-size: 20px;}
    main,header,footer {width: calc(100% - 16px);}
    section,article {flex:1; width:100%; margin-left: 0;}
    button {font-size: 16px; font-weight: bolder;}
    .noshow {visibility: hidden; width: 0; margin: 0;}
}

.carousel-image {
    min-width: 125px;
    width: 125px;
    opacity: 1;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width:110px;
    min-width:110px;
    margin: auto;
}

.carousel-text {
    white-space: nowrap;
    max-width: 124px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-text {
    white-space: inherit;
    max-width: 185px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-image:hover {
    min-width: 125px;
    width: 125px;
    opacity: 0.7;
}

.shadow-box {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px 0px;
}

.carousel {
    border-radius: 8px;
}

.carousel-cell {
    margin: 5px;
}

.carousel img {
    display: block;
    padding: 5px;
}

.green-bg {
    background: var(--gc1);
}

.blue-bg {
    background: var(--bc1);
}

.righty {
    margin-left:auto;
    margin-right:0;
}

header:after{
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/images/sharon-mccutcheon-eMP4sYPJ9x0-unsplash.jpg);
    background-attachment: fixed;
    background-position:top,center;
    background-repeat: no-repeat;
    background-size:cover;
    width: 100%;
    height: 50%;
    opacity : 0.6;
    z-index: -1;
}

.float-left {
    padding:5px;
    float:left;
}

.float-right {
    padding:5px;
    float:right;
}