.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100% !important;
    height: auto !important
}

.MainBtn {
    font-size: clamp(1.125rem, 2.75vw, 1.45rem);
    height: 45px;
    border: 1px solid white;
    text-decoration: none;
    position: relative;
    padding-top: 15px !important;
    padding-bottom: 25px !important;
    margin-bottom: 10px;
    background-color: #0D2640;
    color: white;
    border-radius: 7px !important;
}

.h1fs {
    font-size: clamp(2rem, 4vw, 3.75rem);
    padding-top: 65px !important;
}

.h2fs {
    font-size: clamp(1.5rem, 3.5vw, 2.8rem);
}

.h3fs {
    font-size: clamp(1.25rem, 3vw, 2rem);
}

.h1Fellow {
    font-size: clamp(1.65rem, 2.75vw, 3rem);
    font-weight: bold !important;
}

.h3Fellow {
    font-size: clamp(1.25rem, 1.95vw, 1.75rem);
    line-height: 1.7;
}

.lblFellow {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: clamp(1.125rem, 2vw, 1.55rem);
    font-weight: 500;
    position: relative !important;
    top: 10px !important;
}
/*.bg-violet-warm-60v {
	background-color: #93348c !important;
}*/

.text-violet-warm-60v {
	color: #93348c !important;
}

.fellow-border-violet-warm-60v {
	border-top: 10px solid #93348c;
}

.aBtn {
    text-decoration: none !important;
    position: relative !important;
    top: -10px !important;
}

.usa-button:hover {
    background-color: #1689CA !important; /*  uswds #005EA2 !important; */
    border-bottom: 0;
    color: white;
    text-decoration: none;
}

.box-me:hover {
    background-color: #1689CA !important; /*  uswds #005EA2 !important; */
    border-bottom: 0;
    color: white;
    text-decoration: none;
}

.usa-card__img {
    padding-left: 0px !important;
    margin-left: 0px !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
    border-radius: 0px !important;
}

.usa-card__container {
    padding-left: 0px !important;
    margin-left: 0px !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
    border-radius: 0px !important;
}

.box-me-blue {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #162e51;
    border-color: #005ea2;
    border-top-width: 10px;
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #162e51 50%, #005ea2 50%) right;
    background-size: 200%;
    transition: .75s ease-out;
}

.box-me-blue-slow {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #162e51;
    border-color: #005ea2;
    border-top-width: 10px;
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #162e51 50%, #005ea2 50%) right;
    background-size: 200%;
    transition: 1.25s ease-out;
}

.box-me-green {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #162e51;
    border-color: #7fb135;
    border-top-width: 10px;
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #162e51 50%, #7fb135 50%) right;
    background-size: 200%;
    transition: .75s ease-out;
}

.box-me-green-slow {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #162e51;
    border-color: #7fb135;
    border-top-width: 10px;
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #162e51 50%, #7fb135 50%) right;
    background-size: 200%;
    transition: 1.25s ease-out;
}

.box-me-orange {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #162e51;
    border-color: #e66f0e;
    border-top-width: 10px;
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #162e51 50%, #e66f0e 50%) right;
    background-size: 200%;
    transition: .75s ease-out;
}

.box-me-orange-slow {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #162e51;
    border-color: #e66f0e;
    border-top-width: 10px;
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #162e51 50%, #e66f0e 50%) right;
    background-size: 200%;
    transition: 1.25s ease-out;
}

.box-me-red {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #162e51;
    border-color: #e52207;
    border-top-width: 10px;
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #162e51 50%, #e52207 50%) right;
    background-size: 200%;
    transition: .75s ease-out;
}

.box-me-red-slow {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #162e51;
    border-color: #e52207;
    border-top-width: 10px;
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #162e51 50%, #e52207 50%) right;
    background-size: 200%;
    transition: 1.25s ease-out;
}

.box-me-violet {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #162e51;
    border-color: #8168b3;
    border-top-width: 10px;
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #162e51 50%, #8168b3 50%) right;
    background-size: 200%;
    transition: .75s ease-out;
}

.box-me-violet-slow {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #162e51;
    border-color: #8168b3;
    border-top-width: 10px;
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #162e51 50%, #8168b3 50%) right;
    background-size: 200%;
    transition: 1.25s ease-out;
}

.box-me-blue:hover {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #005ea2;
    border-top-width: 10px;
    background-position: left;
}

.box-me-blue-slow:hover {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #005ea2;
    border-top-width: 10px;
    background-position: left;
}

.box-me-green:hover {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #7fb135;
    border-top-width: 10px;
    background-position: left;
}

.box-me-green-slow:hover {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #7fb135;
    border-top-width: 10px;
    background-position: left;
}

.box-me-orange:hover {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #e66f0e;
    border-top-width: 10px;
    background-position: left;
}

.box-me-orange-slow:hover {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #e66f0e;
    border-top-width: 10px;
    background-position: left;
}

.box-me-red:hover {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #e52207;
    border-top-width: 10px;
    background-position: left;
}

.box-me-red-slow:hover {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #e52207;
    border-top-width: 10px;
    background-position: left;
}

.box-me-violet:hover {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #8168b3;
    border-top-width: 10px;
    background-position: left;
}

.box-me-violet-slow:hover {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    background-color: #8168b3;
    border-top-width: 10px;
    background-position: left;
}


img.desaturate {
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
    -webkit-filter: grayscale(100%); /* New WebKit */
    filter: url(resources.svg#desaturate); /* older Firefox */
    filter: grayscale(100%); /* Current draft standard */
}

    img.desaturate:hover {
        filter: none !important; /* IE */
        -webkit-filter: none !important; /* Old WebKit */
        -webkit-filter: none !important; /* New WebKit */
        /*filter: url(resources.svg#desaturate);*/ /* older Firefox */
        filter: none !important; /* Current draft standard */
    }

.btnFloatBottom {
    position: relative;
    bottom: -5px !important;
}

.font-sans-large {
    font-size: 1.6rem;
    font-weight: bold;
}

.minh-fellow {
    min-height: 17rem;
}

.fellow-text {
    padding-left: 25px;
}


.parent {
    /*            width: 45%;
            margin: 0px;
            height: 300px;*/

    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
}

.child {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


.parent:hover .child, .parent:focus .child {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

    .parent:hover .child:before, .parent:focus .child:before {
        display: block;
    }

.parent:hover a, .parent:focus a {
    display: block;
}

.child:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52,73,94,0.75);
}

 /*comming soon class*/
.parent-cs {
    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: default;
}

.child-cs {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


.parent-cs:hover .child-cs, .parent-cs:focus .child-cs {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

    .parent-cs:hover .child-cs:before, .parent-cs:focus .child-cs:before {
        display: block;
    }

.parent-cs:hover a, .parent-cs:focus a {
    display: block;
}

.child-cs:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52,73,94,0.75);
}

.btn-rollover-r {
    display: inline-block;
    width: 270px !important;
}

.slideText {
    display: inline-block; /* inline-block so we can set a width */
    width: 0;
    white-space: nowrap; /* keep text one line */
    direction: ltr; /* change direction so the text overflow on the left */
    color: rgba(255,255,255,0);
    transition: .5s;
    transform: translateX(7px); /* put the value you want here */
    pointer-events: none; /* to avoid the hover on the text, remove to see the difference */
    font-weight: bold !important;
}

.btn-rollover-r:hover .slideText {
    color: #ffffff;
    transform: translateX(7px, 0);
}


@media screen and (max-width:870px) {
    .fbox {
        display: flex;
        flex-direction: row;
    }

        .fbox :nth-child(1) {
            order: 1;
        }

        .fbox :nth-child(2) {
            order: 0;
        }

    .fbox-fellow {
        display: flex;
        flex-direction: row;
    }

        .fbox-fellow :nth-child(1) {
            order: 0;
        }

        .fbox-fellow :nth-child(2) {
            order: 1;
        }

    .fellow-text {
        padding-left: 0;
    }
}