body{
  font-family:oswald;
  margin: 0pt;
  padding: 0pt;
  text-align: center;
}



div.container{
  margin-right: auto;
  margin-left: auto;
  text-align:center;
  color: #a9a9a9;
  width: 100%;
  

}


header{
  
  height:100pt;
  text-align: center;
}

.field{
  height: 250pt;
  width: 100%;
  position: relative;
  z-index: .5;
  bottom: -5000
}

h1{
  letter-spacing: 10pt;
  margin-top: 15pt;
  font-family: Ranga;
  font-weight: 700;
  margin-left: 20pt;
  color: #fff;
  position: relative;
  top: -50pt;
  opacity: .8;
  font-size: 220pt;
  line-height: 100pt;
   
}

h2{
  margin-top: 0pt;
  font-size: 90pt;
  font-weight: 200;
}

h2.origin{
  margin-left: 50pt;
  text-align: left;
  margin-top: 130pt;
  margin-bottom: 0pt;

}


h3{
  font-size: 20pt;
}

article{
  padding: 15pt;
}

nav{
  position: relative;
  top: -60pt;
  height:38pt;
  float: right;
}

ul{
  
  padding-left: none;
  margin-bottom: none;
  text-align:center;
  list-style-type:none;
}

li{
  margin-right:6pt;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position:relative;
  z-index:3;
  top: -10pt;
  line-height: 100px;
  text-align: center;
  background-color: #ff3333;
  display: inline-block;
  
}

a{
  text-decoration:none;
  color: #fff;
  
}

li a{
  color: #fff;
  font-family:oswald;
  text-size: 30pt;
}

li:hover {
    opacity: .5;
}

p {
color: #a9a9a9; 
font-size: 14pt;
width: 40%;
  
}

blockquote{
  font-size: 20pt;
  font-weight: 300pt;
  
}

.text{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.appleparagraph{

  background-color: #fff;
  color: #606060;
}



.heading-app{
  color: #606060;
  letter-spacing: 5pt;
  margin-bottom: 0pt;

}
 
.aboutapple{
  margin-top: 0pt;
  color: #606060;
  margin-bottom: 8em; 
}


.red{
  width: 35%;
  height: 300pt;
}


.originarticle{
  text-align: left;

  width: 100%;
  background-color: #000000;
  
}


.origindiv{
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}

.originspan{
  text-align: left;
  margin-left: 70pt;
  margin-top: 0pt;
  width: 45%;
}



.originparagraph{
margin-top: 10em;
margin-left: 70pt;
}


.world{
  
  width: 40%;
  
  float:right;
  top:-270pt;

}


}


div.pic {
 width: 100%;



}

.bapple{
  width: 100%;
  height:400pt;
   border-bottom: solid 20pt #000;
}

.png{
  width: 20%
  text-align:center;
  position: relative;
  bottom: 35pt;
}