@charset "utf-8";
/* CSS Document */

/* import logo (little lab) font */
  @import url("https://use.typekit.net/vtj2wjn.css");


/* set font under h1 header size */
h1 {
	font-family: hero-new-hairline, sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* set class for h1 (little lab) font for the main header */
h1.litmain a {
   	font-family: hero-new-hairline, sans-serif;
	font-size: 4.0rem;
}
h1.litmain a:hover {
    color:000000;
   }
/* set class for h1 (little lab) font for the contact page */
h1.litcontact a {
	font-family: hero-new-hairline, sans-serif;
	font-size: 2.0rem;
	margin-bottom:0px;
}

/* set page header font under h2 header size */
h2 {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
}

/* set page header font under h3 header size */
h3 {
	font-family: hero-new-hairline, sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 24px;
}

h4 {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 18px;
}

/* set menu (and links) font under a link ref */
a {
    color: #000000 !important;
    text-decoration: none;
    background-color: transparent;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
}
/* set hover of menu (and links) font under a link ref */
a:hover {
    color:#B1B1B1 !important;
    text-decoration: none !important;
}

p {
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
}

table, td, th {  
  border: none;
  text-align: left;
  font-family: futura-pt, sans-serif;
}

table {
  border-collapse: collapse;
  width: 105%;
}

th, td {
  padding: 7px;
}

/* Width and sizing of menu: */
.custom-restricted-width {
        /* To limit the menu width to the content of the menu: */
        display: inline;
        /* Or set the width explicitly: */
       /* width: 40em; */
    }
            .one{ 
                background-color:transparent;
            } 
            .two{ 
                background-color:transparent;
            } 
            .container-fluid{ 
                font-size:120%; 
            }

/* Remove list bullets */
ul.pure-menu-list {
    list-style: none !important;
	margin-left: 3.5% !important;
}

/* Postion menu in div */
li.pure-menu-item {
    margin-top: 15px;
	margin-left: 5px;
}

/* Drop the menu down from top and place left collumn bottom level z-index */
.col-sm-6.col-2.fixed-top.one {
    top: 50px;
    z-index: 1;
}

/* Place right collumn in higher z-index */
.col-sm-6.offset-sm-6.two {
    z-index: 999;
}

/* Place padding under images on homepage */
.col-sm-6.offset-sm-6.two img {
    padding-bottom: 10px;
}

/* Place padding under photo links on homepage - Style the font too */
.col-sm-6.offset-sm-6.two p {
    padding-bottom: 20px;
    color: #000000 !important;
    text-decoration: none;
	line-height: 25px;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
	word-wrap: break-word;
}

/* Set div and content for top right on home page "little lab (thumb) likes" */
.col-top-right {
    background-color: transparent;
    color: black;
    border: none;
    display: flex;
	justify-content: flex-end;
}

/* Set margin and padding for the 'thumb' image */
.col-top-right img {
    margin: 0 5px 0 5px;
	padding: 0px 0 8px 0 !important;
}


/* Set div for right column on contact page  */
.contact-right {
	background-color: transparent;
    color: black;
    border: none;
	text-align:center;
	margin-top: 20px;
    /*display: flex;
	justify-content: flex-end;*/
}

/* Set div for right column on price list pages  */
.price-right {
	background-color: transparent;
    color: black;
    border: none;
	text-align:left;
	margin-top: 20px;
	/*column-count: 2;*/
    /*display: flex;
	justify-content: flex-end;*/
}

/* Make copyright text white to hide it in the table */
.hideit {
	color: white !important;
}

#left-column {
	float: left;
    background-color: transparent;
	border: 1px;
	width: 50%;
    height:inherit;
}

#right-column {
    float: left;
	width: 50%;
    background-color: transparent;
	display: block;
    height:inherit;
}

@media (min-width: 849px) and (orientation: landscape) {
  h1.litmain a {
   	font-family: hero-new-hairline, sans-serif;
	font-size: 3.0rem;
   }
  h1.litmain a:hover {
    color: #000000 !important;
   }
  .col-sm-6.col-2.fixed-top.one {
    top: 25px;
   }	
  .container-fluid {
    font-size: 18px;
    line-height: 22px;
   }	
}  /* -------  END LANDSCAPE CODE ----------- */
@media (min-width: 576px){
.backtop {
  display: none;
}
}

/* -------  VERY Large Screen Responsive ----------- */
@media (min-width: 2549px){
	
h1.litmain a {
   	font-family: hero-new-hairline, sans-serif;
    font-size: 9.0rem !important;
}
  h1.litmain a:hover {
    color: #000000 !important;
   }
.container-fluid {
    font-size: 30px;
    line-height: 28px;
   }


#left-column {
	width: 25%;
}
}
/* ------- VERY Large Screen Responsive ----------- */

@media (min-width: 1049px) and (orientation: landscape){
	
h1.litmain a {
   	font-family: hero-new-hairline, sans-serif;
	font-size: 5.0rem;
}

#left-column {
	width: 35%;
}
	
}


@media (max-width: 1049px){
table {
  font-size:16px;
}
}

/* -------  Tablet Responsive ----------- */
@media (max-width: 849px){
	
h1.litmain a {
   	font-family: hero-new-hairline, sans-serif;
    font-size: 3.0rem;
}
 h1.litmain a:hover {
    color: #000000 !important;
}	
@media only screen and (orientation: landscape) {
h1.litmain a {
   	font-family: hero-new-hairline, sans-serif;
    font-size: 2.0rem;
   }
 h1.litmain a:hover {
    color: #000000 !important;
}
  .col-sm-6.col-2.fixed-top.one {
    top: 25px;
   }	
  .container-fluid {
    font-size: 18px;
    line-height: 17px;
   }	
}  /* -------  END LANDSCAPE CODE ----------- */
	
}  /* -------  END Tablet Responsive ----------- */

/* -------  Phone Responsive ----------- */
@media (max-width: 576px){

.fixed-top {
    position: absolute !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    width: 100% !important;
}
	
/* Phone Responsive -- Adjust menu to left side */	
ul.pure-menu-list {
    margin-left: 0 !important;
}	
	
/* Phone Responsive -- Adjust max-width Column 2 on page */	
.col-2 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}	
	
/* Phone Responsive -- Adjust Column 1 on page */
.col-sm-6.col-2.fixed-top.one {
    top: 35px !important;
}
	
/* Phone Responsive -- Push Column 2 down the page */
.col-sm-6.offset-sm-6.two {
    top: 360px !important;
}
/* Phone Responsive -- Position and Style Back to Top button */
.backtop {
  clear: both;
    position: absolute;
    text-align: center;
    width: 90%;
    font-size: 16px;
	padding-bottom: 10px;
}

	/*  COMMENTED OUT FOR THE TIME BEING
@media only screen and (orientation: landscape) {
.container-fluid {
    font-size: 18px;
    line-height: 17px;
   }
}*/
}  /* -------  END Phone Responsive ----------- */

/* -------  Super Small Vertical Screens ----------- */
@media (max-width: 330px){
	
h1.litmain a {
   	font-family: hero-new-hairline, sans-serif;
    font-size: 2.0rem;
   }
 h1.litmain a:hover {
    color:000000;
   }	
li.pure-menu-item {
    font-size: 1rem;
}
	
/* Lower contact info (right column) on contact page on tiny screens  */
.contact-right {
	margin-top: 45px;
}
	
/* Lower text (right column) on price list pages on tiny screens  */
.price-right {
	margin-top: 45px;
}
}  /* -------  END Super Small Vertical Screens ----------- */


/* -------  Tiny Vertical Screens ----------- */
@media (max-width: 230px){
	
/* Hide "little lab (thumb) likes" on tiny screens */
.col-top-right {
    display: none;
}
	
/* Lower contact info (right column) on contact page on tiny screens  */
.contact-right {
	margin-top: 85px;
}

/* Lower text (right column) on price list pages on tiny screens  */
.price-right {
	margin-top: 85px;
}
}  /* -------  END Tiny Vertical Screens ----------- */