/*.parallax {*/

/*    background-image: url("photos/mountains.jpg");*/

/*    height: 700px;*/

/*    background-attachment: fixed;*/

/*    background-position: center;*/

/*    background-repeat: no-repeat;*/

/*    background-size: cover;*/

/*}*/

.has-bg-img {


    background: url("photos/mountains.jpg")center center;

    background-size: cover;

}

.wide-spacing {
    letter-spacing: 2px;
}

.card-footer-item {
    color: black;
}

.w3-card-2 {
    height: 350px;
}

.card {
    height: 100%;
    border-radius: 5px;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.card-footer {
    margin-top: auto;
}

.aboutMe {
    width: 100%;
}

.ab {
    padding: 5px;
}

#myPic {
    margin-right: 25px;
    float: left;
}

.smLink {
    padding: 5px;
}

.connectwithme {
    width: 100vw;
}

.someLinks {
    width: 30%;
    text-align: center;
}

.shadow {
    box-shadow: -7px 11px 25px -9px rgba(0, 0, 0, 1);
}

.thumbnail:hover {
    box-shadow: -7px 11px 25px -9px rgba(0, 0, 0, 1);
    border-radius: 20px;
}

.blacktext {
    color: black;
    font-size: 22px;
    padding: 5px;
}

.charlottePic {
    float: left;
    width: 500px;
    margin-right: 25px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.contact-wrapper {
    width: 100vw;
}

.blacktext:hover {
    text-decoration: none;
}

@media screen and (max-width:768px) {

    .shadow {

        margin: auto;
        margin-left: 75px;
        margin-right: 75px;
    }

    .charlottePic {
        float: none;
        margin: auto;
        padding-left: 60px;
        padding-right: 60px;
        width: 100vw;

    }
    .connectLink {
        text-align: center;
        margin: auto;
    }
}

@media screen and (max-width:475px) {
    #myPic {
        float: none;
        margin: auto;
        margin-bottom: 20px;
    }

    .shadow {

        margin: auto;
        margin-left: 5px;
        margin-right: 5px;
    }

    .ab {
        text-indent: 30px;
    }
}