/*
 * Theme Name: Wurlitzer Pied a Terre Collection
 * Author: Halley Thika / halleythika.com
 * Created: 05/19/2015
 */




/* Font Google - strong reaload time */
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,100,700,900&subset=latin,latin-ext);


/*   <!-- MAIN CONTENT –––––––––––––––––––––––––––––––––––––––––––––––––– -->*/

html, body{
  font-family: 'Lato', sans-serif;
  font-size:15px;
  -webkit-font-smoothing: subpixel-antialiased!important;
  color:black;
  font-weight:400;
  height:100%;
  -webkit-text-size-adjust: 100%;
  }

nav {
    position: absolute;
    left: 5%;
    bottom: 5%;
    z-index: 100;
    }

.title {
    position: absolute;
    left: 5%;
    top: 5%;
    font-size:24px;
    color:black;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:4px;
    line-height:1.2;
    }


  a{ 
    text-decoration:none;
    color: black;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:3px;
    line-height:2;
    }

  i {
    font-style: italic;
    }

  strong {
    font-weight: 700;
    }

 p{ 
    text-decoration:none;
    color: #5d5958;
    font-size:9px;
    font-weight:500;
    letter-spacing:1px;
    line-height:1.5;
    padding-top: 4%;
    }




/*   <!-- FOCUS POINT –––––––––––––––––––––––––––––––––––––––––––––––––– -->*/
 

.imagebox { /* height - header & footer height */
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  max-height: none;
  max-width: none;
  overflow: hidden;/*Prevent scrollbars in IE8*/
  margin: 0;
  }

.focuspoint{
  position: relative; /*Any position but static should work*/
  height: 100%;
  width: 100%;
  max-height: none;
  max-width: none;
  overflow: hidden;/*Prevent scrollbars in IE8*/
  margin: 0;
  }

.focuspoint img {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  display: block;
  /* fill and maintain aspect ratio */
  width: auto; height: auto;
  min-width: 100%; min-height: 100%;
  max-height: none; max-width: none;
  }



/*   <!-- RESPONSIVE STYLING –––––––––––––––––––––––––––––––––––––––––––––––––– -->*/


/* iPad (portrait) */

@media (min-width: 320px) and (max-width: 579px) {


  h1 {
      font-size:20px;

    font-weight: 500;
      letter-spacing: 4px;
      line-height: 30px;
      }

  a{ 
      font-size:12px;
      font-weight:600;
      text-transform:uppercase;
      letter-spacing:3px;
      line-height:1.9;
      }



/* iPad (portrait) */
@media (min-width: 580px) and (max-width: 767px) {

  
.title{
    font-size:26px;
    letter-spacing: 4px;
    line-height: 40px;
    }