main.css

/***{
  border: 1px dashed black;
}**/

html, body {
  border: 0px;
  padding: 0px;
  margin: 0px;
  background-color: #000A00;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.navbar {
    /*border:1px solid #ccc;*/
    /*border-width:1px 0;*/
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    background-color: #2A2B2F;
    position:fixed;
    height: 10%;
    width: 100%;
    z-index: 2;
}

.navbar li {

   display: inline-block;

  display: inline-block;
  padding-right: 3%;
  padding-left: 3%;
  text-transform: uppercase;
}

.navbar a{
    display:inline-block;
    padding:10px;
}

#hero {
  background-image: url('https://dl.dropboxusercontent.com/u/297682547/hero-image.png');
  background-size: cover;
  height: 600px;
  width: 100%;
  border: none;
  /* for the parallax background */
  background-attachment: fixed;
  background-position: center center;
}

#team-photo {
  background-image: url('https://dl.dropboxusercontent.com/u/297682547/code-wallpaper-2.jpg');
  background-size: cover;
  height: 250px;
  width: 100%;
  border: none;
  /*parallax*/
  background-attachment: fixed;
  background-position: center center;
}

#general-photo {
  background-image: url('http://i.ytimg.com/vi/W7uQbjVW8tE/maxresdefault.jpg');
  background-size: cover;
  height: 350px;
  width: 100%;
  border: none;
  /*parallax*/
  background-attachment: fixed;
  background-position: center center;

}

#heading {
  position: absolute;
  text-align: center;
  color: #FEFCFF;
  font-size: 40px;
  font-weight: bold;
  font-family: 'Source Sans Pro', sans-serif;
  left: 0;
  bottom: 450px;
  width: 100%;

}

#about {
  background-color: #9CB071;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

#about h1, p, #profiles h1, #profiles h2, #blog h1, #blog h3, #blog p {
  color: #FEFCFF;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
}

#about-para {
  padding: 0px 100px 0px 100px;
}

#profiles {
  background-color: #9CB071;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

#profiles h1 {
  text-align: center;
}

#profiles p {
  max-width: 240px;
  text-align: center;
}

#blog {
  background-color: #2A2B2F;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

.profile {
  display: inline-block;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.profile-pic {
  opacity: 1;
  filter:alpha(opacity=100);
  width: 240px;
  height: 240px;
}

.profile-pic:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.blog-article {
  display: inline-block;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  max-width: 400px;
  vertical-align: top;
}

.blog-article img:hover {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

#clickme {
  color: black;
  font-weight: bold;
  font-size: 150%;
  text-transform: uppercase;
}

#clickme:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.social-icon {
  height: 25px;
  width: 25px;

}

#footer {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #9CB071;
}

.social-icon-group {
  text-align: center;
}

/* unvisited link */
a:link {
    color: #FEFCFF;
    text-decoration: none; /*gets rid of underline*/
}

/* visited link */
a:visited {
    color: #FEFCFF;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #9CB071;
    text-decoration: none;
}

/* selected link */
a:active {
    color: #FEFCFF;
    text-decoration: none;
}

/* Media queries */

@media (max-width: 700px) {

  #hero {
    background-image: url('font-family: 'Source Sans Pro', sans-serif');
    background-size: cover;
    height: 300px;
    width: 100%;
    border: none;
  }

  #team-photo {
    background-image: url('https://dl.dropboxusercontent.com/u/297682547/code-wallpaper-2.jpg');
    background-size: cover;
    height: 300px;
    width: 100%;
    border: none;
  }

  #about-para {
    padding: 0px 50px 0px 50px;
  }
}