* {
  margin: 0;
  padding: 0;
}


a:hover:after {
  width: 100%;
}

a {
  text-decoration: none;
  color: #000000;
  position: relative;
}

a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  border-bottom: 2px solid #000000;
  transition: 0.4s;
}




footer {
    background-color: #ffeead;
}

#aboutme {
	margin-top: 0px;
}

#greenblock {
  background-color: #96ceb4
}

#redblock {
  background-color: #ff6f69
}

#photoblock {
  background-image: url("appleii.jpg");
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 700px) {
    #photoblock {
        background-image: url("appleii.jpg");
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }
}

/* https://www.flickr.com/photos/br1dotcom/4736448773/in/photolist-8dxxcT-6i9b4P-6icZJY-mzwYge-8dxVmK-8dxUU8-mztBZh-8dAWed-8dxwBK-8dAQ8q-6UdbXh-6i8RV2-mzySji-6i9hY6-azT8dp-6i9csB-6i9eai-6i93L4-mzyvND-6id2V5-mzyM3g-6i9dNX-6i8TRp-6i8VrV-8dxydM-pTpnP-6id9ff-8dAWYA-6Gnth4-6i9gAZ-6idiUW-8dAZJq-6i8U84-6id1n3-6i9fse-mzx3Nv-8dADZN-6i9dv8-2EYR3H-mzyrnK-75nG1G-6id7xN-8dxvtg-8dB3YG-mN36p-6icYMq-mzyYoo-6id6sA-eBTDv-8dxKG6 */

#phototext {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
}

#captiontext {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
  font-size: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

#yellowblock {
  background-color: #ffcc5c
}

#headbar {
  text-align: right;
  background-color: #96ceb4;
  padding: 10px 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
}

#contacthead {
  font-size: 40px;
}

.row {
	margin-bottom: 30px;
}

.text {
  padding: 20% 10%;
}

#legal {
  padding: 10px 10%;
  font-size: 15px
}

#imagecredit {
  padding: 10px 10%;
  font-size: 10px
}


img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 60px;
}

h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 40px;
  padding-bottom: 5px;
}

p {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 24px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
}