style.css

.heading{
font-family: 'Pacifico', cursive;
color:white;
}
.navbar-inner {
    background-color:transparent;
}
.fa {
      padding: 1.5rem;
      width: 5rem;
      text-align: center;
      text-decoration: none;
      margin:0.5rem;
    }

    .fa:hover {
      opacity: 0.7;
    }

    .fa-facebook {
      background: #3B5998;
      color: white;
    }

    .fa-twitter {
      background: #55ACEE;
      color: white;
    }

    .fa-google {
      background: #dd4b39;
      color: white;
    }

    .fa-github {
      background: black;
      color: white;
    }

    .fa-linkedin {
      background: #007bb5;
      color: white;
    }

    .fa-instagram {
      background: #cc0052;
      color: white;
    }
    @media only screen and (max-device-width: 1024px) {
      #main{
        height:20rem;
        padding:5rem;
      }
      #main-u{
        top:50%;
      }
}