.md-header, .md-tabs {
    background-color: #040646;
}

@media only screen and (max-width: 76.1875em) {
    html .md-nav--primary .md-nav__title--site {
        background-color: #040646;
    }
}

@import url("https://p.typekit.net/p.css?s=1&k=cjx8mzr&ht=tk&f=139.173.175.5474.25136&a=31276436&app=typekit&e=css");

/*** ProximaNova-Light ***/
@font-face {
	font-family: "proxima-nova";
	src: url("https://use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),
		 url("https://use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),
		 url("https://use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
	font-style: normal;
	font-stretch: normal;
	font-weight: 300;
}

/*** ProximaNova-Regular ***/
@font-face {
	font-family: "proxima-nova";
	src: url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
		 url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
		 url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-style: normal;
	font-stretch: normal;
	font-weight: 400;
}

/*** ProximaNova-Medium ***/
@font-face {
	font-family: "proxima-nova";
	src: url("https://use.typekit.net/af/6e816b/00000000000000003b9b3064/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),
		 url("https://use.typekit.net/af/6e816b/00000000000000003b9b3064/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),
		 url("https://use.typekit.net/af/6e816b/00000000000000003b9b3064/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
	font-style: normal;
	font-stretch: normal;
	font-weight: 500;
}

/*** ProximaNova-Semibold ***/
@font-face {
	font-family: "proxima-nova";
	src: url("https://use.typekit.net/af/576d53/00000000000000003b9b3066/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),
		 url("https://use.typekit.net/af/576d53/00000000000000003b9b3066/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),
		 url("https://use.typekit.net/af/576d53/00000000000000003b9b3066/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
	font-style: normal;
	font-stretch: normal;
	font-weight: 600;
}

/*** ProximaNova-Bold ***/
@font-face {
	font-family: "proxima-nova";
	src: url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),
		 url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),
		 url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
	font-style: normal;
	font-stretch: normal;
	font-weight: 700;
}

body, input {
  font-family: "proxima-nova", sans-serif;
}

:root {
    /* Default color shades */
    /*
    --md-default-fg-color:               ...;
    --md-default-fg-color--light:        ...;
    --md-default-fg-color--lighter:      ...;
    --md-default-fg-color--lightest:     ...;
    --md-default-bg-color:               ...;
    --md-default-bg-color--light:        ...;
    --md-default-bg-color--lighter:      ...;
    --md-default-bg-color--lightest:     ...;
    */
    /* Primary color shades */
    --md-primary-fg-color:               #6246B3;
    /*
    --md-primary-fg-color--light:        #5fc421;
    --md-primary-fg-color--dark:         #f40808;
    --md-primary-bg-color:               ...;
    --md-primary-bg-color--light:        ...;
    */
    /* Accent color shades */
    --md-accent-fg-color:                #040646;
    /*
    --md-accent-fg-color--transparent:   ...;
    --md-accent-bg-color:                ...;
    --md-accent-bg-color--light:         ...;
    */
    /* Code block color shades */
    /*
    --md-code-bg-color:                  ...;
    --md-code-fg-color:                  ...;
    */
  }



.welcome {
   background-color: #040646;
   color: white;
   padding: 10px 10px 20px 10px;
}

.welcome h1 {
  border: 0px solid red;
  color: white;
  margin-bottom: 0px;
}

.welcome h3 {
  margin-top: 0px;
  border: 0px solid red;
  color: white;
}

.welcome p {
  font-weight: normal;
}

.hero_container {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.welcome .hero_text {
  border: 0px solid red;
  width: 600px;
  margin-right: 30px;
}


.welcome .hero_image {
  width: 400px;
}

.welcome .hero_image img{
  border: 0px solid red;
  max-width: 100%;
  height: auto;
}

.welcome .quickstart-button {
  border-radius: 5px !important;
  background: linear-gradient(to right,#b40eaa 0,#0d5cc7 100%);
  border: 0px;
  text-transform: uppercase;
  float: left;
  text-align: center;
}

.welcome .quickstart-button:hover {
  background: linear-gradient(to left,#b40eaa 0,#0d5cc7 100%);
}

.pillars {
  margin-bottom: 40px;
}

.pillars_container {
  margin-top: 30px;
  /* Flex details */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;

}

.pillars_item {
  width: 300px;
  min-height: 200px;
  margin-left: 5px;
  /* Flex details */
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pillars_container img {
  display: block;
  margin: auto;
  width: 80px;
  margin-bottom: 15px;
}

.pillars_container p {
  display: block;
  margin: auto;
  text-align: center;
  margin-bottom: 10px;
}

.pillars_container .md-button {
  color: #040646;
  border-color:#040646;
  display: block;
  margin: auto;
  margin-top: 10px;
  border-radius: 5px;
  padding: 10px 10px 10px 10px;
}

.explore .md-grid {
  border-top: 1px solid #aaa;
}

.explore h3 {
  margin-top: 10px;
}

.explore_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 100px;
}

.explore_item {
  width: 200px;
  border: 0px solid orange;
  min-height: 200px;
  margin-left: 5px;
  /* Flex details */
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.explore_item svg{
  display: block;
  margin: auto;
  fill: black;
}
.explore_item .md-button {
  background-color: #040646;
  border-color:#040646;
  display: block;
  margin: auto;
  margin-top: 20px;
  width: 180px;
  text-align: center;
  border-radius: 5px !important;
  padding: 5px;
  font-size: 15px;
}