.icon {
  position: relative;
	display: inline-block;
	text-indent: 0;
	line-height: 1;
	background-size: 100%;
  background-position: center;
	background-repeat: no-repeat;
  &.icon-chevron-down {
		background-image: none, url('../img/icon-chevron-down.svg');
    background-size: 11px 6px;
    width: 11px; height: 6px;
	}
	&.play-button {
		background-image: none, url('../img/icon-play.svg');
    background-size: 34px 34px;
    width: 34px; height: 34px;
	}
  &.icon-data {
		background-image: none, url('../img/icon-data.svg');
    background-size: 45px 20.25px;
    width: 45px; height: 45px;
	}
  &.icon-code {
		background-image: none, url('../img/icon-code.svg');
    background-size: 45px 23px;
    width: 45px; height: 45px;
	}
  &.icon-math {
		background-image: none, url('../img/icon-math.svg');
    background-size: 45px 45px;
    width: 45px; height: 45px;
	}
  &.icon-close {
		background-image: none, url('../img/icon-close.svg');
    background-size: 24px 24px;
    width: 24px; height: 24px;
	}
  // Partner Logos
  &.spark-logo {
		background-image: none, url('../img/spark-logo.png');
    background-size: 70px 45px;
    width: 70px; height: 45px;
	}
  &.databricks-logo {
		background-image: none, url('../img/databricks-logo.svg');
    background-size: 140px 45px;
    width: 140px; height: 45px;
	}
  &.hadoop-logo {
		background-image: none, url('../img/hadoop-logo.png');
    background-size: 60px 45px;
    width: 60px; height: 45px;
	}
  &.jupyter-logo {
		background-image: none, url('../img/jupyter-logo.png');
    background-size: 51px 55px;
    width: 51px; height: 55px;
	}
  &.zeppelin-logo {
		background-image: none, url('../img/zeppelin-logo.png');
    background-size: 58px 35px;
    width: 58px; height: 35px;
	}
  &.dsx-logo {
		background-image: none, url('../img/dsx-logo.png');
    background-size: 64px 27px;
    width: 64px; height: 27px;
	}
  &.python-logo {
		background-image: none, url('../img/python-logo-generic.svg');
    background-size: 64px 27px;
    width: 64px; height: 27px;
	}
  &.r-logo {
		background-image: none, url('../img/r-logo.svg');
    background-size: 64px 27px;
    width: 64px; height: 273px;
	}
  &.icon-announcement {
		background-image: none, url('../img/icon-announcment.svg');
    background-size: 60px 40px;
    width: 60px; height: 40px;
	}
  &-youtube {
    background-image: none, url('../img/icons/icon_youtube.svg');
    background-size: 40px 40px;
    width: 40px; height: 40px;
  }

  &-github {
    background-image: none, url('../img/icons/icon_github.svg');
    background-size: 40px 40px;
    width: 40px; height: 40px;
  }

  &-twitter {
    background-image: none, url('../img/icons/icon_twitter.svg');
    background-size: 40px 40px;
    width: 40px; height: 40px;
  }

  &-medium {
    background-image: none, url('../img/icons/icon_medium.svg');
    background-size: 40px 40px;
    width: 40px; height: 40px;
  }
}

#trademark {
  font-size: .5em;
  font-weight: 300;
  vertical-align: middle;
}