hr{border: none;}
em{font-style: italic}

body{
width: 100%;
margin-top: 160px;
margin-left: auto;
margin-right: auto;
font-family: "P22 Underground", sans-serif;
font-style: normal;
font-weight: 400;
}

@media only screen and (min-width: 375px){
  body{
  width: 1150px;
  }
}

article,section,nav,header,footer,time,hgroup { display: block; }
#main{margin-top: 30px;}
header{height: 650px;}
@media only screen and (min-width: 768px) {header{height: 650px; margin-left: 50px;margin-right: 0;}}

hgroup{float: left; height: 610px;}
@media only screen and (min-width: 768px) {
  hgroup{
    float: left;
    height: 610px;
    position: absolute;
    z-index: 99999999999;
  }
}
section#image{float: right;}
@media only screen and (min-width: 768px) {
  section#image{

  }
}
section#image, #one, #two, #three, #four, #five, #six, #seven, #eight, #nine, #ten, #eleven, #twelve {display: none;}

section.case img{width: 40%;}

#app{
text-align: left;
font-size: 56px;
font-weight: 800;
width: 495px;
line-height: 52px;
margin-top: 150px;
}

span#green{color: #30DE8B;}

#image, #one, #two, #three, #four, #five, #six, #seven, #eight, #nine, #ten, #eleven{

  animation:mymove 1s ease-out forwards;
  animation-iteration-count:1;
  animation-fill-mode: forwards;

  -webkit-animation:mymove 1s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-fill-mode: forwards;

}

@keyframes mymove
{
  from {transform: translateY(20px); opacity: 0;}
  to { transform: translateY(5px); opacity: 1;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
  from {transform: translateY(20px); opacity: 0;}
  to { transform: translateY(5px); opacity: 1;}
}

section#first, section#second, section#forth, section#fifth{
position: relative;
margin: 20px 0 0 160px;
padding: 0px 470px 60px 0;
}

section#first h2{
font-weight: 300;
font-size: 22px;
line-height: 38px;
color: #333333;
margin-bottom: 30px;
}

section#third{
margin: 20px 0 120px 100px;
padding-right: 0;
}

section h3{
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 20px;
color: #a4b6b7;
}

section p, cite{
font-size: 16px;
line-height: 28px;
font-weight: 300;
color:#333333;
}

section>section{margin-top: 40px;}

#twelve {
font-size: 14px;
color: #a4b6b7;
line-height: 20px;
font-weight: 400;
}

.disc{
width: 400px;
padding: 0 40px 0 0;
float: left;
}

.disc h2{
font-size: 20px;
margin-bottom: 10px;
}

.disc p{
margin-bottom: 10px
}

cite{
margin-top: 15px;
font-size: 12px;
font-weight: 600;
}

section p+p{text-indent: 15px; margin-bottom: 10px;}
section a {color:#333333;}
section a:hover{color: #A6DE30;}
span.bold{font-weight: bold; padding-top: 14px; position:absolute; color: #30DE8B;}