@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Italianno&display=swap');

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

html {
	overflow-y: scroll; 	
}

*{
	margin:0;
	padding:0;
}
	
	#nav{
	position: fixed;
	}
	
	#feature{
	top: 0;
	left: 0;
	}
	
	#container{

	}
	
	.container {
	width: 40%;	
	position: relative;
	text-align: center;	
	}
	
	


/*********************************************************************************/
/* Queries 2020                                                       */
/*********************************************************************************/		

/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	
	nav li { 		
	font-size: 1em;
	margin: 0;		
	}
	
	
	p.upper{
	font-size: 1em;
	line-height: 1.50em;
	}
		
	
	p.lower{
	font-size: 1em;
	line-height: 1.50em;
	}
		
	.container {
	width: 96%;		
	}  
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {

	nav li { 		
	font-size: 1em;
	margin: 0;		
	}
	
	
	p.upper{
	font-size: 1em;
	line-height: 1.50em;
	}
		
	
	p.lower{
	font-size: 1em;
	line-height: 1.50em;
	}
		
	.container {
	width: 96%;		
	}
}		


	
	
/* laptop  */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1366px)  
{
	nav li { 		
	font-size: 1em;
	margin: 0;		
	}
	
	p.upper{
	font-size: 1em;
	line-height: 1.50em;
	}		
	
	p.lower{
	font-size: 1em;
	line-height: 1.50em;
	}
		
	.container {
	width: 96%;		
	}
	
}



	
	
/* laptop  */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1338px)  
{
	nav li { 		
	font-size: 1em;
	margin: 0;		
	}
	
	p.upper{
	font-size: 1em;
	line-height: 1.50em;
	}		
	
	p.lower{
	font-size: 1em;
	line-height: 1.50em;
	}
		
	.container {
	width: 96%;		
	}
	
}


/* iPad pro  */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1336px)  
{

	nav li { 		
	font-size: 1em;
	margin: 0;		
	}
	
	
	.entry-alt{	
	font-size: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;	
	letter-spacing: 0.25em;
	text-transform: uppercase;
	}
		
	.container {
	width: 96%;		
	}
		
}


/* iPad all Gen  */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
{

	nav li { 	
	padding-right: 0.5em;
	font-size: 1em;
	margin: 0;		
	}
	
	.entry-alt{	
	font-size: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;	
	letter-spacing: 0.25em;
	text-transform: uppercase;
	}
		
	.container {
	width: 96%;		
	}
		
}


@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) 
{ 		
	nav li { 	
	padding-right: 0.5em;
	font-size: 0.75em;
	margin: 0;		
	}
	
	
	p.upper{	
	font-size: 1em;
	line-height: 1.80em;	
	}
		
	
	p.lower{
	font-size: 1.1em;
	line-height: 1.80em;	
	}
		
		.container {
		width: 96%;		
		}
	}



@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px)
    and (device-width : 414px)
    and (device-height : 736px)
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 3) 
    and (-webkit-device-pixel-ratio : 3)
{ 	
		
	nav li { 	
	padding-right: 0.5em;
	font-size: 0.75em;
	margin: 0;		
	}	
	
	p.upper{	
	font-size: 1em;
	line-height: 1.80em;	
	}
		
	
	p.lower{
	font-size: 1em;
	line-height: 1.80em;	
	}
		
		.container {
		width: 96%;		
		}
	}

/* iPhone 6 Plus */
@media only screen
  and (max-device-width: 360px)
  and (max-device-width: 640px)
  and (device-width : 360px)
  and (device-height : 640px)
  and (orientation : portrait) 
  and (-webkit-min-device-pixel-ratio : 3) 
  and (-webkit-device-pixel-ratio : 3)
 
{ 	
	nav li { 	
	padding-right: 0.5em;	
	font-size: 0.75em;
	margin: 0;		
	}
	
	
	p.upper{	
	font-size: 1em;
	line-height: 1.80em;	
	}
		
	
	p.lower{
	font-size: 1em;
	line-height: 1.80em;	
	}
		
		.container {
		width: 96%;		
		}
	
	}
	

/* iPhone 6 landscape */
@media only screen and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2){
		
	nav li { 
	padding-right: 0.5em;
	font-size: 0.75em;
	margin: 0;		
	}
	
	
	p.upper{	
	font-size: 1em;
	line-height: 1.80em;	
	}
		
	
	p.lower{
	font-size: 1em;
	line-height: 1.80em;	
	}
		
		.container {
		width: 96%;		
		}
		
	}


/* iPhone 6 portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2)
{ 
		
	nav li { 	
	padding-right: 0.5em;
	font-size: 0.75em;
	margin: 0;		
	}	
	
		
	p.upper{	
	font-size: 1em;
	line-height: 1.80em;	
	}
		
	
	p.lower{
	font-size: 1em;
	line-height: 1.80em;	
	}
		
		.container {
		width: 96%;		
		}
		
	}


/* iPhone 6 Plus landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 3)
{ 		
	nav li { 
	padding-right: 0.5em;
	font-size: 0.75em;
	margin: 0;		
	}	
	
	p.upper{	
	font-size: 1em;
	line-height: 1.80em;	
	}
		
	
	p.lower{
	font-size: 1em;
	line-height: 1.80em;	
	}
		
		.container {
		width: 96%;		
		}
		
	}

/* iPhone 6 Plus portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 3)
{ 
		
	nav li { 
	padding-right: 0.5em;
	font-size: 0.75em;
	margin: 0;		
	}	
	
		
	p.upper{	
	font-size: 1em;
	line-height: 1.80em;	
	}
		
	
	p.lower{
	font-size: 1em;
	line-height: 1.80em;	
	}
	
		
		.container {
		width: 96%;		
		}
		
	}
	

/* iPhone 6 and 6 Plus */
@media only screen
 and (max-device-width: 640px),
 only screen and (max-device-width: 667px),
 only screen and (max-width: 480px){	
 
	nav li { 	
	padding-right: 0.5em;
	font-size: 0.75em;
	margin: 0;		
	}	
	
	p.upper{	
	font-size: 1em;
	line-height: 1.80em;	
	}
		
	
	p.lower{
	font-size: 1em;
	line-height: 1.80em;	
	}
		
		.container {
		width: 96%;		
		}
		
}
	
	
	
/* iPhone 6 */
@media only screen
 and (max-device-width: 375px),
 only screen and (max-device-width: 667px),
 only screen and (max-width: 375px){
 
	nav li { 
	padding-right: 0.5em;
	font-size: 0.75em;
	margin: 0;		
	}	
	
	p.upper{	
	font-size: 1em;
	line-height: 1.80em;	
	}
		
	
	p.lower{
	font-size: 1em;
	line-height: 1.80em;	
	}
		
		.container {
		width: 96%;		
		}
		
}
	

/* Apple Watch */
@media
  (max-device-width: 42mm)
  and (min-device-width: 38mm)
{ }