@charset "UTF-8";
/* CSS Document */
h1 {
    font-size: 60px;
    line-height: 1.25em;
}
#downloadoverlay:hover {
    background:rgba(0, 151, 255, .8);
    background-image:url(../img/icon-download.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    padding: 0;
    position: relative;
    z-index: 10;
}
.gradient {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(40%, rgba(0, 0, 0, 0.7)), color-stop(100%, black));
    position: absolute;
    bottom: 0;
}
.card h2{
    font-size:46px;
}
header.active #logo img{
  max-height: 40px;
}
#download-buttons{
    display: none;
    width:100%;
    position: fixed;
    bottom: 0;
    background: rgba(44,44,44,0);
    transition: all .2s ease-in-out;
}
@media only screen and (min-width: 800px and max-width: 1200px) {
  .hero{
    background-size: cover;
    background-position: center;
  }
}

@media only screen and (min-width: 1800px) {
    .hero{
        height:90vh !important;
    }
}
/* Small Screen */
@media only screen and (max-width: 800px) {
	.bio-container{
		width:90%;
	}
	header{
		position:absolute;
	}
	footer{
		padding-bottom:70px;
	}
    .small-centered-text {
        text-align: center;
    }
    .first-on-mobile{
        order: -1;
    }
     .mobile-padding {
        padding: 20px;
    }
    h1 {
    font-size: 30px; 
    }
    #cards p{
        font-size: .8em;
    }
	.oversized{
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
	}
	#card-phone{
		width:75%;
	}
	#logo{
		margin-top: 10px !important;
	}
    #menu{
        display:none;
    }
    #footer-download-buttons{
        display: block !important;
        width:100%;
        position: fixed;
        bottom: 0;
        z-index:100;
        background: rgba(44,44,44,1);
        transition: all .2s ease-in-out;
    }
}