/*
.intro-card {
    width: auto;     
}
*/
.navbar-component {
    padding-bottom: 125px;
}

.useful-link-list li,
.social-media-list li,
.contact-us-list li{
    cursor: pointer;
}

footer .contact-details-list .list-group-item {
    padding: 0%;
}

.navbar-nav li:hover{
    font-weight:bold;
    border-bottom: solid 3px black;
}

ul.socialIcons {
    padding: 0;
    text-align: center;
  }
  
  .socialIcons li {
    background-color: yellow;
    list-style: none;
    display: inline-block;
    margin: 4px;
    border-radius: 2em;
    overflow: hidden;
  }
  
  .socialIcons li a {
    display: block;
    padding: 0.5em;
    min-width: 1.28571429em;
    max-width: 1.28571429em;
    height: 1.28571429em;
    white-space: nowrap;
    line-height: 1.5em; /*it's working only when you write text with icon*/
    transition: 0.5s;
    text-decoration: none;
    font-family: arial;
    color: #fff;
  }
  
  .socialIcons li i {
    margin-right: 0.5em;
  }
  
  .socialIcons li:hover a {
    max-width: 200px;
    padding-right: 1em;
  }
  
  .socialIcons .facebook {
    background-color: #3b5998;
    box-shadow: 0 0 16px #3b5998;
  }
  
  .socialIcons .twitter {
    background-color: #00aced;
    box-shadow: 0 0 16px #00aced;
  }
  
  .socialIcons .instagram {
    background-color: #cd486b;
    box-shadow: 0 0 16px #cd486b;
  }
  
  .socialIcons .pinterest {
    background-color: #c92228;
    box-shadow: 0 0 16px #c92228;
  }
  
  .socialIcons .steam {
    background-color: #666666;
    box-shadow: 0 0 16px #666666;
  }