/* Enter Your Custom CSS Here */
html, body {
  font-family: "Trebuchet MS", "Helvetica", "sans-serif";
  font-size: 14px;
}
div#header-container header {
  min-height: inherit;
}

.post-content p {
  text-align: justify;
}

.entry-content > p, 
.entry-content > h4 { 
  padding-left: 200px; 
  padding-right: 200px; 
} 
.entry-content > #intro { 
  padding-left: 90px; 
  padding-right: 0px; 
} 
.floatleft { 
  float: left; 
  margin: 0px 30px 15px 0px; 
} 
.floatright { 
  float: right; 
  margin: 0px 0px 15px 30px; 
} 
.imginline { 
  display: inline-block; 
} 
p#screenshots { 
  padding-left: 20px; 
  padding-right: 20px; 
} 
p#screenshots a { 
  margin-left: 15px; 
} 
#state_legend { 
  float: left; 
  width: 168px; 
  clear: left; 
  margin: 0px 30px 15px 0px; 
}
#state_legend td { 
  text-align: left; 
} 
#state_legend img { 
  max-width:none; 
}

.ngg-gallery-thumbnail img {
  padding: 0px !important; 
}  

div.gallery-container.show-slideshow {
    display: none;
}

@media screen and (max-width: 460px) {
  img.shrinkable {
      max-width: 60px;
  }
}


@media screen and (min-width: 460px) and (max-width: 550px) {
  img.shrinkable {
      max-width: 80px;
  }
}

@media screen and (min-width: 550px) and (max-width: 660px) {
  img.shrinkable {
      max-width: 100px;
  }
}

@media screen and (min-width: 660px) and (max-width: 800px) {
  img.shrinkable {
      max-width: 125px;
  }
}
@media screen and (min-width: 800px) and (max-width: 960px) {
  img.shrinkable {
      max-width: 150px;
  }
}
@media screen and (max-width: 320px) {
  #site-description {
    font-size: 13px;
  }
}

@media screen and (min-width: 430px) {
  div#header-container header:before {
    content: url("http://motores.mobi/motores-logo-90x90.png");
    padding-right: 10px;
    float: left;
}
}  

@media screen and (max-width: 430px) {
  h1 { font-size: 28px; line-height: 32px; }
  h2 { font-size: 19px; line-height: 24px; }
  h3 { font-size: 18px; }
  h4 { font-size: 14px; }
  .entry-title { font-size: 24px; }
}

@media only screen and (max-width: 1000px) {
  div.gallery-container.show-thumbnails {
    display: none;
  }
  div.gallery-container.show-slideshow {
    display: block;
  }  
}

@media only screen and (max-width: 990px) {
  #header-container header:after {
    content: none !important;
  }
}

@media only screen and (max-width: 767px) {
  #logo-wrap {
    width: inherit !important;
    margin-left: 0;
  }
  #site-title, #site-description {
    text-align: left;
  }
 }