@import url("https://use.typekit.net/fwe3okk.css");
.italic {
    font-style: italic;
}
.freely {
    font-family: "p22-freely", cursive;
    font-weight: normal;
}
.fiu-gold .freely {
    color: inherit !important;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1rem;
}
*:not(h1) + h2 {
    margin-top: 3rem;
}
.cta-link-primary:hover::after,
.cta-link-primary:focus::after,
.cta-link-primary:active::after {
    animation-name: shake;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;    
}
.content-block,
.content-block.extra-padding {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}
.content-block.multimedia-bg {
    padding-top: 0;
    padding-bottom: 0;
}
.content-block .columns > h1,
.content-block .columns:not([class*="medium-"]) > h2,
.content-block.cta-section .columns.medium-10.small-centered h2 {
    text-align: center;
}
.flex-links--center,
.flex-links.flex-links--center,
.flex-links[style="text-align: center;"],
.columns:not(.medium-6) .cta-links {
    justify-content: center;
}
.fiu-background-blue--magenta-burst {
    background: #081E3F radial-gradient(320px circle at bottom right,#FFCC00, #CC0066, transparent) !important;
}
.fiu-background-blue--gold-burst {
    background: radial-gradient(320px circle at bottom right,#4f5142,transparent),radial-gradient(320px circle at top left,#23556c,#081E3F) !important;
}
.fiu-background-cyan-to-gold {
    background-color: #f8c93e;
    background-image: linear-gradient(90deg, cyan 0%, #fc0 100%);
}
.fiu-background-gold-to-cyan {
    background-color: #f8c93e;
    background-image: linear-gradient(90deg, #fc0 0%, cyan 100%);
}
.fiu-background-gold h2,
.fiu-background-gold-to-cyan h2,
.fiu-background-cyan-to-gold h2 {
    color: #081e3f;    
}
main .content-block.blue .content a, 
main .content-block.fiu-background-blue .content a {
    color: #fff;
}
.no-padding {
    padding: 0 !important;
}
.padding-sm {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
}
ul.two-columns.cta-columns {
    margin: 0.5rem 0;    
    list-style: none;
}
ul.two-columns.cta-columns li {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
/* Header */
body > header #nav {
    z-index: 99;
    position: absolute;
    width: 100%;
    background-color: transparent;
}
.header-grid-logo {
    display: none;
}
body > header #nav .nav-links {
    float: right;
    padding-right: 0.4rem;
}
body > header #nav .nav-links * {
    font-size: 1.125rem;
    font-weight: 700;
    text-shadow: 0px 3px 6px #00000080;
}
body > header #nav .site-header #menu {
    text-shadow: 0 0 3px #333;
}
body > header .site-header .tools #menu span {
    font-size: 1rem !important;    
    margin-top: 0.8rem;
}
body > header .site-header .tools .fa {
    font-size: 1.75rem;    
}
.fiu-sub-nav-wrapper.hide:first-child + .breadcrumbs-wrapper {
    position: relative;
    margin-top: 95px;
}
.fiu-sub-nav-wrapper.hide:first-child + .breadcrumbs-wrapper::before {
    content: '';
    position: absolute;    
    top: -95px;
    left: 0;
    width: 100%;
    height: 90px;
    background: #081e3f;
}
/* All Banners */
#banner h1, 
#banner .display-text--x-large,
#banner .display-text--large,
#banner-video h1,
#banner-video .display-text--x-large,
#banner-video .display-text-large {
    margin-bottom: 1rem;
    font: 800 4.5rem/1.2 'Barlow', 'new-frank', sans-serif;
    text-shadow: 0px 3px 6px #00000080;
    transform: none;
    vertical-align: center;
}
#banner p,
#banner li,
#banner-video p,
#banner-video li {
    font-size: 1.125rem;
    text-shadow: 0px 3px 6px #00000029;
}
@media (max-width: 640px) {
    #banner h1, 
    #banner .display-text--x-large,
    #banner .display-text--large,
    #banner-video h1,
    #banner-video .display-text--x-large,
    #banner-video .display-text-large {
        font-size: 2.5rem;
    }
}
/* Home Banner */
#banner.banner--welcome,
#banner-vieo.banner--welcome {
    background-position: 50% 0 !important;
    z-index: 10;
}
#banner.banner--welcome .headline-container,
#banner-video.banner--welcome .headline-container {
    background: transparent;    
}
#banner.banner--welcome .headline-container > .row > .columns,
#banner-video.banner--welcome .headline-container > .row > .columns {
    padding: 0;    
}
#banner.banner--welcome.banner-flex .content-flex,
#banner-video.banner-flex.banner--welcome .content-flex {
    align-items: flex-end;
    min-height: 0;
    padding-top: 300px;
}
#banner.banner--welcome .content-flex .content {
    margin-bottom: -6rem;
    padding: 2rem;
    max-width: 865px;
    width: 100%;
    text-align: center;
    background-color: #081E3F;
}
#banner.banner--welcome .content-flex .content > *:last-child {
    margin-bottom: 0;    
}
#banner.banner--welcome h1, 
#banner.banner--welcome .display-text--x-large,
#banner.banner--welcome .display-text--large,
#banner-video.banner--welcome h1,
#banner-video.banner--welcome .display-text--x-large,
#banner-video.banner--welcome .display-text-large {
    position: static;
    top: auto;
    vertical-align: middle;
    color: #fc0;
}
#banner.banner--welcome h1 span {
    display: block;
    width: auto;
    vertical-align: middle;    
}
#banner.banner--welcome .freely,
#banner-video.banner--welcome .freely {
    font-size: 0.72222222em;
    line-height: 1;
}
#banner.banner--welcome p a,
#banner.banner--welcome p a *, 
#banner-video.banner--welcome p a, 
#banner-video.banner--welcome p a * {
    color: #00ffff;
    font-weight: 700;
}
#banner.banner--welcome p a [class*="fa-"] {
    margin-left: 0.33333333em;
}
#banner.banner--welcome p a:hover [class*="fa-"] {
  animation-name: bounce;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
#banner.banner--welcome.banner-flex .content-flex,
#banner-video.banner-flex.banner--welcome .content-flex {
    padding-bottom: 0;        
}
#banner-paw-sticker {
    position: absolute;
    right: 1.5rem;
    bottom: -8rem;
}
@media (min-width: 1025px) {
    #banner.banner--welcome h1 span {
        display: inline-block;    
    }
    #banner.banner-flex.banner--welcome .content-flex, 
    #banner-video.banner-flex.banner--welcome .content-flex {
        min-height: 630px;
    }
    #banner.banner--welcome.banner-flex .content-flex,
    #banner-video.banner-flex.banner--welcome .content-flex {
        padding: 4.75rem 0 0;
    }
}
/* Intro Paragraph */
#page-intro > .content-block.white:first-child > .columns > h1:last-child {
    margin-bottom: 0 !important;
}
#page-intro + article > .content-block.white:first-child,
#page-intro + article > .content-block.fiu-background-white:first-child {
    padding-top: 0;    
    margin-top: -2.5rem;
}
#page-intro[aria-hidden="true"] + article > .content-block.white:first-child,
#page-intro[aria-hidden="true"] + article > .content-block.fiu-background-white:first-child {
    padding-top: 4.5rem;    
}
@media (min-width: 767px) {
    .content-block:not(.fiu-slider):not(.content-block--wide-text) .small-12:not([class*="medium-"]),
    .content-block.cta-section > .row > .columns[class="columns"] {
        margin-left: auto;
        margin-right: auto;
        max-width: 80%;
        float: none;
    }    
    .content-block .small-12 .flex-cards,
    .content-block .small-12 nav:not(.fixed), /* Anchor Nav */
    .content-block .small-12 .block-grid--bordered {
        margin-left: -10%;
        margin-right: -10%;
    }
    .content-block .small-12 [class*="block-grid-"] {
        margin-left: -10%;
        margin-right: -10%;
    }
    .content-block .small-12 .card-grid,
    .content-block .small-12 .cards,
    .content-block .small-12 .large-block-grid-3,
    .content-block .small-12 .text-right {
        margin-left: -10%;
        margin-right: -10%;
    }
    .content-block .columns > h1,
    .content-block .columns > h2 {
        line-height: 1.2;
    }
}
@media (min-width: 1025px) {
    .content-block:not(.fiu-slider):not(.content-block--wide-text) .small-12:not([class*="medium-"]),
    .content-block.cta-section > .row > .columns[class="columns"] {
        margin-left: auto;
        margin-right: auto;
        max-width: 66.66667%;
        float: none;
    }
    .content-block .small-12 .flex-cards,
    .content-block .small-12 nav:not(.fixed), /* Anchor Nav */
    .content-block .small-12 .block-grid--bordered {
        margin-left: -26.25%;
        margin-right: -26.25%;
    }
    .content-block .small-12 [class*="block-grid-"] {
        margin-left: -30%;
        margin-right: -30%;
    }
    .content-block .small-12 .card-grid,
    .content-block .small-12 .cards,
    .content-block .small-12 .large-block-grid-3,
    .content-block .small-12 .text-right {
        margin-left: -33.3333%;
        margin-right: -33.3333%;
    }
    .content-block .small-12 .large-block-grid-3 + .text-right {
        padding-left: .625rem;
        padding-right: .625rem;
    }
}
@media (min-width: 1600px) {
    .content-block .small-12 .flex-cards,
    .content-block .small-12 nav:not(.fixed), /* Anchor Nav */
    .content-block .small-12 .block-grid--bordered {
        margin-left: -40%;
        margin-right: -40%;
    }    
}
/* Stats */
.stats ul.row {
    padding-bottom: 0;
}
.stats ul.row li {
    padding-bottom: 0;
}
.stats ul.row li p:last-child {
    margin-bottom: 0 !important;
}
/* Icon Link Row */
.icon-link-row li {
    transition: all .2s ease;
}
.icon-link-row li:hover {
    transform: translateY(-0.5rem);
    padding-bottom: 0.5rem;
}
.icon-link-row a .underline {
    text-decoration: none;    
}
.icon-link-row a {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.625rem;
}
.icon-link-row .fa {
    font-size: 2.625rem;
    margin-bottom: 0.5rem;
}
.additional-content-before + .row .icon-link-row {
    margin-top: 1rem;
}
/* Subscribe Module */
.subscribe-module {
    margin-top: -2rem;
    margin-bottom: -2rem;
    text-align: center;
}
.subscribe-module h2,
.subscribe-module h3,
.subscribe-module h4,
.subscribe-module h5 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.subscribe-module .cta-wrapper {
    margin-top: 1rem;
}

@media (min-width: 640px) {
    .subscribe-module {
        text-align: left;
    }
    .subscribe-module {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .subscribe-module .cta-wrapper {
        margin-top: 0;
    }
}
/* Module: First Year */
.module--first-year.fiu-background-gray {
    background: #EEF2F4D9 url(../images/ryder-building-bg.webp) 50% 50% no-repeat;
    background-size: cover;
    position: relative;
    mix-blend-mode: darken;
    opacity: 1;
    padding-top: 10rem;
}
.module--first-year.fiu-background-gray::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #EEF2F4D9 0% 0% no-repeat padding-box;
}
.welcome-grid {
    counter-reset: h3counter;
}
.welcome-grid .grid-item {
    position: relative;
} 
.welcome-grid .grid-item > img {
    position: relative;
    max-width: 80%;
    margin: 0 auto;
    display: block;
}
.welcome-grid .panel {
    position: relative;
    border-color: #e6e6e6;
    border-radius: 5px;
    margin: 1rem 0;
    padding: 2rem;
    max-width: 660px;
    box-shadow: 0px 3px 6px #00000029;
    background-color: #eef2f4;
}
.fiu-background-gray .welcome-grid .panel {
    background-color: #fff;
}
.welcome-grid .panel h3 {
    font-weight: 700;
    line-height: 1.2;
}
.welcome-grid .panel h3::before {
    content: counter(h3counter) ".\0000a0";
    counter-increment: h3counter;
}
.welcome-grid .panel > *:last-child {
    margin-bottom: 0;
}
.welcome-grid .panel .cta-link-primary {
    white-space: nowrap;
}
.welcome-grid.reverse .grid-item:nth-child(2n + 1),
.welcome-grid:not(.reverse) .grid-item:nth-child(2n) {
    flex-direction: row-reverse;
}
.welcome-grid.reverse .grid-item:nth-child(2n + 1) > img,
.welcome-grid:not(.reverse) .grid-item:nth-child(2n) > img {
    left: -30px;
    z-index: 10;
}
@media (max-width: 640px) {
    .welcome-grid .panel {
        margin: 0 1rem;
    }
    .welcome-grid .grid-item > img {
        margin-bottom: -30px;
    }
    #tuition .panel, 
    #camp .panel,
    #convocation .panel,
    #first-night .panel {
        z-index: 100;
    }
    #convocation {
        margin-top: -40px;
    }
    #orientation {
        margin-bottom: -80px;
        z-index: 2;
    }
    #orientation > img {
        margin-bottom: -35px;
    }
    #welcome-week .panel {
        z-index: 0;        
    }
    #welcome-week > img {
        z-index: 10;
    }
}
@media (min-width: 641px) {
    .welcome-grid {
        display: flex;
        flex-direction: column;
    }
    .welcome-grid .grid-item {
        display: flex;
        align-items: center;
    } 
    .welcome-grid .grid-item > img {
        margin: 0 0 -50px;
        max-width: 280px;
        max-height: 280px;
    }
    .welcome-grid .grid-item:first-child > img {
        margin-top: -1rem;
    }
    #camp > img {
        z-index: 10;
    }
    #convocation {
        z-index: 10;
    }
}
@media (min-width: 767px) {
    .welcome-grid {
        margin-left: -10%;
        margin-right: -10%;
    }
    .welcome-grid .grid-item > img {
        margin-bottom: -100px;
        max-width: 325px;
        max-height: 325px;        
    }
    .welcome-grid .panel {
        padding: 4.375rem 3.75rem;
    }
}
@media (min-width: 800px) {
    .welcome-grid .grid-item > img {
        position: relative;
        right: 0;
        margin-top: -200px;
        margin-bottom: -200px;
        max-width: 325px;
        max-height: 325px;
    }
    .welcome-grid .panel {
        min-height: 230px;
    }
    .welcome-grid #welcome-week > img {
        margin-top: -80px;
    }
    .welcome-grid #welcome-week .panel {
        z-index: 100000;
    }
}
@media (min-width: 1025px) {
    .welcome-grid {
        margin-left: -20%;
        margin-right: -20%;    
    }    
    .welcome-grid .grid-item > img {
        right: -3.5rem;
        max-width: 400px;
        max-height: 400px;
    }
    .welcome-grid .panel h3 {
        font-size: 1.5rem;
    }
}
@media (min-width: 1240px) {
    .welcome-grid {
        margin-left: -41%;
        margin-right: -41%;    
    }
    .welcome-grid .grid-item > img {
        position: relative;
        right: -3.5rem;
        margin-top: -135px;
        margin-bottom: -135px;
        max-width: 500px;
        max-height: 500px;
    }
    .welcome-grid .panel {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .welcome-grid .panel h3 {
        font-size: 2rem;
    }
}
/* Custom Welcome Grid: #accepted-fall-2024 */
#accepted-fall-2024 .grid-item > img {
    z-index: 110 !important;
}
#accepted-fall-2024 #camp {
    margin-top: 5rem;
}
@media (min-width: 641px) {
    #accepted-fall-2024 #camp {
        margin-top: 0;
    }    
}
@media (min-width: 801px) {
    #accepted-fall-2024 #tuition > img {
        margin-top: -9rem;
    }
}
@media (min-width: 1230px) {
    #accepted-fall-2024 #tuition > img {
        margin-top: -4rem;
        right: 0;
    }
    #accepted-fall-2024 #camp > img {
        right: -1.5rem;
    }
}
/* Custom Welcome Grid: #accepted */
@media (max-width: 640px) {
    #accepted #tuition .panel, 
    #accepted #camp .panel,
    #accepted #convocation .panel,
    #accepted #first-night .panel {
        z-index: 100;
    }
    #accepted #convocation {
        margin-top: -40px;
    }
    #accepted #orientation {
        margin-bottom: -80px;
        z-index: 2;
    }
    #accepted #orientation > img {
        margin-bottom: -35px;
    }
    #accepted #welcome-week .panel {
        z-index: 0;        
    }
    #accepted #welcome-week > img {
        z-index: 10;
    }
}
@media (min-width: 641px) {
    #accepted #camp > img {
        z-index: 10;
    }
    #accpted #convocation {
        z-index: 10;
    }
}
@media (min-width: 800px) {
    #accepted #welcome-week > img {
        margin-top: -80px;
    }
    #accepted #welcome-week .panel {
        z-index: 100;
    }
}
/* Custom Welcome Grid: #fall-start */
#fall-start #first-night {
    z-index: 100;
}
#fall-start #welcome-week {
    z-index: 10;
}
#fall-start #student-orgs > img {
    z-index: 10;
}
@media (min-width: 641px) {
    #fall-start #convocation > img {
        top: -40px;
    }    
}
@media (max-width: 640px) {
    #fall-start #first-night > img {
        z-index: 10;
    }
    #fall-start #first-night .panel {
        z-index: 0;
    }    
}
@media (min-width: 1025px) {
    #fall-start #student-orgs > img {
        bottom: -1rem;
        right: -2rem;
    }
    #fall-start #welcome-week > img {
        margin-top: -60px;
    }
}
/* Panther Pennant */
#panther-pennant {
    position: absolute;
    top: -9rem;
    right: 50%;
    height: 120px;
    width: 240px;
    transform: rotate(-10deg) translateX(50%);
}
#panther-pennant img {
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%;
    width: 100%;
}
@media (min-width: 1025px) {
    #panther-pennant {
        top: -10rem;
        right: -18vw;
        height: 150px;
        width: 300px;
        transform: rotate(-10deg);
    }         
}
/* Paws Up */
#paws-up {
    position: relative;
    z-index: 1000;
    margin-top: -7.5rem;
    text-align: center;
}
#paws-up svg:hover {
    animation-name: pulse;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@media (min-width: 641px) {
    #paws-up {
        text-align: right;
    }
}
@media (min-width: 1025px) {
    #paws-up {
        margin-right: -25%;
    }
}
@media (min-width: 1240px) {
    #paws-up {
        margin-right: -45%;
    }
}
/* Module: Life at FIU */
.module--life-at-fiu {
    position: relative;
    padding-top: 650px;
    padding-bottom: 10.5rem;
    background: #fff url(../images/tamiami-hall.webp) no-repeat 65% 0;
    background-size: 1366px auto;
}
@media (min-width: 1367px) {
    .module--life-at-fiu {
        background-size: 100% auto;
    }    
}
.module--life-at-fiu::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: calc(100% - 800px);
    width: 100%;
    background: #fff;
}
.module--life-at-fiu > .row {
    z-index: 1;
    position: relative;
}
.module--life-at-fiu .row.additional-content-before .columns {
    background: #fff;
    padding: 1.875rem;
    border-radius: 5px 5px 0 0;
}
.module--life-at-fiu .row.additional-content-before h2 {
    color: #081e3f;
}
@media (min-width: 768px) {
    .module--life-at-fiu {
        background-position: 50% 0;    
    }
    .module--life-at-fiu .row.additional-content-before .columns {
        padding: 3.75rem 4.375rem 2.75rem;
    }
}
@media (max-width: 1024px) {
    .module--life-at-fiu .row.additional-content-before > .small-12 {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }
}
@media (max-width: 480px) {
    .module--life-at-fiu .row.additional-content-before > .small-12 {
        margin-left: .9375rem;
        margin-right: .9375rem;
        width: auto;
    }
}
#panthers-script-sticker {
    height: 120px;
    width: 240px;
    position: absolute;
    top: -6em;
    left: 50%;
    transform: translateX(-50%);
}
#panthers-script-sticker img {
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%;
    width: 100%;
}
@media (min-width: 900px) {
    #panthers-script-sticker {
        top: -10rem;
        left: 10rem;
        transform: none;
    }    
}
#panther-head {
    text-align: center;
    margin-top: -13rem;
    margin-bottom: 2rem;
}
#panther-head img:hover {
    animation-name: pulse;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
/* Thumbnail Grids */
.row.additional-content-before + .row .thumb-grid {
    margin-top: 1rem;
}
.row.additional-content-after {
    margin-top: 1rem;
}
.content-block--thumbnail-grid-alt1 .thumb-grid {
    align-items: stretch;
}
.content-block--thumbnail-grid-alt1 .thumb-grid-wrapper {
    display: flex;
    flex-direction: column;
    box-shadow: 0px 1px 3px #00000080;
}
.content-block--thumbnail-grid-alt1 .thumb-grid.flex-cards li a {
    display: flex;
    height: 100%;
    background: yellow;
    text-decoration: none;
}
.content-block--thumbnail-grid-alt1 .thumb-grid.flex-cards li .content {
    position: static;
    display: flex;
    align-items: center;
    align-self: flex-end;
    flex-grow: 1;
    padding: 1.5rem;
    background-color: #eef2f4;
}
.content-block--thumbnail-grid-alt1.fiu-background-gray .thumb-grid.flex-cards li .content {
    background-color: #fff;
}
.content-block--thumbnail-grid-alt1 .thumb-grid.flex-cards li .content span {
    padding: 0;
    height: 100%;
    width: 100%;
    line-height: 1.5;
    color: #333;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1240px) {
    .content-block--thumbnail-grid-alt1 .thumb-grid.flex-cards li .content span {
        font-size: 1.125rem;
    }
}
@media(min-width: 1025px) {
    .thumb-grid.flex-cards {
        gap: 2rem;
    }
    .thumb-grid.flex-cards li,
    .thumb-grid.flex-cards li:first-child:nth-last-child(3),
    .thumb-grid.flex-cards li:first-child:nth-last-child(3)~li,
    .thumb-grid.flex-cards.three-columns>li {
        width:calc(33% - 1.2rem) !important;
    }
    .thumb-grid.flex-cards li:first-child:nth-last-child(1),
    .thumb-grid.flex-cards li:first-child:nth-last-child(1)~li,
    .thumb-grid.flex-cards li:first-child:nth-last-child(2),
    .thumb-grid.flex-cards li:first-child:nth-last-child(2)~li,
    .thumb-grid.flex-cards li:first-child:nth-last-child(4),
    .thumb-grid.flex-cards li:first-child:nth-last-child(4)~li,
    .thumb-grid.flex-cards.two-columns>li {
        width:calc(50% - 1rem) !important;
    }
    .thumb-grid.flex-cards.four-columns>li {
        width:calc(25% - 1.5rem) !important;
    }
}
/* Connect with us */
.module--connect-with-us.module--connect-with-us--extra-padding {
    padding-top: 4.375rem !important;
    padding-bottom: 12rem !important;
}
.module--connect-with-us .content-wrapper.flex {
    justify-content: center;    
}
.module--connect-with-us h2 {
    font-size: 3.25rem;
}
.module--connect-with-us .social-media {
    margin-bottom: 2rem;
}
.module--connect-with-us h2 .freely {
    display: inline-block;
    margin-left: 10px;
}
/* Social List */
.social-media.social-media--large a {
    display: inline-block;
    border-radius: 50%;
    padding: 0.5rem;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: #081e3f;
    color: #fff !important;
}
.social-media.social-media--large a,
.social-media.social-media--large a:hover {
    font-size: 1.5rem;
    line-height: 2.5rem;    
}
.social-media.social-media--large {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}
.social-media.social-media--large li {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.social-media.social-media--large a.instagram{
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.social-media.social-media--large a.twitter {
    background-color: #1DA1F2;
}
.social-media.social-media--large a.facebook {
    background-color: #4267b2;
}
.social-media.social-media--large a.linkedin {
    background-color: #0077B5;
} 
.social-media.social-media--large a.youtube {
    background-color: #FF0000;
} 
/* Footer */
footer .footer-info {
  padding: 4rem 0 !important;
}
footer .footer-info .social-media {
    padding-left: 0;
}
footer > .row {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
body > footer .copyright {
    margin-bottom: 0;
}
/* Animations */
/* Pop Out */
@keyframes pop-out {
  50% {
    transform: scale(1.2);
  }
}
/* Bounce */
@keyframes bounce {
  16.65% {
    transform: translateY(5px);
  }
  33.3% {
    transform: translateY(-4px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
/* Shake */
@keyframes shake {
  16.65% {
    transform: translateX(5px);
  }
  33.3% {
    transform: translateX(-4px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
/* Pulse */
@keyframes pulse {
  to {
    transform: scale(1.3);
  }
}