body, html {
				font-family: Arial, serif;
				font-size: 20px;
				height: 100%;
				width: 100%;
				margin: 0px;
				padding: 0px;
                background-image: url("media/ciudad.jpg");
				background-repeat: no-repeat;
				background-size: 200% 650%;
			}
			h4 {
				font-family: Berlin, serif;
				font-size: 30px;
				height: 100%;
				text-shadow: 1px 2px 4px 	#FFD700;
			}
			h1 {
				font-family: Elephant, serif;
				color: white;
				font-size: 100px;
				height: 100%;
				margin-left:200px;
				text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;
			}
			h3 {
				font-family: Elephant, serif;
				color: black;
				font-size: 50px;
				height: 100%;
				text-shadow: 5px 5px 0px #eee, 7px 7px 0px #707070;
			}
				b {
				font-family: Elephant, serif;
				color: white;
				font-size: 50px;
				height: 100%;
				text-shadow: 
		0 0 5px rgba(0,178,255,1),
		0 0 10px rgba(0,178,255,1),
		0 0 20px rgba(0,178,255,1),
		0 0 40px rgba(38,104,127,1),
		0 0 80px rgba(38,104,127,1),
		0 0 90px rgba(38,104,127,1),
		0 0 100px rgba(38,104,127,1),
		0 0 140px rgba(38,104,127,1),
		0 0 180px rgba(38,104,127,1);
			}
			#main {
			   
			   display: -webkit-flex;
			   display: -webkit-flex;
                           display:         flex;
                            -webkit-flex-flow: row;
                                    flex-flow: row;
			}
			#main section {
				
				display: -webkit-flex;
			    display: flex;
			    flex-direction: column;
			    -webkit-flex-direction: column;
				
				margin: 5px;
				flex: 3 1 60%;
				order: 2;
			}
			section .header1 {
				margin: 20px;
   				padding: 20px;
   				border: 1px solid #cccc33;
   				border-radius: 7pt;
   				background-image: url("media/DBST.jpg");
				background-size: 100% 100%;
			}
			section .article1 {
				margin: 4px;
   				padding: 5px;
   				border: 1px solid #cccc33;
   				border-radius: 7pt;
   				background: linear-gradient(to bottom, rgba(320,183,161,0.7)0%, rgba(140,51,16,0.7) 80%,rgba(117,34,1,0.7) 51%, rgba(191,110,78,0.7)100%);
   				-webkit-flex: 3 1 60%;
           				flex: 3 1 60%;
   				-webkit-order: 2;
           			order: 2;
  			 }
			section .footer1 {
				margin: 4px;
   				padding: 5px;
   				border: 1px solid #cccc33;
   				border-radius: 7pt;
   				background: #dddd88;
   				-webkit-flex: 3 1 20%;
           				flex: 3 1 20%;
   				-webkit-order: 2;
           			order: 2;
			}
			#main nav {
				margin: 4px;
   				padding: 5px;				
				font-family: Berlin, serif;
				font-size: 25px;
				text-shadow: 
		0 0 5px rgba(0,178,255,1),
		0 0 10px rgba(0,178,255,1),
		0 0 20px rgba(0,178,255,1),
		0 0 40px rgba(38,104,127,1),
		0 0 80px rgba(38,104,127,1),
		0 0 90px rgba(38,104,127,1),
		0 0 100px rgba(38,104,127,1),
		0 0 140px rgba(38,104,127,1),
		0 0 180px rgba(38,104,127,1);
				height: %;
   				border: 1px solid #8888bb;
   				border-radius: 7pt;
				opacity: 0.7;
   				background: #ccccff;
   				-webkit-flex: 1 6 20%;
           				flex: 1 6 20%;
   				-webkit-order: 1;
           				order: 1;
			}
			
			header {
				display: block;
				min-height: 10%;
				margin: 4px;
   				padding: 5px;
   				min-height: 100px;
   				border: 1px solid #eebb55;
   				border-radius: 7pt;
   				background-image: url("media/bolas.jpg");
				
			}
			footer {
				display: block;
				min-height: 10%;
				margin: 4px;
   				padding: 5px;
   				min-height: 100px;
   				border: 1px solid #eebb55;
   				border-radius: 7pt;
   				background: linear-gradient(to bottom, rgba(320,183,161,0.7)0%, rgba(140,51,16,0.7) 80%,rgba(117,34,1,0.7) 51%, rgba(191,110,78,0.7)100%);
   				-webkit-flex: 3 1 60%;
           				flex: 3 1 60%;
   				-webkit-order: 2;
           			order: 2;
			}