body {
    font-family: 'Lato', sans-serif;
    
    background-color: #fff;

}
h1, h2, h3, h4, h5, h6{
    font-family: 'Roboto', sans-serif;
}
.center {
    text-align: center !important;
}
a:hover {
    color: #398EEA !important; 
}
.title {
    font: 'Lato';
    padding: 10px 20px; 
    text-align: center !important;
}
#skills i, #contact a{
    color: #FFC627;
    padding: 10px 20px; 

}

/*----- HEADER STYLES -------- */
#header{
    border-bottom: #000;
    padding-left: 2%;
}
#home{
    margin-top: 4%; 
    color: #8C1D40; 
    -webkit-text-stroke: 0.5px #FFC627; 
}
#logo{
    background: url('../images/rocketidea.png') no-repeat center center;
    min-height: 120px; 
    background-size: 100%;

}

/*----- JUMBOTRON STYLES -------- */
#banner{
    background: url('../images/asu102020banner.png') no-repeat center center;
    background-color: #fff;
    border: #000 2px solid; 
    background-size: 100%;
    min-height: 375px; 
    margin-top: -20px; 
}

/*----- NAVIGATION STYLES -------- */
.nav-link{
    color: #FFC627 !important;
    font-size: 1.25em;
    padding: 2px; 
}

/*----- ABOUT ME STYLES -------- */
#aboutMe{
    padding-top: 20px; 
    padding-bottom: 20px;
}
#aboutMe h4 {
    color: #8C1D40;
    font-weight: 100; 
}
.img-thumbnail {
    border: #8C1D40 2px solid; 
}

/*----- EDUCATION  STYLES -------- */
#edu1{
    background: url('../images/2013graduation.png') no-repeat center center;
    min-height: 400px; 
    background-size: cover;
    border: #8C1D40 2px solid; 

}
#edu1 h3, #edu2 h3{
   margin-top: 35%; 
   color: #FFC627;

   font-weight: 900;
   -webkit-text-stroke: 2px #000;

   /*background-color: #000;*/
}
#edu2{
    background: url('../images/fam2017grad.png') no-repeat center center;
    min-height: 200px; 
    background-size: cover;
    border: #8C1D40 2px solid; 

}
/*----- SKILLS STYLES -------- */
.card img {
    height: 200px; 

}

/*----- PROJECTS STYLES -------- */
.proj-section {
    padding-top: 2rem;
    padding-bottom: 4rem;
}

#pastproj h3, #futureproj h3, #pastproj h5, #futureproj h5 {
    color: #FFC627;
}
#pastproj .card, #presentproj .card, #futureproj .card{
    border: #8C1D40 2px solid; 
    text-align: center;
}

/*----- CONTACT STYLES -------- */
#contactModal i {
    padding-right: 10px; 
}
/*----- FOOTER STYLES -------- */
#footer {
    color: #FFC627; 
    min-height: 2rem; 
}

/* Small devices (landscape phones, 576px and up) */
@media only screen and (max-width: 780px) {
    .about {
        font-size: 1em;
    }
}