/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	/* pagewrap */
	#pagewrap {width:96%; }

	/* header */
	#header 			{width: 94%; height:30px; margin:0 3%; }
	
	#header ul li			{/*line-height:34px;*/ font-size:small; }

	
	/* main-nav */
	#main-nav {width:94%; height:24px; margin:16px 3%; }
	
	.nav                    {display: flex; grid-gap: 10px; }
	.nav div                {font-size:medium; }
		
	/* content */
	#content 				{width:94%; margin:0 3%; }
	#content img			{padding:18px 0px; }
	#content p				{padding: 8px 0px; line-height:18px; font-size:small; }
  	#content h1				{/*padding:0px 6px;*/ line-height:28px; font-size:medium; }
	#content h2				{margin:0px 0px 12px; /*padding:0px 6px;*/ line-height:20px; font-size:small; }

	.contacto          {margin: 16px; display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: 35px 35px 35px; grid-gap: 20px; align-items: center;}
	.contacto img      {margin: auto; display: block; max-height:35px; max-width:25%; }
	.contacto p        {font-size:small; }
	
	/*gallery*/
	#gallery {width:94%; margin:0 3%; }
	
	.furn {width: 50%;float: left;}
    .furn p	{line-height:24px; font-size:small; }
	
	.arch {width: 50%; float: left;}
    .arch p	{line-height:24px; font-size:small; }
	
	
	/* footer */
	#footer {width:94%; margin:0 3%; height:60px; /*background:darkgrey;*/ }
	#footer p {/*color:white;*/ line-height:60px; padding:0px 6px; font-size:small;}

}

/************************************************************************************
smaller than 490
*************************************************************************************/
@media screen and (max-width: 490px) {

	/* disable webkit text size adjust (for iPhone) */
	*html { -webkit-text-size-adjust: none;	}
	
	
	/* pagewrap */
	#pagewrap {width:96%; }

	/* header */
	#header 				{width:94%; height:24px; margin:0 3%; }
	
	#header ul li		{line-height:26px; font-size:small; }

	
	/* main-nav */
	#main-nav 				{width:94%; height:20px; margin:12px 3%; }
	
	.nav                    {display: flex; /*grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 60px 60px 60px;*/ grid-gap: 8px; }
	.nav div                {font-size:small; }
	
	
	/* content */
	#content {width:94%; margin:0 3%; }
	
	#content img			{padding:18px 0px; }
	#content p				{padding: 8px 0px; line-height:18px; font-size:small; }
 	#content h1				{/*padding:0px 9px;*/ line-height:24px; font-size:small; }
	#content h2				{margin:0px 0px 6px; /*padding:0px 9px;*/ line-height:15px; font-size:x-small; }

	.contacto          {margin: 12px; display: grid; grid-template-columns: 1fr; grid-gap: 15px; align-items: center;}
	.contacto img      {margin: auto; display: block; max-height:25px; max-width:25%; }
	.contacto p        {font-size:small; text-align: center;}

	
	/*gallery*/
    #gallery {width:94%; margin:0 3%; }
	
	.furn {width: 100%;float: left;}
    .furn p	{line-height:21px; font-size:small; }
	
	.arch {width: 100%; float: left;}
    .arch p	{line-height:21px; font-size:small; }

    /* footer */
    #footer {width:94%; margin:0 3%; /*height:60px; background:darkgrey;*/ }
    #footer p {line-height:60px; padding:0px 2px; font-size:small;}

}