html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 75% georgia, sans-serif;
	line-height: 1.88889;
	color: #555753; 
	background: #fff url(http://csszengarden.com/001/blossoms.jpg) no-repeat bottom right; 
	margin: 0; 
	padding: 0;
	}
.page-wrapper { 
	background: url(http://csszengarden.com/001/zen-bg.jpg) no-repeat top left; 
	padding: 0 175px 0 110px;  
	margin: 0; 
	position: relative;
	}
.logo{
	width:120px;
	cursor:pointer;
	
}
.page-wrapper ul li{
	list-style: none;
	display: inline-block;
	margin: 0 20px;
}
.page-wrapper ul li a{
	text-decoration: none;
	color: black;
	text-transform: uppercase;
}
.footer-form { 
	text-align: center; 
	}
.footer-logo { 
	text-align: left; 
	top: -100px;
	}
.footer-credit { 
	text-align: right; 
}
header {
	padding-top: 20px;
	height: 87px;
}
p { 
	margin-top: 0; 
	text-align: justify;
	}
h3 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	}
.content-first{
	margin-right: 600px; 
	position: relative; 
	top: 0; 
	right: 0;
	width:600px;
	}
.content-second{
	margin-right: 600px; 
	position:static; 
	top: 0; 
	right: 0;
	width:600px;
}
.aside li ul a{
	margin-left:600px;
	position:relative;
}
.photoArea {
  
    background: black;
  
    margin: 0px 10px 25px 0px; /* urutan: atas kanan bawah kiri */
  
    padding: 10px; /* jarak dari border ke content */
  
    text-align: center;  /* membuat posisi gambar/text di tengah */
  
  }
  .img {
  
    width: 90%; /* lebar gambar di class photoArea */
  
    border: 3px solid black;
  
  }
  .caption {
  
    font-size: .8em;
  
    color: white;
  
  }
  .nav-logo-title{
	align-items: left;
	content: url(https://raw.githubusercontent.com/gist/s-shivangi/7b54ec766cf446cafeb83882b590174d/raw/8957088c2e31dba6d72ce86c615cb3c7bb7f0b0c/nyan-cat.gif);
	shape-outside: inset(25cm round 75cm);
	height: 50px;
  }
  .page-wrapper nav ul li{
	background-position: center;
	padding-left: 60px;
	display: inline-block;
	margin: 100 px;
	list-style: none;
	text-decoration: none;

	color: black;
	text-transform: uppercase;
  }
  .page-wrapper nav ul li a{
	text-decoration: none;
	display: inline-block;
	align-self: center;
  }
  .page-wrapper nav ul{
	margin-left: 40px;
	flex : 1;
	text-align: right;
  }
  .footer-form{
	margin-right: 14px;
	width: 500px;
  }
  @media screen and (min-width: 794px) {
  
    body {
		margin:0;
		padding:0;
    }
  
    
  
    .td,img{
      content: url();
      width: 200px;
      content: url(https://raw.githubusercontent.com/gist/s-shivangi/7b54ec766cf446cafeb83882b590174d/raw/8957088c2e31dba6d72ce86c615cb3c7bb7f0b0c/nyan-cat.gif);
      border: 3px solid black;
      margin: 2.5%; 
      padding: 10px;
      float: left;
      text-align: center;
    
    }
  
  }
  @media screen and (min-width: 1020px) {
  
    body {
		margin:0;
		padding:0;
    }
  
    .td,img{
      content: url();
      margin-right: 1.5%;
      width: 10%; /* lebar gambar di class photoArea */
      content: url(https://raw.githubusercontent.com/gist/s-shivangi/7b54ec766cf446cafeb83882b590174d/raw/8957088c2e31dba6d72ce86c615cb3c7bb7f0b0c/nyan-cat.gif);
      border: 3px solid black;
      padding: 10px; /* jarak dari border ke content */
      text-align: center;  /* membuat posisi gambar/text di tengah */
    
    }
}
.page-wrapper aside ul li{
	background-size: cover;
	background-position: center;
	padding-left: 10px;
	display: inline-block;
	margin: 100 pc;
	color: white;
  }
  .page-wrapper aside ul li a{
	text-decoration: none;
	text-align: left;
  }
  .page-wrapper aside ul{
	margin-left: 40px;
	flex : 1;
	text-align: center;
  }    
  @media screen and (min-width: 794px) {
  
	body {
	margin:0;
	padding:0;
	}
  
	
  
	.td,img{
	  content: url();
	  width: 200px; 
	  content: url(https://raw.githubusercontent.com/gist/s-shivangi/7b54ec766cf446cafeb83882b590174d/raw/8957088c2e31dba6d72ce86c615cb3c7bb7f0b0c/nyan-cat.gif);
	  border: 3px solid #eee;
	  margin: 2.5%; 
	  padding: 10px;
	  float: left;
	  text-align: center; 
	
	}
  
  }