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

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

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

.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;
}

.threeWrap {
    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;
}

.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;
    }
}

.topPad {
    padding: 4vh 2vw;
}

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

@media only screen and (min-width: 768px) {
    .quadCol {
        width: 35vw;
        height: 20vh;
		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%;
}