/*///////////////////////////////////////////*/
/*Aaron Osborne                              */
/*Over the Mountain Creative Web Development */
/*15 OCT 2018                                */
/*///////////////////////////////////////////*/


html {
  scroll-behavior: smooth;
}

/*///////////////////////////////////////////*/
/* NAVBAR - BODY AREA                        */
/*///////////////////////////////////////////*/
.navbar { 
    background:#ffffff;
}

.nav-link , .navbar-brand { 
    color: #053246;
    cursor: pointer;
}

.nav-link {
    margin-right: 1em !important;
}

.nav-link:hover { 
    background: #f4f4f4;
    color: #053246;
}

.navbar-collapse {
    /*justify-content: flex-end; right /*aligns menu*/
}

.navbar-toggler {
    background:#fff !important;
}

/*///////////////////////////////////////////*/
/* HEADER - BODY AREA                        */
/*///////////////////////////////////////////*/
.header {
    background-attachment: fixed;
    background-image: url('../img/grandpa.jpg');
    background-position: center;
    background-size: cover;
}

/* TOP MARGIN FOR DIV OVER BACKGROUND */
/*////////////////////////////////////*/
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .intro {
        margin-top: 0%;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .intro {
        margin-top: 0%;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .intro {
        margin-top: 15%;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .intro {
        margin-top: 15%;
    }
}



.description{
    top: 3rem;
    padding: 1em;
    background-image: linear-gradient(to right,rgba(255,255,255,0.8),rgba(255,255,255,0.3));
}

.description h1{
    color:#053246;
}

.description img {
    float: left;
    margin-right: 10px;
}

.description p{
    color:#053246;
    font-size: 20px;
    line-height: 1.5;
}

.description button{
    border:1px solid #053246;
    color:#053246;
}

.btn-outline-primary {
    border-color: #053246;
    color: #053246;
}

.btn-outline-primary:hover {
    background-color: #053246;
    border-color: #053246;
    color: #fff;
}

/*///////////////////////////////////////////*/
/* MAIN - BODY AREA                          */
/*///////////////////////////////////////////*/

/* CAPABILITIES SECTION */
/*//////////////////////*/

.topshade {
    padding: 50px 0 20px 0;
    box-shadow: 0 -10px 25px 0px #666;
    position:relative;
    z-index: 5;
}

.capabilities {
    padding-top: 4em;
}

.capabilities h1 {
    color:#FBBB76;
    margin-bottom: 2rem;
}

.capabilities .card {
    box-shadow: 0 0 15px #ccc;
}

.capabilities .card img {
    width: 100%;
    height: 100%;
}

.capabilities .card-title {
    color:#00B59B;
}

.capabilities .card-body {
    padding: 1em;
}

.capabilities .card-text {
    color: #053246;

}

/* ABOUT SECTION */
/*///////////////*/
.aboutme {
    
}

.aboutme h1 {
    color:#FBBB76;
    margin: 2em;
}

.aboutme img {
    border-radius: 50%;
}

.aboutme span {
    display: block;
    color: #888;
    left: 115px;
}

.aboutme .desc {
    padding: 2em;
    border-left:4px solid #00B59B;
}

.aboutme .desc h3 {
    color: #FBBB76;
}

.aboutme .desc p {
    line-height:2;
    color:#053246;
}
 
/* CONTACT SECTION */
/*/////////////////*/

.contactme {
    padding-top: 2em;
}

.shade {

    box-shadow: 0px 0px 15px 0px #666;
    position:relative;
    z-index: 10;
}

table {
    color: #053246;
}



/*///////////////////////////////////////////*/
/* FOOTER - BODY AREA                        */
/*///////////////////////////////////////////*/