.socialSwingSet{
    border-top: 5px solid #1a1a1a;
    display: flex;
    margin: 0%;
    max-width: 100%;
    margin-top: 30px;
    align-items: center;
    justify-content: center;
}

.socialSwingSet .extLink {
    color: #fff;
}
   .socialSwingSet a:not(:first-child){
        margin-left: -3%;
    }


 @media screen and (min-width: 769px) and (max-width: 1199px) {
     .socialSwingSet{  
         max-width: 1000px;
            margin: 0 10%;
     }
 }

@media screen and (min-width: 900px) {

     .socialSwingSet a:not(:first-child){
            margin-left: -5%;
        }
 }

 @media screen and (min-width: 1200px) {
     .socialSwingSet{
         max-width: 1000px;
         position: relative;
         margin-left: auto;
         margin-right: auto;
     }
 }

.socialSwingSet a{
    max-width:200px;
    padding-bottom:0px;
    border-bottom: 0px;
    position: relative;
    max-height: 330px;
}

.socialSwingSet a:nth-child(even){
    margin-top:20px;
    z-index:20;
}

.socialSwingSet a:nth-child(even){
    margin-top:20px;
}

.socialSwingSet a:nth-child(2){
    z-index:20;
}

.socialSwingSet a:nth-child(3){
    z-index:30;
}
.socialSwingSet a:nth-child(4){
    z-index:40;
}

.socialSwingSet a:nth-child(5){
    z-index:50;
}
.socialSwingSet a:nth-child(6){
    z-index:60;
}

.socialSwingSet a:hover, .socialSwingSet a:focus {
    border: none;
    padding-bottom: 0px;
    position: relative;
    -moz-animation: 1s ease 0s normal none infinite swing;
    -moz-transform-origin: center top;
    -webkit-animation:swing 1s infinite ease-in-out;
    -webkit-transform-origin:top;
}

@-moz-keyframes swing{
    0%{-moz-transform:rotate(-3deg)}
    50%{-moz-transform:rotate(3deg)}
    100%{-moz-transform:rotate(-3deg)}
}
@-webkit-keyframes swing{
    0%{-webkit-transform:rotate(-3deg)}
    50%{-webkit-transform:rotate(3deg)}
    100%{-webkit-transform:rotate(-3deg)}
}

/*Need Media queries for mobile, tablet, desktop*/
.socialSwingSet a{
    width: 24vw;
    height: 33vw;
    background-size: 100%;
    background-repeat: no-repeat;
}

.socialSwingSet  a.twitter {
    background-image: url('https://engineering.cmu.edu/departments/_files/images/social/twitter.png');
}

.socialSwingSet a.twitter:hover, .socialSwingSet a.twitter:focus {
    background-image: url('https://engineering.cmu.edu/departments/_files/images/social/twitter-hover.png');
}

.socialSwingSet a.facebook {
    background-image: url('https://engineering.cmu.edu/departments/_files/images/social/facebook.png');
}

.socialSwingSet a.facebook:hover, .socialSwingSet a.facebook:focus {
    background-image: url('https://engineering.cmu.edu/departments/_files/images/social/facebook-hover.png');
}

.socialSwingSet  a.youtube {
    background-image: url('https://engineering.cmu.edu/departments/_files/images/social/youtube.png');
}

.socialSwingSet a.youtube:hover, .socialSwingSet a.youtube:focus {
    background-image: url('https://engineering.cmu.edu/departments/_files/images/social/youtube-hover.png');
}

.socialSwingSet a.instagram {
    background-image: url('https://engineering.cmu.edu/departments/_files/images/social/instagram.png');
}

.socialSwingSet a.instagram:hover, .socialSwingSet a.instagram:focus {
    background-image: url('https://engineering.cmu.edu/departments/_files/images/social/instagram-hover.png');
}

.socialSwingSet a.linkedin {
    background-image: url('https://engineering.cmu.edu/departments/_files/images/social/linkedin.png');
}

.socialSwingSet a.linkedin:hover, .socialSwingSet a.linkedin:focus {
    background-image: url('https://engineering.cmu.edu/departments/_files/images/social/linkedin-hover.png');
}