* {
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			text-decoration: none;
		}
		.header {
			width: 100%;
			padding: 2rem 0;
			background-color: #6C7A89;
		}
		.header-logo {
			height: 5rem;
		}
		.header-socials {
			width: 2rem;
			height: 2rem;
			opacity: 0.8;
			-webkit-transition: all 0.3s ease 0s;
			-o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
		}
		.header-socials:hover, .header-socials:focus, .header-socials:active {
			opacity: 1;
		}
		.header-links:not(:first-child), .tech-logos:not(:first-child) {
			margin-left: 1rem;
		}
		.header-flex {
			height: 100%;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-webkit-align-content: center;
			-ms-flex-line-pack: center;
			align-content: center;
			-webkit-box-align: center;
			-webkit-align-items: center;
			-ms-flex-align: center;
			align-items: center;
		}
		.header-nav {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			list-style: none;
		}
		.header-nav a {
			color: #ecf1f2;
			font-family: 'Ópen Sans', sans-serif;
			opacity: 0.8;
			-webkit-transition: all 0.3s ease 0s;
			-o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
		}
		.header-nav a:hover, .header-nav a:focus, .header-nav a:active {
			color: #fff;
			opacity: 1;
		}
		.header-nav li:not(:first-child) {
			margin-left: 2rem;
		}
		.container {
			max-width: 1280px;
			margin:  auto;
			padding: 0 1rem;
		}
		.subheader {
			width: 100%;
			padding: 2rem 0;
		}
		.cv-subheader {
			background: #ecf1f2;
		}
		h1 {
			font-size: 2.5rem;
		}
		h2 {
			margin-top: 4rem;
		}
		.mt-2 {
			margin-top: 2rem;
		}
		h1, h2 {
			color: #6C7A89;
			letter-spacing: 0.1rem;
		}
		h1, h2, h3, h4 {
			font-family: 'Oswald', sans-serif;
			text-transform: uppercase;
			line-height: 1;
		}
		h2, h3 {
			margin-bottom: 1rem;
		}
		h3 {
			color: #000;
			margin-top: 2rem;
		}
		.languages-h3 {
			margin-top: 1rem;
		}
		h4 {
			color: #9D9D9C;
			font-weight: 200;
		}
		.tech-logos {
			height: 2rem;
			width: auto;
		}
		.card-tech-logos {
			height: 1.3rem;
			width: auto;
			margin: 0.5rem 0;
		}
		.portfolio {
			padding: 2rem 0;
		}
		.dev-portfolio {
			display: -ms-grid;
			display: grid;
			-ms-grid-columns: 1fr 1.5rem 1fr 1.5rem 1fr;
			grid-template-columns: repeat(3, 1fr);
			grid-gap: 1.5rem;
		}
		.dev-card {
			width: 100%;
			height: auto;
			-webkit-transition: all 0.3s ease 0s;
			-o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
		}
		.dev-card:hover, .dev-card:active, .dev-card:focus {
			-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
		}
		.dev-preview {
			max-width: 400px;
			max-height: 300px;
		}
		.dev-card-info {
			background-color: #fff;
			padding: 1rem;
		}
		.dev-card-info li:first-child {
			color: #6C7A89;
			font-family: 'Oswald', sans-serif;
			text-transform: uppercase;
		}
		.dev-card-info li, .cv-content-right li {
			color: #000;
			font-family: 'Ópen Sans', sans-serif;
		}
		.dev-card-info ul {
			list-style: none;
			line-height: 1.6;
		}
		.card-tech-logos:not(:first-child) {
			margin-left: 0.5rem;
		}
		.cv-content {
			display: -ms-grid;
			display: grid;
			grid-gap: 1.5rem;
			-ms-grid-columns: 1fr 1.5rem 1fr;
			grid-template-columns: repeat(2, 1fr);
		}
		.cv-content-left, .cv-content-right {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
		}
		p {
			font-family: 'Ópen Sans', sans-serif;
			line-height: 1.6;
			margin-top: 0.8rem;
		}
		.cv-content-right ul {
			list-style: none;
			line-height: 2;
		}
		.tools-flex, .languages-flex {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}
		.tools-col {
			-webkit-flex-basis: 25%;
    		-ms-flex-preferred-size: 25%;
			flex-basis: 25%;
		}
		.tools-col img {
			margin-right: 0.5rem;
			padding-top: 1rem;
		}
		.language {
			-webkit-flex-basis: 25%;
    		-ms-flex-preferred-size: 25%;
			flex: 25%;
		}
		.current-page-link-wrapper {
			position: relative;
		}
		.current-page-link:after {
			content: ' ';
			display: block;
			width: 0.3rem;
			height: 0.3rem;
			background: #fff;
			opacity: 0.5;
			border-radius: 50%;
			position: absolute;
			top: 1.5rem;
			left: 50%;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
		}


		@media screen and (max-width: 960px) {
			.cv-content {
				-ms-grid-columns: 1fr;
				grid-template-columns: 1fr;
			}
		}
		@media screen and (max-width: 680px) {
			.mobile-subheader-flex {
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			}
			.mobile-subheader-flex div {
				margin-top: 1.5rem;
			}
			.portfolio {
				padding-top: 0;
			}
		}
		@media screen and (max-width: 560px) {
			.header-mobile-socials-flex {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			}
			.header-links:not(:first-child) {
			margin-left: 0;
			margin-top: 0.5rem;
			}
			.header-nav {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			}
			.header-nav li:not(:first-child) {
			margin-left: 0rem;
			margin-top: 0.8rem;
			}
			.tools-flex, .languages-flex {
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			}
			.language {
			-webkit-flex-basis: 50%;
    		-ms-flex-preferred-size: 50%;
			flex-basis: 50%;
			}
			.dev-portfolio {
			-ms-grid-columns: 1fr 1rem 1fr;
			grid-template-columns: repeat(2, 1fr);
			grid-gap: 1rem;
			}
			.header-logo {
			height: 4rem;
			}
			.tools-col {
			-webkit-flex-basis: 50%;
    		-ms-flex-preferred-size: 50%;
			flex-basis: 50%;
			}
			.mobile-mt-1-s {
				margin-top: 1rem;
			}
			.current-page-link:after {
				width: 0.3rem;
				height: 0.3rem;
				background: #fff;
				opacity: 0.5;
				border-radius: 50%;
				position: absolute;
				top: 50%;
				left: -0.75rem;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
			}
			.dev-tech > .tech-logos:nth-child(5), .portfolio-tech > .tech-logos:nth-child(1),
			.portfolio-tech > .tech-logos:nth-child(6), .portfolio-tech > .tech-logos:nth-child(7),
			.portfolio-tech > .tech-logos:nth-child(8) {
				display: none;
			}
			.tech-logos {
				height: 1.5rem;
				width: auto;
			}
			.portfolio-tech > .tech-logos:nth-child(2) {
				margin-left: 0;
			}
		}
		@media screen and (max-width: 320px) {
			.dev-portfolio {
			-ms-grid-columns: 1fr;
			grid-template-columns: 1fr;
			}
			.tools-col {
			-webkit-flex-basis: 100%;
    		-ms-flex-preferred-size: 100%;
			flex-basis: 100%;
			}
			.mobile-mt-1-xs {
				margin-top: 1rem;
			}
			.skills li {
				margin: 1rem 0;
				line-height: 1.4;
			}
		}