// Start iMac section
.text-content {
  width:50%;
  padding-left:5%;
  margin-left:50%;
  padding-top:200px;
  z-index:1;
  position:relative;
  min-height:200px;
}
.imac-scrolling {
  position:relative;
  padding-bottom:100px;
}
.imac-container {
  position:absolute;
  top:0;
  z-index:1;
  height:100%;
  &.fixed {
    position:fixed;
    top:1px;
  }
}
.retina-imac {
  background: url('https://www.apple.com/v/imac-with-retina/a/images/overview/apps_start_large_2x.jpg');
  display:block;
  position:absolute;
  height:1494px;
  width:766px;
  margin:0;
  padding:0;
  background-size:  766px 1494px;
  position:absolute;
  margin-left:-253px;
  top:0;
  bottom:auto;
  &.fixed {
    position:fixed;
    top:1px;
  }
}

// Defaults & Typography
* {
  box-sizing:border-box;
}
body {
  color:#333;
}
a {
  color:#08c;
  text-decoration:none;
}
p {
  font-size: 16px;
  font-weight:100;
  line-height:1.45em;
}
h1 {
  font-family:"Myriad Set Pro","Helvetica Neue","Lucida Grande","Helvetica","Arial","Verdana","sans-serif";
  font-weight:100;
  font-size:3em;
}
.wrapper {
  width:900px;
  margin:0 auto;
  max-width:100%;
}
// Arrow
.arrow {
  display:inline-block;
  position:relative;
  margin:0 auto;
  margin-top:80px;
  height:100px;
  width:100px;
  &:before, &:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:50px;
    height:1px;
    background-color:black;
    display:block;
    transform-origin:right bottom;
    transform: rotate(140deg);
  }
  &:after {
    transform: rotate(40deg);
  }
}
.intro {
  min-height:300px;
  text-align:center;
  margin-top:100px;
  h1 {
    font-size:8em;
    margin-bottom:0;
    line-height:.65em;
  }
  p {
    text-transform:uppercase;
    letter-spacing:.1em;
   
  }
}
footer {
  height:1000px;
  display:block;
  background-color:rgba(black,.1);
}