@font-face {
font-family: Dosis;
src: url('Dosis-Regular.otf');
}
@font-face {
font-family: DosisL;
src: url('Dosis-Light.otf');
}
* {
  margin: 0;
  padding: 0;
  font-family:DosisL;
  text-align: center;
  font-size: 30px;
}
.header {
	#background: #b59e95;
    background: -moz-linear-gradient(top, #4d1f42, #93355a, #ba5c5c);
    background: -webkit-linear-gradient(top, #4d1f42, #93355a, #ba5c5c);
    background: -o-linear-gradient(top, #4d1f42, #93355a, #ba5c5c);
    background: linear-gradient(to bottom, #4d1f42, #93355a, #ba5c5c);
	width: 100%;
	font-family:Dosis;
	color: white;
}
h1 {
font-size: 70px;
}
#logo_up {
padding: 20px;}
#logo {
	width: 400px;
	height: 400px;

}
#logo_li{
padding-left:30px;
}
#apple {
padding: 20px 0 40px 0;
width: 200px;
}
.desc {
#background: #fcfcfc;
background: white;
padding: 50px;
}
iframe {
padding-bottom:50px}
.screenshots {
    background: -moz-linear-gradient(top, #ba5c5c, #93355a,  #4d1f42);
    background: -webkit-linear-gradient(top, #ba5c5c, #93355a,  #4d1f42);
    background: -o-linear-gradient(top, #ba5c5c, #93355a,  #4d1f42);
    background: linear-gradient(to bottom, #ba5c5c, #93355a,  #4d1f42);
    font-family:GillSans;
	padding-top: 30px;
	color:white;
}
.screenshots ul {
padding-left:20px}
.screenshots ul li {
margin: 20px;}
.screenshots ul li img {
	height:500px;
	width: 280px;
	padding: 20px;
}
.comments p {
max-width: 900px;
margin: auto;
padding: 30px;}
ul {
  list-style:none;
  margin:auto;
  padding-top:30px;
  max-width: 1050px;
  text-align:center;
  #vertical-align: middle;
  #letter-spacing:1px;
}
ul li {
  display:inline-block;
}
ul li img {
#padding:50px 25px 0 25px;
#padding-bottom: 10px;
#height: 175px;
#max-width: 300px;

}
ul li p {
display:block;
padding-left:0px;
padding-right:0px;
max-width: 620px;
max-height: 400px;
text-align:justify;
}
li ul {
list-style: disc inside;
}
li ul  li{
display: list-item;
text-align: left;
max-width:620px;
padding-right: 30px;
}
#mockup {
vertical-align: middle;
height:600px;
width: 300px;
#margin-right: -30px;
}
#list {
vertical-align:middle;
margin-bottom:50px;
}
#findesc {
max-width:950px;
}
#findesc_li{
padding: 30px 0 30px 0;}
.comments img {
height: 40px;
#width: 200px;
}
@media screen, (max-width: 349px){
#logo_li{
padding-left:10px;
}.desc {
padding:15px;
padding-bottom: 100px;}
ul li img {
#padding:50px 15px 0 15px;
#padding-bottom: 10px;
#height: 175px;
#max-width: 270px;
}
#logo {
max-width: 270px;
max-height:270px;
padding:0px;
margin:auto;}
#apple_holder {}
#mockup{
margin:0px;
padding:0px;
width: 270px}
li ul  li{
padding-right: 10px;
}
#findesc{
padding:0px;
margin:0px;}
#findesc_li{
padding: 30px 0 30px 0;}
.screenshots ul {
padding-left:0px}
.screenshots ul li {
margin: 0px;}
#iframe {
#width: 280px;
#height: 500px;
#}
p {
padding-left:10px;
padding-right:10px;
}}
p {
padding-left:30px;
padding-right:30px;
}
 a {
  text-decoration: none;
  margin: 0px 10px 10px 10px;
  display:inline-block;
  #font-size: 25px;
  color: black;
}
p.copyright {
  font-size: 25px;
  padding-bottom:10px;
  color: lightgray;
}