.svg-social-media {
     display: flex;
     justify-content: center;
     row-gap: 10px;
     column-gap: 20px;
     margin: 26px 0 0 0;
}
 .svg-social-media div {
     text-align: center;
}
 .center-flex {
     display: flex;
     align-items: center;
}
 .svg-social-media a svg {
     width: 36px;
     transition: fill .3s ease-in-out, background-color .3s ease-in-out;
}
 .svg-social-media a#facebook-svg:hover svg {
     fill: #4267B2;
}
 .svg-social-media a#twitter-svg:hover svg {
     fill: #1da1f2;
}
 .svg-social-media a#instagram-svg:hover svg {
     fill: #e1306c;
}
 .large-text, ul.large-text li {
     font-size: 22px;
     line-height: 1.5em;
     font-weight: 400;
}
 .button-link {
     border-radius: 10px !important;
     padding: 10px 40px;
     display: inline-block;
     transition: .2s ease-in-out;
     text-decoration: none !important;
     background-color: #001447 !important;
     color: white !important;
     font-weight: bold;
     font-size: 15px;
     text-align: center;
}
 .width-890 {
     max-width: 890px;
     margin: 0 auto !important;
}
 .header-title {
     font-size: 42px;
}
 .paragraphm {
     font-family: Arial, sans-serif;
}
 .orange-header-text {
     font-family: "Open Sans", sans-serif;
     color: #F1892F;
     font-size: 18px;
     font-weight: 800;
}
 p + .orange-header-text {
     margin-top: 36px;
}
 h3 + .orange-header-text {
     margin-top: 0;
}
 .link-blue p a {
     color: #337ab7;
     text-decoration: underline;
}
 .btn-lg, .btn-group-lg > .btn {
     padding: 10px 16px;
     font-size: 18px;
     line-height: 1.3333333;
     border-radius: 6px;
}
 p a {
     color: #337ab7;
     text-decoration: underline;
     transition: color 0.3s ease-in-out 
}
 p a:hover {
     color: #f58220;
}
/********************************************* * DESKTOP DROP DOWN MENU * ************************************************/
 @media (min-width:1250px) {
     .navbar-default.utep-nav .nav > li {
         position: relative;
    }
     .navbar-default.utep-nav .nav > li.dropdown {
         position: relative;
    }
     .navbar-default.utep-nav .navbar-nav > li > a:hover {
         color: #FF8200;
    }
     .navbar-default.utep-nav .nav .ddWrapper {
         visibility: hidden;
         position: absolute;
         opacity: 0;
         -webkit-transition-property: opacity, visibility;
         -moz-transition-property: opacity, visibility;
         -o-transition-property: opacity, visibility;
         transition-property: opacity, visibility;
         -webkit-transition-duration: .2s, 0s;
         -moz-transition-duration: .2s, 0s;
         -o-transition-duration: .2s, 0s;
         transition-duration: .2s, 0s;
         -webkit-transition-delay: 0s, .2s;
         -moz-transition-delay: 0s, .2s;
         -o-transition-delay: 0s, .2s;
         transition-delay: 0s, .2s;
    }
     .navbar-default.utep-nav .nav .ddWrapper {
         left: 0;
         z-index: 497;
         padding: 2px;
         border: 1px solid #ccc;
         box-shadow: 0 3px 4px rgba(0, 0, 0, .4);
    }
     .navbar-default.utep-nav .nav li:hover > .ddWrapper {
         opacity: 1;
         visibility: visible;
         -webkit-transition-delay: 0s, 0s;
         -moz-transition-delay: 0s, 0s;
         -o-transition-delay: 0s, 0s;
         transition-delay: 0s, 0s;
         top: 99%;
         left: 0;
    }
     .navbar-default.utep-nav .nav li:hover > .ddWrapper .dropdown-menu, .navbar-default.utep-nav .nav li:hover > .dropdown-menu {
         display: inline-block;
    }
     .navbar-default.utep-nav .nav li:hover > .ddWrapper .dropdown-menu {
         float: left;
         display: inline-block;
         min-width: 160px;
         position: static;
    }
}
 @media screen and (min-width:992px) {
     .flex-row {
         display: flex;
         margin: 30px 0;
    }
}
 @media screen and (max-width:991px) {
     .large-text {
         font-size: 19px;
    }
     .flex-order {
         display: flex;
         flex-direction: column;
    }
     .flex-order #order-1 {
         order: 1;
    }
     .flex-order #order-2 {
         order: 2;
    }
     .img-padding-top {
         margin-top: 15px;
    }
}
 @media (max-width:768px) {
}
 @media (max-width:576px) {
     .sectionAnchor {
         padding-top: 30px !important;
    }
     #space-div.sectionAnchor {
         padding-top: 95px !important;
    }
     .svg-social-media {
         margin-top: 45px;
    }
}
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
 @media only screen and (min-width:320px) {
     .headerm {
         font-size: 28px;
         line-height: 1.5em;
         color: black;
    }
     .paragraphm {
         font-size: 15px;
         line-height: 1.5em;
    }
}
/* Extra Small Devices, Phones */
 @media only screen and (min-width:480px) {
     .headerm {
         font-size: 34px;
         line-height: 1.5em;
         color: black;
    }
     .paragraphm {
         font-size: 20px;
         line-height: 1.5em;
    }
}
/* Small Devices, Tablets */
 @media only screen and (min-width:768px) {
     .headerm {
         font-size: 48px;
         line-height: 1.5em;
         color: black;
    }
}
/* Medium Devices, Desktops */
 @media only screen and (min-width:992px) {
}
/* Large Devices, Wide Screens */
 @media only screen and (min-width:1200px) {
     .headerm {
         font-size: 70px;
         color: black;
    }
}
/****************************************** * GALLERY THUMNNAIL OVERLAY * *******************************************/
 .gallery-thumbnail-overlay-wrap {
     position: relative;
}
 .gallery-thumbnail-overlay-wrap > img {
     object-fit: cover;
     height: 100%;
     width: 100%;
}
 a.gallery-thumbnail-overlay-wrap .img-gallery-hover-overlay {
     background: rgba(255, 130, 0, 0);
}
 a.gallery-thumbnail-overlay-wrap:hover .img-gallery-hover-overlay {
     background: rgba(255, 130, 0, 0.75);
}
 a.gallery-thumbnail-overlay-wrap:hover .img-gallery-hover-overlay img {
     opacity: 1;
     transform: translate(0, 0);
}
 a.gallery-thumbnail-overlay-wrap:hover {
     cursor: pointer;
}
/**************************************************** * CARDS * ****************************************************/
 .w-layout-grid {
     display: -ms-grid;
     display: grid;
     grid-auto-columns: 1fr;
     -ms-grid-columns: 1fr 1fr;
     grid-template-columns: 1fr 1fr;
     -ms-grid-rows: auto auto;
     grid-template-rows: auto auto;
     grid-row-gap: 16px;
     grid-column-gap: 16px;
}
 .programs-grid {
     -ms-grid-columns: 1fr 1fr 1fr 1fr;
     grid-template-columns: 1fr 1fr 1fr 1fr;
}
 .grid-columns-3 {
     grid-template-columns: repeat(3, 1fr);
}
 .grid-columns-4 {
     grid-template-columns: repeat(4, 1fr);
}
 .program-card {
     border-radius: 6px;
     box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
     text-decoration: none;
     transition: box-shadow 200ms ease-in;
     background: white;
}
 .program-card:hover {
     box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
}
 .program-card-img-wr {
     height: 150px;
}
 .program-card-img-wr {
     position: relative;
}
 .image-5 {
     object-fit: cover;
     height: 100%;
     width: 100%;
}
 .image-5 {
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
}
 .program-card-hover-overlay, .img-gallery-hover-overlay {
     position: absolute;
     left: 0%;
     top: 0%;
     right: 0%;
     bottom: 0%;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
     background-color: rgba(4, 30, 66, 0);
     -webkit-transition: background-color 200ms ease-in;
     transition: background-color 200ms ease-in;
}
 .div-block-6, .img-gallery-hover-overlay > div {
     -webkit-box-flex: 1;
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
}
 .pc-explore, .img-gallery-hover-overlay img {
     margin-right: auto;
     margin-left: auto;
     opacity: 0;
     -webkit-transform: translate(0px, 40px);
     -ms-transform: translate(0px, 40px);
     transform: translate(0px, 40px);
     -webkit-transition: opacity 300ms ease, -webkit-transform 200ms ease-out;
     transition: opacity 300ms ease, -webkit-transform 200ms ease-out;
     transition: transform 200ms ease-out, opacity 300ms ease;
     transition: transform 200ms ease-out, opacity 300ms ease, -webkit-transform 200ms ease-out;
     height: 24px;
     width: 99px;
     display: block;
}
 .program-card-details {
     padding: 20px;
     border-top: 4px solid #ff8200;
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
}
 h2.program-card-heading {
     margin-top: 0px;
     margin-bottom: 0px;
     font-size: 16px;
     line-height: 22px;
     font-weight: 800;
     text-decoration: none;
     font-family: 'Open Sans', sans-serif !important;
     text-decoration: none !important;
     text-align: left !important;
     color: #041E42 !important;
}
 a.program-card, .background-blue .optionalblock a.program-card {
     color: #337ab7;
     text-decoration: none !important;
}
 a.program-card:hover .program-card-hover-overlay {
     background: rgba(4, 30, 66, 0.75);
}
 a.program-card:hover img.pc-explore {
     opacity: 1;
     transform: translate(0, 0);
}
 a.program-card:hover {
     cursor: pointer;
}
 @media screen and (min-width:1680px) {
     .carousel-inner > .item {
         height: 550px !important;
    }
}
 @media screen and (max-width:1364px) {
     .side-article-wrap {
         max-width: 585px;
    }
     #events .hl-item span.stat-title {
         font-size: 54px;
    }
}
 @media screen and (max-width:1249px) {
     #image-side-left article {
         padding-left: 50px;
    }
     #image-side-right article {
         padding-right: 50px;
    }
     .side-article-wrap {
         max-width: 485px;
    }
}
 @media screen and (max-width:991px) {
     .side-article-wrap {
         max-width: 375px;
    }
     .side-article-wrap {
         padding: 60px 0;
    }
     .large-text {
         font-size: 19px;
    }
     .extra-large-text {
         font-size: 21px;
    }
     .programs-grid {
         -ms-grid-columns: 1fr 1fr;
         grid-template-columns: 1fr 1fr;
    }
}
 @media screen and (max-width:600px) {
     .fw-section p, .fw-section ul, .fw-section ol {
         font-size: 16px;
         line-height: 24px;
    }
     p.large-text {
         font-size: 19px;
         line-height: 25px;
    }
}
 @media screen and (max-width:680px) {
     .side-article-wrap, .container-narrow .row, #blue-narrow-wrap .row, #grid-img-wrap .row {
         max-width: 95%;
         margin: 0 auto !important;
    }
     #image-side-left article, #image-side-right article {
         padding: 0;
    }
     #image-side-left picture, #image-side-right picture {
         height: 250px;
         width: 100%;
         display: block;
    }
     #hero-banner .container h1.card-text {
         font-size: 45px;
         margin: 0;
    }
     #hero-banner .container .container-fluid {
         max-height: 95px;
    }
     #events .hl-item span.stat-title {
         font-size: 48px;
    }
     .scholars-support-grid.grid-columns-3 {
         -ms-grid-columns: 2fr;
         grid-template-columns: 2fr;
    }
}
 @media screen and (min-width:680px) {
     .grid-wrap-half {
         display: grid;
         grid-template-columns: 1fr 1fr;
    }
     #image-side-right .grid-wrap-half {
         direction: rtl;
         grid-auto-flow: dense;
    }
     .carousel-inner > .item img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         position: absolute;
         z-index: 1;
    }
     .carousel-inner > .item {
         height: 370px;
    }
}
 @media screen and (max-width:560px) {
     .background-blue #blue-narrow-wrap a.btn-primary {
         font-size: 16px;
         padding: 16px;
    }
     .side-article-wrap {
         padding: 30px 0;
    }
     .utepHeader .collegeHeading h1 {
         font-size: 2em;
    }
     .carousel {
         position: relative;
         margin-top: 17px;
    }
}
 @media screen and (max-width:479px) {
     .programs-grid, .scholars-support-grid.grid-columns-3 {
         -ms-grid-columns: 1fr;
         grid-template-columns: 1fr;
    }
     h3.orange-date {
         font-size: 1.3em;
    }
}