body, html {
    height: 100%;
    margin: 0;
     font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.background-image {
    background: linear-gradient(
        to right,
        rgba(38, 38, 38, 0.575),
        rgba(38, 38, 38, 0.575)),
     url("images/mountainsnowy.jpg");

    height: 75%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 0% 100%;
}


.chris-title-size {
    font-size: 3.5em;
    text-shadow: black 0px 0px 1.5px;
}


.introductory-text {
    text-shadow: black 0px 0px 1.5px;
}

.contact-me-section {

}

.nav-bar-top-name {
    font-size: 1em;
    margin-left: 50px;
    color: rgb(255, 174, 160, 1);

}

.nav-bar-top-links {
    font-size: 1em;
    color: rgb(255, 174, 160, 1);

}

.navbar-transparency {
    background-color: rgba(0,0,0,.4);
}

.bg-contact-section {
    background-color: rgba(225, 225, 225, 1);
    padding-top: 5em;
    padding-bottom: 5em;
}

.background-introductory-text {
    display: inline;
    background: linear-gradient(to right, rgba(59,89,153 ,.6), rgba(59,89,153 ,.6))
}

.header-text-color {
    /* color: rgb(255, 222, 217, 1); */
    color: white
}


.btn-outline-light {
    background-color: rgba(0,0,0,.4);
    border-color: rgb(255, 174, 160, 1);;
}

span.special-introductory-text {
    display: inline;
    color: white;

}

span.view-portfolio {
    font-size: 1.5rem;
    
}

.navbar-extra {
    height: 60px;
}

/* animating navbar */

#nav {

    transition: background-color 0.5s, height 0.5s;
   
}

.navbar-fixed {
   height: 60px;
}

.navbar-trans {
    background-color: rgba(0,0,0,1);
    height: 50px;
}