.carousel {

    box-shadow: 0 4px 10px -1px black;
    position: relative;
    margin-bottom: 3rem !important;
    




}

p {
    margin: 1rem;
    font-size: larger;


}

body {
    background-color: rgb(186, 187, 179);


}



h1 {
    margin-top: 60px;
    text-align: center;
    -webkit-text-stroke: 1px rgb(0, 37, 16);
    font-weight: bolder;
    font-style: italic;
    color: rgb(103, 148, 185);
    position: absolute;
    top: 20px;
    left: 50%;
    font-size: 2.5rem;
    z-index: 10;
    transform: translateX(-50%);
    width: 100%;
    text-shadow: 10px 10px 10px rgb(0, 0, 0);

}

nav {
    margin: 0;
}

h2 {
        -webkit-text-stroke: 1px rgb(0, 37, 16);
    color: rgb(103, 148, 185);
    text-decoration: underline rgb(81, 116, 145);
    font-size: xx-large;
    
    font-weight: bolder;
    font-style: italic;

}
.aboutmeheading {
text-align: left;

}

h3 {

    text-align: center;
    margin-top: 3rem;
    color: rgb(103, 141, 109);
    -webkit-text-stroke: 1px rgb(34, 87, 56);
    text-decoration: underline rgb(103, 141, 109);
    font-size: 2rem;
    font-weight: bolder;
    margin-bottom: 3rem;
    float: none;

}

.h2special {
    margin-top: 3rem;
    margin-bottom: 3rem;
    text-align: center;
}

.btn,
.btn-primary {

    background-color: rgb(87, 133, 145);
    color: rgb(186, 187, 179);

}

.card-body {

    background-color: rgba(105, 122, 97)
}

.navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 2000;
    background-color: rgb(171, 180, 163);
    border: 1px rgb(136, 143, 130) solid;
}
li{

    border: 1px rgb(161, 170, 152) solid;
}

.navbar-custom {
    background-color: rgb(171, 180, 163) !important;
    text-align: center;
    position: fixed;
    left: 0%;
    top: 0%;
    width: 100%;
    z-index: 1000;
    border: 1px rgb(136, 143, 130) solid;



}

.dropdown-menu {

    background-color: rgb(163, 173, 154) !important;
    text-align: center;
    border: 1px rgb(136, 143, 130) solid;

}

a:hover {


    background-color: rgb(187, 187, 187) !important;
}

.card {

    box-shadow: 10px 10px 20px rgb(106, 116, 97);
    margin: 2rem;

}

.aboutmepic {

    float: left;

    margin-bottom: 0.4rem;
    margin-right: 1rem;
    margin-left: 1rem;
    width: 45%;
    box-shadow: 10px 10px 20px rgb(106, 116, 97);

}

.aboutmetext {

    text-align: left;
}

footer {

    background-color: rgb(0, 77, 0);
    padding-top: 2rem;
    padding-bottom: 1rem;
    margin-top: 3rem;
    text-align: center;
    color: rgb(152, 168, 138);

}

a {

    text-decoration: none;
    color: rgb(91, 127, 158);
}

.picshrink {
    width: 70%;
}

img {
    box-shadow: 10px 10px 20px rgb(106, 116, 97);
    


}

.carousel-container {

    margin: 2rem;



}


.centerbtn {
    text-align: center;
    margin: 1rem;

}

.centerpic {

    display: block;
    margin: auto;
}
.centervideo {

    display: block;
    margin: 3rem;
    width: 80%;
}


/* tablet */
@media (min-width: 768px) {

.col {

    width: 100rem;
}
.centervideo {
    width: 90%;

}
    
}

@media (min-width: 992px) {

.navbar-custom{

    padding: 0;

}
h1 {
    font-size: 5rem;
    top: 28%;
}
.aboutmepic {

    width: 30%;
    margin-left: 2rem;
    margin-top: 1rem;
}
    h2 {
        font-size: 4rem;
    }

    h3 {
        font-size: 3rem;
    }
    .col {

        width: 27.5rem;
    }
    .cardextend {

        height: 25.4rem;
    }
    .btnadjust {
        margin-top: 4.5rem;

    }
    .centervideo {
        width: 28%;
        display: inline-block;
    }
    .videoadjust {
        margin-left: 23rem;
    }
    .centerpic {
        width: 40%;
    }
    .doublepic {
        display: inline-block;
        margin: auto;
        width: 40%;
        position: relative;
        left: 8%;
        
    }
    .carouselhoneym {
        width: 50%;
        margin: auto;
    }
    #honeyadjust {
        top: 18%;
    }
    .grandmap {

    width: 70%;
}


}