.wrapper {
    width:1024px;
    margin: 0 auto;
    text-align:center;
  }

  .grid-item {
    float: left;
    width: 170px;
    border: 1px solid #eee;
    margin:5px;
    padding:15px 10px;
    text-align:left;
  }
  
  .domain-name {
      color:#444;
      font-size: 1.2em;
      font-weight:500;
      overflow:hidden;
  }
  
  .domain-length {
      font-size:0.8em;
      color:#aaa;
  }
  
  .domain-name a {
      color: #444;
      text-decoration: none;
  }
  
  .domain-length a {
      color: #444;
      text-decoration: none;
  }
  
  .clear {
      float:none;
      clear:both;
  }
  
  .word {
      color: #52a8dd;
  }
  
  a {
      color: #52a8dd;
      text-decoration: none;
  }
  
  
  a:hover {
      text-decoration: underline;
  }
  
  a:visited {
      color: #aaa;
  }
  
  a.label {
      display:inline-block;
      background: #aaa;
      color: #000;
      padding:2px;
      margin:3px 1px;
  }
  
  a.label:visited {
      color: #eee;
  }
  
  .btn {
      background: #52a8dd;
      color: #fff;
  }


@media only screen and (min-width: 320px) and (max-width: 600px) {

	html,
	body {
		width: 90%;
	}

	.wrapper {
        width:100%;
        margin: 20px;
        text-align: center;
     }

     form {
        margin:20px 0;
     }

     img {
        width: 200px;
     }
     
     .grid-item {
        float:none;
        width: 90%;
        border: 1px solid #eee;
        margin:20px auto;
        padding:30px;
        text-align:left;
      }

   
}