/* NEW — paste in its place */
.colWrap {
    column-count: 1;
    column-gap: 1vw;
    width: 100%;
}

@media only screen and (min-width: 1399px) {
    .colWrap {
        column-count: 3;
        column-gap: 2vw;
    }
}

/* children flow inside a column */
.colWrap > .threeWrap {
    width: 100%;
    break-inside: avoid;
    margin-bottom: 2vh;
}

.rowWrap {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    gap: 4vw;
}

.rowWrapC {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: center;
    gap: 4vw;
    margin: 5vh 0;
}

.flexrowWrap {
    width: 100%;
}

@media only screen and (min-width: 1399px) {
    .threeWrap {
        width: 30%;
    }
}

.hrpodlink {
    display: inline;
    padding: 1vh 2vw;
    margin-right: 1vw;
    background-color: #faa82b;
    text-decoration: none;
    color: inherit;
    font-family: 'breton-bold';
    transition: all .4s ease;
}

@media only screen and (min-width: 768px) {
    .hrpodlink {
        padding: 1vh 1vw;
    }
}

.hrpodlink:hover {
	color: #fff;
	background-color: #330a2b;
}

.nolinkcolor {
    color: inherit;
	text-decoration: none;
}

.hrpodrow {
    padding: 2vh 0;
}


.flexcolumnWrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.flexrowWrap {
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
}

.buttonDecorationP {
	font-family: 'breton-semibold';
	border: none;
	color: white;
	text-decoration: none;
	padding: 0.75em 2em;
	border-radius: 0;
	transition: all .4s ease;
	text-align: center;
	background: #330a2b;
	display: inline-block;
	margin: 1em 0.5em;
}

.buttonDecorationP:hover {
	color: #330a2b;
	background-color: #faa82b;
}

.memWrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	height: auto;
	width: 100%;
}

@media only screen and (min-width: 768px) {
    .memWrap {
        width: 35vw;
    }
}

@media only screen and (min-width: 1013px) {
    .memWrap {
        width: 30vw;
    }
}

@media only screen and (min-width: 1729px) {
    .memWrap {
        width: 33vw;
    }
}

.partWrap {
    display: flex;
	flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
	height: auto;
	width: 100%;
}

@media only screen and (min-width: 1013px) {
    .partWrap {
        width: 30vw;
		max-width: 40vw;
    }
}

@media only screen and (min-width: 1729px) {
    .partWrap {
        width: 25vw;
		max-width: 40vw;
    }
}

.topPad {
    padding: 4vh 2vw;
}

.rpadTop {
    padding: 4vh 0;
}

.sidePad {
    padding: 4vh 2vw 0 2vw;
}


.rsidePad {
    padding: 0 2vw;
}

.quadCol {
    width: 100%;
    height: 100%;
	padding-top: 2vh;
}

@media only screen and (min-width: 1013px) {
    .quadCol {
        width: 30vw;
        height: 30vh;
		padding-top: 2.5vh;
    }
}

@media only screen and (min-width: 1706px) {
    .quadCol {
        width: 15vw;
        height: 22vh;
		padding-top: 3.5vh;
    }
}

.wrapperFix {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
	justify-content: center;
    gap: 2vw;
}

.colWrapS {
    display: flex;
    flex-flow: column wrap;
	column-gap: 1vw;
    width: 100%;
    max-height: 100%;
}

@media only screen and (min-width: 1399px) {
    .colWrapS {
        max-height: 40vh;
    }
}

@media only screen and (min-width: 1706px) {
    .colWrapS {
        max-height: 30vh;
			column-gap: 2vw;
    }
}

/* additional */

.memWrapsOne {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	height: auto;
	width: 100%;
}

@media only screen and (min-width: 768px) {
    .memWrapsOne {
        width: 35vw;
    }
}

@media only screen and (min-width: 1013px) {
    .memWrapsOne {
        width: 30vw;
    }
}

@media only screen and (min-width: 1729px) {
    .memWrapsOne {
        width: 33vw;
    }
}

.flexcolumnStart {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
}

.grantWrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	height: auto;
	width: 100%;
}


@media only screen and (min-width: 1744px) {
    .grantWrap {
        width: 33vw;
    }
}

.wrapBtn {
	display: flex;
	justify-content: center;
	align-items: center;
    width: 20%;
    display: flex;
    background-color: #faa82b;
    color: inherit;
    font-family: 'breton-bold';
    transition: all .4s ease;
}

.wrapBtn a {
	text-decoration: none;
	color: #330a2b;
}

.wrapBtn:hover {
	background-color: #330a2b;
	cursor: pointer;
}

.wrapBtn:hover a {
	color: #fff;
}

.wrapTitle {
    width: 75%;
	display: flex;
	align-self: center;
}

.flexrowC {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.attractspnsr {
    width: 42vw;
    height: 22vh;
}

@media only screen and (min-width: 768px) {
    .attractspnsr {
        width: 30vw;
	    height: 25vh;
    }
}

@media only screen and (min-width: 1013px) {
    .attractspnsr {
        width: 21vw;
	    height: 29vh;
    }
}

@media only screen and (min-width: 1400px) {
    .attractspnsr {
	    width: 19vw;
	    height: 30vh;
    }
}

.txtbtnWrapbet {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

.txtbtnWrapar {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    height: 100%;
    align-items: center;
}

.spnsrimgParent {
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    height: auto;
    width: 100%;
}

.spnsrimg {
    width: 100%;
}

.white-logo {
    width: 100%;
    background-color: white;
}

.row-space {
    display: flex;
    gap: 5vw;
}

.blpad {
    padding: 3vh 2vw;
    background-color: #330a2b;
    color: white;
}

.wpad {
    padding: 3vh 2vw;
    background-color: #e8ded6;
}

.textCbox {
    text-align: center;
    margin: auto;
    width: 100%;
}

@media only screen and (min-width: 963px) {
    .textCbox {
        width: 50vw;
    }
}

.threerowP {
    width: 100%;

}

@media only screen and (min-width: 963px) {
    .threerowP {
        width: 33.3%;
    }
}

.padRight {
    padding-right: 0;
}

@media only screen and (min-width: 963px) {
    .padRight {
        padding-right: 3vw;
    }
}

.padBottom {
    padding-bottom: 4vh;
}

.padVert {
    padding: 3vh 0;
}

.column-2row {
    display: flex;
    flex-direction: row;
}

@media only screen and (min-width: 963px) {
    .column-2row {
        flex-direction: column;
    }
}

.nhpaCourse {
	overflow: hidden;
	max-height: 35vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.courseImg {
	width: auto;
	height: 500px;
}

@media only screen and (min-width: 768px) {
    .courseImg {
        height: 500px;
    }
}







.fiddyFlex {
    width: 50%;
}

@media only screen and (min-width: 1352px) {
    .fiddyFlex {
        width: 50%;
    }
}

.tworow-flex {
    display: flex;
    flex-flow: column wrap;
	column-gap: 1vw;
    width: 100%;
    max-height: 100vh;
}

@media only screen and (min-width: 1352px) {
    .tworow-flex {
        max-height: 50vh;
    }
}

@media only screen and (min-width: 1706px) {
    .tworow-flex {
        max-height: 40vh;
    }
}