/* //typography styles*/
 h1, h2, h3 {
     font-family: 'Open-Sans', sans-serif;
 }


/*//background gradient*/
.home-callout, .navbar {
    /*//gradient by https://twitter.com/_ighosh*/
    background: #00c6ff;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0072ff, #00c6ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

/*//navbar styles*/
.navbar {
    border: none;
    
}

.navbar-default .navbar-header .navbar-brand {
    color: white;
    
}

.navbar-default .navbar-header .navbar-brand:hover {
    color: white;
    opacity: 0.75;
    }


.navbar-default .collapse .navbar-nav li a {
    color: white;
}

.navbar-default .collapse .navbar-nav li a:hover {
    color: white;
     opacity: 0.75;
}

.navbar-brand {
    font-family: 'Open Sans', 'sans-serif';
    font-weight: 800;

}

.navbar-default .navbar-toggle .icon-bar{
    background-color: white;
}

.navbar-default .navbar-toggle {
    border: 2px, solid white;
}

.navbar-default .navbar-toggle:hover {
    background-color: #00c6ff ;
}

.navbar-default .navbar-toggle:focus {
    background-color: #00c6ff ;
}


/*//homepage styles*/
.home-callout {
    color: white;
    margin-top: -20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.flash-container {
  position: absolute;
  width: 100%;
}
.alert-notice, .alert-alert {
  text-align: center;
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.5);
  margin-top: -14px;
}

.home-signup-links {
    margin-top: 30px;
}


.about-container {
    /*//background-color: #051123
    //gradient by https://twitter.com/_ighosh*/
    background: #00c6ff;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0072ff, #00c6ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


.founder-text {
    //font-color: black;
    color: white;
    &:hover{
        color: white;
        opacity: 0.75;
    }
}

.devmatch-text {
     font-family: 'Open Sans', 'sans-serif';
    font-weight: 800;
}



.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}