@font-face {
  font-family: 'nexa';
  src: url('../nexa-light-webfont.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/nexa-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/nexa-light-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../webfonts/nexa-light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/nexa-light-webfont.#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'nexabold';
  src: url('../nexa-bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/nexa-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/nexa-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../webfonts/nexa-bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/nexa-bold-webfont.#svgFontName') format('svg'); /* Legacy iOS */
}

body{
    height:100%;
    width:100%; 
}

.container{
    position: absolute;
    height:100%;
    width:100%;
    text-align: center;
    background-color:white;
}

.holder{
    display:inline-block;
    margin-top:200px;
}

.holder img{
    width:400px;
    margin-bottom:40px;   
}

p{
    color: #929497;
    font-family: "Futura-Book",sans-serif;
    font-size: 20px;
    line-height: 1.5em;
    letter-spacing: 4px;
    text-transform:uppercase;
    margin-bottom:10px;
}

a{
   color: #929497;
   text-decoration:none;
}

a:hover{
   color: #929497;
   text-decoration:underline;
}

@media only screen 
and (min-width : 320px) 
and (max-width : 700px)
{
    .holder img{
        width:200px;
        margin-bottom:40px;   
    } 
    
    .holder{
        display:inline-block;
        margin-top:50px;
    }
    
    p{
        color: #929497;
        font-family: "Futura-Book",sans-serif;
        font-size: 15px;
        line-height: 1.5em;
        margin-bottom:10px;
        letter-spacing: 2px;
    }
}