/* ****************************************** */
/* 
    responsive media adaptions
	backspinn ab 2014
*/

/* Large desktop */
@media (min-width: 960px)  
{
      
      body {
      	/* 60px to make the container go all the way to the bottom of the topbar */
      	padding-top: 60px; 
      }       

	   
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 959px)  
{
      body {
      	/* 60px to make the container go all the way to the bottom of the topbar */
      	padding-top: 60px; 
      }       

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px)  
{
      body {
      	/* 60px to make the container go all the way to the bottom of the topbar */
      	padding-top: 60px; 
      }       
  	.top-image-text > h1 {font-size:12px;}  
}

/* Landscape phones and down */
@media (max-width: 480px)  
{

	.top-image-text > h1 {line-height:14px;}
      #footer {position:relative;}
      #wrap       {    margin: 0;    padding: 0;    }


}

/* Portrait phones */

@media (max-width: 320px)  

{

      .container {padding-left:0.5em; padding-right:0.5em;}
      #footer {position:relative;}
      #wrap {    margin: 0;    padding: 0;    }


}

@media (max-height: 361px)  

{


      #footer {position:relative;}
      #wrap {    margin: 0;    padding: 0;    }


}