/* Social Media */

.container
{
  width: 80%;
  margin: 100px auto;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}

.container ul
{
  margin: 0;
  padding: 0;
}

.container ul li
{
  list-style: none;
  float: left;
  width: calc(100% / 8);
  box-sizing: border-box;
}

.container ul li a
{
   display: block;
   padding: 20px;
   text-decoration: none;
   color: #fff;
}

.container ul li a .fa
{
  font-size: 40px;
  transition: .5s;
}

.container ul li a:hover .fa
{
  transform: rotateY(360deg);  
}
*/
/*.container ul li:nth-child(1) a
{
  background: #3b5999;
}

.container ul li:nth-child(2) a
{
  background: #55acee;
}
.container ul li:nth-child(3) a
{
  background: #dd4b39;
}
.container ul li:nth-child(4) a
{
  background: #0077B5;
}
.container ul li:nth-child(5) a
{
  background: #e4405f;
}
.container ul li:nth-child(6) a
{
  background: #cd201f;
}*/

@media (max-width: 992px)
{

  .container ul li
  {
    width: calc(100% / 4);
  }

}

@media (max-width: 768px)
{
  .container
  {
    width: 100%;
  }

}

@media (max-width: 480px)
{

  .container
  {
    margin: 20px auto;
    }
   .container ul li
  {
    width: calc(100% / 2);
  }

}

@media (max-width: 360px)
{

  .container
  {
    margin: 0 auto;
    }
   .container ul li
  {
    width: calc(100% / 1);
  }