/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
/******************************************************************
Site Name: PacificTradCo Holding Page
Author: Simon MacDonald 


Stylesheet: Main Stylesheet
******************************************************************/
/******************************************************************
Site Name: Well Preserved Holding Page
Author: Simon MacDonald

Stylesheet: 481 & Up
This is a pretty minimal stylesheet meant to handle transition 
screens which are just larger than mobile but smaller than 
desktops.
******************************************************************/
/******************************************************************
Site Name: Well Preserved Holding Page
Author: Simon MacDonald
Stylesheet: 768 & Up
This is your standard view for Desktops and average Laptops.
******************************************************************/
/*end of 768up*/
/******************************************************************
Site Name: Well Preserved Holding Page
Author: Simon MacDonald

Stylesheet: 1030 & Up
For larger screens or widescreen monitors.
******************************************************************/
/*end of 1030up*//******************************************************************
Site Name: Site Name Here
Author: Your Name Here

Stylesheet: 1382 & Up
This is for super wide monitors for the l33t people. If you 
worked in a good base in the previous styles, this should work
pretty seamlessly.
******************************************************************//******************************************************************
BASE MOBILE STYLES
These are loaded directly in the header. Why? Because now mobile
devices will only download the CSS they need instead of CSS they 
for larger screens. Every kb counts!
******************************************************************/
/* edit the base.less file for mobile styles */
/******************************************************************
TABLET or JUST LARGER THAN MOBILE
This is a pretty minimal stylesheet meant to handle transition 
screens which are just larger than mobile but smaller than 
desktops.
******************************************************************/
/* Minify or not minify that is the reason*/
/*//simpless:!minify */
@media only screen and (min-width: 481px) {
  /* DO NOT DELETE */
  body {
    /*background-color: #99FF99;*/
    /*green*/
  
    font-size: 10px;
  }
  #container {
    width: 63em ;
    /*1024px*/
  
    background-size: 63em auto;
    margin: 0 auto;
  }
}
/* end of media query */
/******************************************************************
DESKTOP & JUST BIGGER THAN AN iPAD
This is your standard view for Desktops and average Laptops.
******************************************************************/
@media only screen and (min-width: 768px) {
  /* DO NOT DELETE */
  /*.wrap { max-width: 1036px;}*/
  body {
    /*	background-color: #0099FF;*/
    /*blue*/
  
    font-size: 12px;
  }
  #container {
    width: 63em ;
    /*1024px*/
  
    background-size: 63em auto;
    margin: 0 auto;
  }
}
/* end of media query */
/******************************************************************
LARGE DESKTOPS
For larger screens or widescreen monitors.
******************************************************************/
@media only screen and (min-width: 1030px) {
  /* DO NOT DELETE */
  body {
    font-size: 16px;
  }
  #container {
    width: 63em ;
    /*1024px*/
  
    background-size: 63em auto;
    margin: 0 auto;
  }
}
/* end of media query */
/******************************************************************
SUPER LARGE MONITORS STYLES 
This is for super wide monitors for the l33t people. If you 
worked in a good base in the previous styles, this should work
pretty seamlessly.
******************************************************************/
@media only screen and (min-width: 1382px) {
  
}
/* end of media query */
/* print styles */
/******************************************************************
Print Stylesheet

This is pretty standard and probably doesn't need to be changed
much, but if you like you can drop your changes in below.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  /* custom print styles go under here */
}
/* end print query */