/******** VERSION 1 ***********/

section#announcementOne {
    position: absolute;
    top: calc(160px + 2rem);
    left: 2rem;
    z-index: 10;
    background: transparent;
    margin: 0;
    padding: 0;
    border-bottom-right-radius: 28%;
    box-shadow: -20px 4px 11px 0px #1124;
}


.announcementOne {
	margin: 0;
    padding: 0rem 4rem;
    padding-top: 2rem;
    position: relative;
    border-radius: 5px;
}

body #announcementOne a:hover {
	text-decoration: none;
}

.announcementOne.curved {
    background: linear-gradient(303deg, transparent 1.5em, #ffffff 0) no-repeat;
}

.announcementOne.curved::after {
    height: 3em;
    width: 1.35em;
    transform: translate(-0.2em, 0.17em) rotate(57deg);
    background: linear-gradient(to left bottom, transparent 50%, #7da9b3 0, #d2f1fb 27px, #025364);
    box-shadow: -1px 5px 4px -4px #112429;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    border-bottom-left-radius: 5px;
}

#announcementOne .curved h2 {
	color: var(--greenDark);
	text-align: center;
	    font-size: 3rem;
}

#announcementOne .curved h5 {
	color: var(--greenLogo);
	    text-align: center;
	    padding-bottom: 1rem;
}

/******** VERSION 2 ***********/

section#announcementTwo {
    position: absolute;
    top: 160px;
    left: 0;
    z-index: 10;
    width: 0;
    height: 0;
    background: #00000000;
    border-style: outset;
    border-width: 25rem 25rem;
    border-color: #ffffff #ffffff00 #ffffff00 #ffffff;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(360deg);
}


.announcementTwo {
    text-align: center;
    top: 287px;
    left: 0;
    position: absolute;
    z-index: 11;
    margin: 0px;
    transform: rotate(316deg);
}


body .announcementTwo h2 {
	color: var(--greenDark);
}

body .announcementTwo h5 {
	color: var(--greenLogo);
}

/******** VERSION 3 ***********/

section#announcementTree {
    position: absolute;
    top: 264px;
    left: -149px;
    width: 608px;
    z-index: 10;
    padding: 2rem;
    padding-bottom: 0;
    background: #ffffff;
    transform: rotate(312deg);
    -ms-transform: rotate(312deg);
    -moz-transform: rotate(312deg);
    -webkit-transform: rotate(312deg);
    -o-transform: rotate(312deg);
    -webkit-box-shadow: 0 5px 12px 0 rgb(0 0 0 / 15%);
    box-shadow: 4px 4px 16px 0 rgb(14 14 14 / 41%);
}


.announcementTree {
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 0px 9rem;
}


body .announcementTree h2 {
	color: var(--greenDark);
}

body .announcementTree h5 {
	color: var(--greenLogo);
}

/******************* Large (992px) ******************/
@media (max-width: 992px) {

	section#announcementTree {
		top: 245px;
		left: -171px;
	}
}