@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');


@import "compass/css3";

*
{
	text-decoration: none;
	font-weight: 500;
}

 body {
	 color: #000db5;
	 font: 100 1em/150% "proxima-nova", Helvetica, sans-serif;
     font-family: 'Ubuntu', sans-serif;
	 
     
}
 .wrapper {
	 max-width: 1200px;
	 margin: auto;
}
 h1, h2, h3, h4 {
	 font-weight: 700;
	 color: #000db5;
	 margin: 1.5em 0 0.5em;
}
 h1 {
	 font-size: 2em;
}
 h2 {
	 font-size: 1.8em;
}
 h3 {
	 font-size: 1.5em;
}
 h4 {
	 font-size: 1.3em;
}
 strong {
	 font-weight: 600;
}
 hr {
	 border: none;
	 height: 1px;
	 background-color: rgba(51, 153, 204, .2);
}
 .img-placeholder {
	 background-image: url("http://placehold.it/200x100/CC99CC/ffffff&text=Feature");
	 background-size: cover;
	 min-height: 100px;
	 min-width: 100px;
}
/*Basic Grid Styles*/
 .Grid {
	 display: flex;
	 flex-flow: row;
	 flex-wrap: wrap;
}
 .u-textCenter {
	 text-align: center;
}
 .Grid-cell {
	 flex: 1;
}
 .Demo {
	 padding: 0.8em 1em 0;
	 margin-bottom: 1em;
	 background: rgba(51, 153, 204, .2);
	 transition: background-color 0.3s ease;
	 border: 1px solid #3cc;
	 border-radius: 3px;
}
 .Demo:after {
	 content: "";
	 display: block;
	 margin-top: 0.8em;
	 height: 1px;
}
 .Demo:hover {
	 background: rgba(51, 153, 204, .6);
}
 .Demo.Holly {
	 background: rgba(102, 51, 255, 0.1);
}
 .Demo.Holly:hover {
	 background: rgba(102, 51, 255, 0.25);
}
/* With gutters*/
 .Grid--gutters {
	 margin-left: -1em;
}
 .Grid--gutters .Grid-cell {
	 padding-left: 1em;
}
 .Grid--gutters .Grid--nested .Grid-cell:first-of-type .Demo {
	 margin-right: 1em;
}
/* Justify per row*/
 .Grid--right {
	 justify-content: flex-end;
}
 .Grid--center {
	 justify-content: center;
}
/* Alignment per row */
 .Grid--top {
	 align-items: flex-start;
}
 .Grid--bottom {
	 align-items: flex-end;
}
 .Grid--center {
	 align-items: center;
}
/* Alignment per cell */
 .Grid-cell--top {
	 align-self: flex-start;
}
 .Grid-cell--bottom {
	 align-self: flex-end;
}
 .Grid-cell--center {
	 align-self: center;
}
 .navigation {
	 list-style: none;
	/*background: deepskyblue;
	*/
	 background: rgba(102, 51, 255, 0.1);
	 margin: 0 0 1em;
	 border: 1px solid #3cc;
	 border-radius: 3px;
	 display: flex;
	 -webkit-flex-flow: row wrap;
	 justify-content: flex-end;
}
 .navigation a {
	 text-decoration: none;
	 display: block;
	 padding: 1em;
	 color: #333;
}
 .navigation a:hover {
	 background: rgba(64, 0, 255, 0.1);
	 border-radius: 3px;
}
 .navigation:hover {
	 background: rgba(102, 51, 255, 0.25);
}
 @media all and (max-width: 800px) {
	 .navigation {
		 justify-content: space-around;
	}
}
 @media all and (max-width: 600px) {
	 .navigation {
		 -webkit-flex-flow: column wrap;
		 flex-flow: column wrap;
		 padding: 0;
	}
	 .navigation a {
		 text-align: center;
		 padding: 10px;
		 border-top: 1px solid rgba(255, 255, 255, 0.3);
		 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	 .navigation li:last-of-type a {
		 border-bottom: none;
	}
}
/*===========================================*/
/* Base classes for all media - Mobile first */
 .Grid--cols-2 > .Grid-cell {
	 flex: 0 0 100%;
}
 .Grid--cols-3 > .Grid-cell {
	 flex: 0 0 100%;
}
 .Grid--cols-4 > .Grid-cell {
	 flex: 0 0 100%;
}
 .Grid--cols-6 > .Grid-cell {
	 flex: 0 0 calc(50% - 1em);
}
 .Grid--cols-12 > .Grid-cell {
	 flex: 0 0 calc(33.3333% - 1em);
}
 .Grid--holly-grail .aside, .Grid--holly-grail .main {
	 flex: 1 100%;
}
/* One of -- columns*/
 .Grid--1of2 > .Grid-cell, .Grid--1of4 > .Grid-cell:first-of-type, .Grid--1of3 > .Grid-cell:first-of-type {
	 flex: 0 0 100%;
}
 .Grid--1of6 > .Grid-cell:first-of-type {
	 flex: 0 0 50%;
}
 .Grid--fit > .Grid-cell {
	 flex: 1;
}
 .Grid--full > .Grid-cell {
	 flex: 0 0 100%;
}
/* Tablet (medium) screens */
 @media (min-width: 30em) {
	 .Grid--cols-4 > .Grid-cell {
		 flex: 0 0 calc(50% - 1em);
	}
	 .Grid--cols-6 > .Grid-cell {
		 flex: 0 0 calc(33.3333% - 1em);
	}
	 .Grid--cols-12 > .Grid-cell {
		 flex: 0 0 calc(16.6666% - 1em);
	}
	 .Grid--holly-grail .aside {
		 flex: 1 calc(25% - 1em);
	}
	 .Grid--1of2 > .Grid-cell {
		 flex: 0 0 50%;
	}
	 .Grid--1of6 > .Grid-cell:first-of-type {
		 flex: 0 0 30%;
	}
	 .Grid--1of4 > .Grid-cell:first-of-type {
		 flex: 0 0 50%;
	}
	 .Grid--1of3 > .Grid-cell:first-of-type {
		 flex: 0 0 100%;
	}
}
/* Large screens */
 @media (min-width: 48em) {
	 .Grid--cols-2 > .Grid-cell, .Grid--cols-3 > .Grid-cell, .Grid--cols-4 > .Grid-cell, .Grid--cols-6 > .Grid-cell, .Grid--cols-12 > .Grid-cell {
		 flex: 1;
	}
	 .Grid--holly-grail .main {
		 flex: 2;
	}
	 .Grid--holly-grail .aside {
		 flex: 1;
	}
	 .Grid--holly-grail .aside-1 {
		 order: 1;
	}
	 .Grid--holly-grail .main {
		 order: 2;
	}
	 .Grid--holly-grail .aside-2 {
		 order: 3;
	}
	 .Grid--1of2 > .Grid-cell {
		 flex: 0 0 50%;
	}
	 .Grid--1of6 > .Grid-cell:first-of-type {
		 flex: 0 0 16.6666%;
	}
	 .Grid--1of4 > .Grid-cell:first-of-type {
		 flex: 0 0 25%;
	}
	 .Grid--1of3 > .Grid-cell:first-of-type {
		 flex: 0 0 30%;
	}
	 .Grid--gutters.Grid--nested .Grid-cell:first-of-type .Demo {
		 margin-right: 0;
	}
}
 .content-1of1::before {
	 content: "1";
}
 .content-1of2::before {
	 content: "1/2";
}
 .content-1of3::before {
	 content: "1/3";
}
 .content-1of4::before {
	 content: "1/4";
}
 .content-1of6::before {
	 content: "1/6";
}
 .content-1of12::before {
	 content: "1/12";
}
 

/* SOCIAL MEDIA */

img
{
	max-width: 100%;
}

.redes img
{
	margin: 20px;
}

.flex
{
	display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}