/*----------------------------------------------------------------------------- 
Default Screen Stylesheet 

version:   1.0 
date:      19/09/13 
author:    Enrique Moreno 
email:     emoreno.designs@gmail.com
website:   http://www.emoreno.uni.me
--------------------------------------------------------------------------------*/

/* media queries */


/* mobile phone minimum width */
@media screen and (max-width: 640px) {
		
	nav {
		position:fixed;
		height:100%;
		min-height:179px !important;
		width:100%;
		background: rgba(17, 17, 17, 0.8);
		z-index:50;
	}

	nav .title{
		font-family: 'Raleway', sans-serif;
		font-size:35px;
		padding: 20px 0 10px;
		text-align:center;
	}
	nav ul {
		text-align:center;
		float:none;
	}
	nav ul li{
		display:inline-block;
		margin-bottom: 0px;
		line-height: 0px;
	}
	nav ul li .text{
		display:none;
	}
	nav ul li#home i{
		margin-left:0;
	}

	nav ul li i{
		bottom: 0px;
	}
  
  nav .more{
    margin-right: 10px;
    margin-top: -27px;
  }
	
	section{
		width:100%;
	}
	
	section img{
		top: 140px;
	}
}


@media screen and (max-width: 500px) {
	.modal-body img{
		width:130px;
	}
  .modal-more p {
    text-align: left;
  } 
}

@media screen and (max-width: 399px) {

	nav {
		min-height:117px !important;
	}
	nav .title{
		font-size:20px;
	}
	nav .title:first-letter{
		font-size:23px;
	}
	nav .title small{
		font-size: 12px;
	}
	nav ul li{
		font-size: 6px;
	}
  
  nav .more{
    margin-top: 0px;
    font-size: 9px;
  }
}