/** TITLE **/

.title {
    position:absolutely;
  }
  
  #tipsy {
    font-size:180px;
  }
  
  #tipsy a {
    font-size:180px;
  }
  
  #tipsy a:link {
    font-size:180px;
  }
  
  /** WORD GALAXY **/
  .word1 {
    font-size:80px;
  }
  
  /** WORD EXPLORERS **/
  .word2 {
    margin-left:20px;
    margin-top:-20px;
    font-size:80px;
  }
  
  
  /** _________________________________________________________ **/
  
  /** LINKS **/
  
  #hope a {
    display: inline-block;
    position: relative;
    color: black;
    font-size: 11px;
    font-weight: bold;
    padding: 14px 10px;
    text-transform: uppercase;
    font-size:14px;
  }
  
  /** LINKS LINE HOVER **/
  #hope a:after {
    content: '';
    position: absolute;
    height: 5px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    background-color: #D7FFF3;
    -webkit-transition: all .1s ease;
    transition: all 0.3s ease;  
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
  }
  
  #hope a:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  /** _________________________________________________________ **/
  
  /** NAV **/
  
  .nav a {
    color: black;
    font-size: 11px;
    font-weight: bold;
    padding: 14px 10px;
    text-transform: uppercase;
    font-size:14px;
  }
  
  .nav a:link {
    color: black;
    font-size: 11px;
    font-weight: bold;
    padding: 14px 10px;
    text-transform: uppercase;
    font-size:14px;
  }
  
  .nav a:hover {
    background-color:;
    font-size: 11px;
    font-weight: bold;
    padding: 14px 10px;
    text-transform: uppercase;
    font-size:14px;
    text-decoration:none;
  }
  
  .nav a:active {
    background-color: peach;
    font-size: 11px;
    font-weight: bold;
    padding: 14px 10px;
    text-transform: uppercase;
    font-size:14px;
  }
  
  .nav {
    padding-top: 15px;
    background-color:white;
    margin-top:150px;
    padding-bottom:150px;
    
  }
  
  .nav li {
    display: inline;
  }
  
  /** _________________________________________________________ **/
  
  /** LEFT JUMBOTRON **/
  
  .jumbotron-sup {
    background-image:url(http://img09.deviantart.net/c2e7/i/2010/012/b/7/white_marble_texture_01_by_goodtextures.jpg);
    height: 350px;
    background-repeat: ;
    background-size: cover;
  }
  
  .jumbotron .container {
    position:;
  }
  
  .jumbotron h1 {
    margin-top:35px;
    font-size: 50px;  
    font-family: font-family: 'Raleway', sans-serif;
    font-weight: bold;
    bottom: 10px;
    color:white;
  }
  
  .jumbotron p {
    font-size: 18px;
    text-transform: uppercase;
    color:white;
    margin-left:200px;
    margin-right:200px;
  }
  
  /** _________________________________________________________ **/
  
  /** RIGHT JUMBOTRON **/
  
  .jumbotron-super {
    background-color:#D7FFF3;
    height: 350px;
    background-repeat: ;
    background-size: stretch;
    margin-bottom:50px;
  }
  
  .jumbotron-super .container {
    position:;
  }
  
  .jumbotron-super h1 {
  
    font-size: 50px;  
    font-family: font-family: 'Raleway', sans-serif;
    font-weight: bold;
    bottom: 10px;
    color:white;
   /** text-shadow: 0px 1px 6px rgba(0, 0, 0, .3); **/
  }
  
  .jumbotron-super p {
    font-size: 18px;
    text-transform: uppercase;
    color:white;
    margin-left:60px;
    margin-right:60px;
    /** text-shadow: 0px 1px 1px  rgba(0, 0, 0, .6); **/
  }
  
  /** _________________________________________________________ **/
  
  /** PAGE IMAGE LINKS (CIRCLES) **/
  
  .ch-grid {
      margin: 20px 0 0 0;
      padding: 0;
      list-style: none;
      display: inline-block;
      text-align: center;
      width: 100%;
    padding-top:65px;
    padding-bottom:95px;
  }
  
  .ch-grid:after,
  .ch-item:before {
      content: '';
      display: table;
  }
  
  .ch-grid:after {
      clear: both;
  }
  
  .ch-grid li {
      width: 220px;
      height: 220px;
      display: inline-block;
      margin: 20px;
  }
  
  /** TEXT&IMAGE CONTAINER **/
  .ch-item {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      overflow: hidden;
      position: relative;
      cursor: default;
      box-shadow: 
          inset 0 0 0 16px rgba(255,255,255,0.6),
          0 1px 2px rgba(0,0,0,0.1);
      transition: all 0.4s ease-in-out;
  }
  
  /** IMAGES **/
  .ch-img-1 { 
      background-image: url(https://cdn.myportfolio.com/185f8eaf-b422-4b1d-9aaf-02b71649f7f0/ac7dd985-496d-4e2a-9290-3d3ccdf9ebda.JPG?h=4d94d3be4f1051470003048699812c25);
    background-size: 350px;
  }
  
  .ch-img-2 { 
      background-image: url(https://images.unsplash.com/photo-1454909516657-78526f214d05?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=88918c6ae62b8f7d26d33142dc697ac3);
    background-size: 250px;
  }
  
  .ch-img-3 { 
      background-image: url(https://images.unsplash.com/photo-1454944338482-a69bb95894af?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=d21dd51d2f4700192befc69f2a4f0fcc);
    background-size: 340px;
  }
  
  .ch-img-4 { 
      background-image: url(https://images.unsplash.com/photo-1442412884322-bf142586405d?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=9ec6380d280c2f43f43b76e90ed72c12);
    background-size: 200px;
  }
  
  .ch-img-5 { 
      background-image: url(https://images.unsplash.com/reserve/LJIZlzHgQ7WPSh5KVTCB_Typewriter.jpg?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=6aadbf5239c8d96bbd93bdb4f836ff4f);
    background-size: 210px;
  }
  
  .ch-img-6 { 
      background-image: url(https://images.unsplash.com/photo-1446160657592-4782fb76fb99?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=8f67d9ea1f1ef3c24104eccad00b3eba);
    background-size: 340px;
  }
  
  /** TEXT&IMAGE **/
  .ch-info {
      position: absolute;
      background: rgba(215, 255, 243, 0.8);
      width: inherit;
      height: inherit;
      border-radius: 50%;
      overflow: hidden;
      opacity: 0;
      transition: all 0.4s ease-in-out;
      transform: scale(0);
  }
  
  .ch-info h3 {
      color: #fff;
    text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 22px;
      margin: 0 30px;
      padding: 45px 0 0 0;
      height: 140px;
      font-family: 'Open Sans', Arial, sans-serif;
      text-shadow: 
          0 0 1px #fff, 
          0 1px 2px rgba(0,0,0,0.3);
  }
  
  .ch-info p {
      color: #fff;
      padding: 10px 5px;
      font-style: italic;
      margin: 0 30px;
      font-size: 12px;
      border-top: 1px solid rgba(255,255,255,0.5);
      opacity: 0;
      transition: all 1s ease-in-out 0.4s;
  }
  
  .ch-info p a {
      display: block;
      color: rgba(255,255,255,0.7);
      font-style: normal;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 9px;
      letter-spacing: 1px;
      padding-top: 4px;
      font-family: 'Open Sans', Arial, sans-serif;
  }
  
  .ch-info p a:hover {
      color: rgba(255,242,34, 0.8);
  }
  
  /** HOVER IMAGE **/
  .ch-item:hover {
      box-shadow: 
          inset 0 0 0 1px rgba(255,255,255,0.1),
          0 1px 2px rgba(0,0,0,0.1);
  }
  
  .ch-item:hover .ch-info {
      transform: scale(1);
      opacity: 1;
  }
  
  .ch-item:hover .ch-info p {
      opacity: 1;
  }
  
  /** _________________________________________________________ **/
  
  /** FOOTER **/
  
  .learn-more {
    background-color:#D7FFF3;
  }
  
  .learn-more h3 {
    font-family: 'Shift', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: BLACK;
  }
  
  .learn-more a {
    color: #00b0ff;
  }
  
  .neighborhood-guides {
      background-color:white;
      border-bottom: 1px solid white;
  }
  
  .neighborhood-guides h2 {
      color: white;
      font-size: 24px;
  }
  
  #hi {
      border: 1px solid white;
      width: 180px;
      padding: 5px;
      text-decoration: none;
      color: white;
  }
  
  .neighborhood-guides p {
      font-size:15px;
      margin-bottom: 13px;
      color: white;
  }