@media only screen {
  body {
    background: #002b36;
    color: #839496;
    font-family: Futura, "Trebuchet MS", Arial, "Liberation Sans", sans-serif;
    font-size: 15px;
  }
  header {
    margin: 0 0 3px 0;
  }
  main {
    border: 2px solid #cb4b16;
    margin: 0 auto;
    max-width: 700px;
    padding: 0 auto;
    padding-right: 3px;
  
  }
  h1,h2,h3,h4,h5,h6 {
    background: #073642;
    border-bottom: 2px solid #dc322f;
    Border-top: 2px solid #d33682;
    border-left: 2px solid #6c71c4;
    border-right: 2px solid #2aa198;
    font-family: sans-serif;
    margin: 20px 20px 20px 20px;
    padding: 8px;
    color: White;
  }
  li {
  font-weight: bold;
  }
  
  code {
  background-color:#073642; 
  color:#b58900;
  font-weight: bold;
  }
  
  p	{
	padding: 0 auto;
	}
  a {
    color: #2aa198;
    target-name:new;
    target-new:tab;
  }
  
  section:first-of-type {
    border-top: none;
  }
  section {
    border-top: 4px solid #0f7;
  }
  
  #design-blog article > p:first-of-type {
    font-style: italic;
  }
  
  /* 
   /* unvisited link 
  a:link {
  color: #2aa198;
}

/* visited link 
  a:visited {
  color: #2aa198;
}

/* mouse over link 
  a:hover {
  text-decoration:underline; font-style: normal; color: #d33682; font-weight: normal;
}

/* selected link 
  a:active {
  color: #b58900;
}

*/
img {
    max-width: 100%;
    max-height: 10px;
}
}