@charset "UTF-8";
/* CSS Document */

	*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
		
		
}
/*diseño Movil*/

		html{
		font-family: 'Montserrat', sans-serif;
		
			}

		.navegacio_mobil{
			background-color: black;
			
	}
	
		.navegacio_ordinador{
			display: none;
		}
		
		.navegacio_mobil{
			display: block;
		}


		.tamany {
			font-size: 1.3rem;
		}

			
		.container {
			margin: auto;
			overflow: auto;
			padding: 0 18px;
		}

		.large {
			font-size: 1.10rem;
		}

		.txt-orange {
			color: red;
		}

		.display-1 {
			font-size: 3rem;
			
		}

		.foto_yo{
	

		 width: 300px;
		 margin: 30px;
  		 display: block;
 	
}

	

		h1 {
			font-size: 2.5rem;
		}
		h2 {
			font-size: 2rem;
			font-weight: 800;
			margin-bottom: 10px;
		}

		h3{
			font-size: 2rem;
			font-weight: 800;
			margin-bottom: 10px;
		}
		h4 {
			font-size: 1.5rem;
		}

		p {
			font-size: 1rem;
			margin: 20px 10;
			line-height: 1.6em;
			font-weight: 600;
		}

		a {
			text-decoration: none;
		}

		#portfolio{	
			margin-top: 50px;
			
		}

		/*Barra / navbar*/
		
		#navbar {
			color: black;
			overflow: auto;
			padding-top: 10px;
			padding-bottom: 10px;
		}

		#navbar a {
			color: black;
		}

		#navbar .logo {
			float: left;
			padding-top: 16px;
			font-size: 20px;
		}

		#navbar ul {
			list-style: none;
			float: right;
		}

		#navbar ul li {
			float: left;
		}

		#navbar ul li a {
			display: block;
			padding: 20px;
			text-align: right;
			font-size: 15px;
		}

		#navbar ul li a:hover {
			color: red;
		}



		/* Sobre mi*/
		
		#about {
			padding: 40px 0;
			
		}

		#about h {
			padding-bottom: 60px;
			
		}

		#about p {
			padding-bottom: 8px;
		}

	


		main.galeria1{
			width: 80%;
			height: 500px;
			margin: 40px auto;
			text-align: center;
		}
		.foto_galeria{
			 margin: 20px;
  			 display: inline-block;
 			 width: 280px;
			
		}
			
		

		/*diseño Ordenador*/


		@media screen and (min-width:992px){
		.html{
				}
		
		main.galeria1{
			width: 80%;
			height: 500px;
			margin: 40px auto;
			text-align: center;
		}
		.foto_galeria{
			 margin: 20px;
  			 display: inline-block;
 			 width: 300px;
		}
			
			
			
		.container {
			margin: auto;
			overflow: auto;
			padding: 0 20px;
		
			
		}

		.tamany {
			font-size: 1.6rem;
		
		}

		.txt-orange {
			color:darkseagreen;
		}

		.display-1 {
			font-size: 6rem;
		}
	
		.portfolio {
			display: flex;
		}

		#portfolio{	
			margin-top: 30px;
			
			
			
		}
			
			
		.foto_yo{
		 width: 600px;
		 margin: 20px;
  		 display: block;
 	
		}
		
		#navbar {
			color: #fff;
			overflow: auto;
			padding-top: 20px;
			padding-bottom: 20px;
		}

		#navbar a {
			color: black;
		}

		#navbar .logo {
			float: left;
			padding-top: 16px;
			font-size: 20px;
		}

		#navbar ul {
			list-style: none;
			float: right;
		}

		#navbar ul li {
			float: left;
		}

		#navbar ul li a {
			display: block;
			padding: 20px;
			text-align: center;
		}

		#navbar ul li a:hover {
			color: darkseagreen;
			
		}

		/* Ht h1 etc */
			
			
		html {
			
			color: black;
		}

		h1 {
			font-size: 2.5rem;
		}
		h2 {
			font-size: 2rem;
			font-weight: 800;
			margin-bottom: 10px;
			
		}
		
		h3{
			font-size: 2rem;
			font-weight: 800;
	
		}
			
		h4 {
			font-size: 1.5rem;
		}

		p {
			font-size: 1rem;
			margin: 10px 0;
			line-height: 1.6em;
			font-weight: 600;
			
		}

	
		#about {
			padding: 10px 0;
			
		}

		#about h2 {
			padding-bottom: 10px;
		}

		
			
		#about p {
			padding-bottom: 5px;
			
		}