* {
        font-family: 'Fira Sans', sans-serif;
}

body {
        max-width: 750px;
        width: 100%;
        margin: auto;
}

.collapsible {
        background-color: #02ad58;
        color: #FFFFFF;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 18px;
}

.active,
.collapsible:hover {
        background-color: #6fc881;
}

.active:after {
        content: "\2212";
}

.collapsible:after {
        content: '\002B';
        color: #FFFFFF;
        font-weight: bold;
        float: left;
        margin-right: 5px;
}

.content {
        padding: 0 18px;
        display: none;
        overflow: hidden;
        background-color: #f1f1f1;
}

.flowerClass button {
        position: absolute;
        top: 50%;
        float: right;
        transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
        background-color: #b1b1b1;
        background: rgba(75, 75, 75, 0.5);
        color: #FFFFFF;
        font-size: 28px;
        font-weight: bolder;
        padding: 12px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
}

.flowerClass button:hover {
        background-color: #b1b1b1;
        background: rgba(20, 20, 20, 0.5);
}

.flowerClass img {
        max-width: 100%;
	/*align-self: flex-start;*/
	/*justify-self: flex-start;*/
	/*display: flex;*/
	/*align-items: stretch;*/
        width: auto;
        /*height: 562px;*/
	height: auto;
        border: none;
        outline: none;
        top: 0;
        left: 0;
}