html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, sub, sup, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, figcaption, footer, header, hgroup, nav, section, audio, video {
				border: 0;
				padding: 0;
				margin: 0;
				line-height: 1.5;
				letter-spacing: 1.1pt;
				font-weight: 300;
			}

			article, aside, footer, header, hgroup, nav, section {
				display: block;
				padding: 0;
			}
			figure, figcaption {
				display: block;
			}
			html {
				font-size: 16px;
			}
			body{
				margin: 0;
				border: 0;
				padding: 0;
				background-color: #fff;
				font-family: 'Raleway', sans-serif;
				margin: 0 auto;
				/*
				max-width: 800px;
				color: #585858;*/
				background-image: url('../img/josue-gonzalez-gomez-2020.jpg');
				background-color: #000000;
				background-position: top left;
				background-size: cover;
				background-attachment: fixed;
			}

			section, div {
				margin: 0;
				color: #333;
			}

			h1, h2, h3, h4, h5, h6 {
				border: 0;
				margin: 0 2% 3%;
				color: #111;
			}
			p, ul {
				padding-bottom: 3%;
				margin-left: 2%;
				margin-right: 2%;
				color: #111;
			}
			
			li span {
				margin-left: 1%;
			}

			h1, h2, h3, h4, h5, h6 {
				font-family: 'Montserrat', sans-serif;
				font-weight: 500;
			}

			p {
				text-align: justify;
			}


			h2, h3 {
				padding-left: 1.5%;
			}


			h2 {
				border-left: 6px solid #888;
			}

			h3 {
				border-left: 4px solid #888;
			}

			ul {
				list-style: none;
			}

			ul li:before {
				content: '\00BB';
			}
			
			footer {
				font-size: 0.75rem;
			}
			
			footer p {
				text-align: center;
				padding: 0;
			}

			section a {
				color: inherit;
			}

			.centered {
				text-align:center;
			}
			
			.row {
				background-color: #fff;
				padding: 2% 0;
			}
			
			.header {
				padding-top: 0;
			}

			.alt {
				border-top: 1px solid #ececec;
				border-bottom: 1px solid #ececec;
				background-color: #f4f4f4;
				color: #222;
			}
			
			.image {
				height: auto;
				max-width: 100%;
			}
			
			.divider {
				border: 0;
				height: 2px;
				background-color: #000;
				width: 20%;
				margin: 0 auto;
			}
			
			.signature {
				font-family: 'Quattrocento', serif;
				font-size: 2.5rem;
			}

			@media (min-width: 1000px) {
				article, aside, footer, header, hgroup, nav, section {
					padding: 3% 0;
				}
				
				.wrapper {
					display: grid;
					grid-template-columns: 1fr 1fr;
				}
				
				.wrapper-item {
					grid-column-start: 2;
				}
				
				.image {
					display: none;
				}
				
				.skills {
					display: flex;
					margin: 5% 1.5%;
					justify-content: space-around;
				}

				.skills > .skills-list {
					flex: 1;
				}
			
				.gal_container {
					width: 80%;
					margin: 1rem auto;
				}
				
				.break {
					display: none;
				}
			}
			.gallery {
				display: grid;
				grid-template-columns: 1fr 1fr;
				grid-template-rows: 25vw 25vw;
			}
			
			.gallery-pic img {
				width: 100%;
				height: 85%;
				object-fit: cover;
				display: block;
			}