.carousel,.carousel .carousel-inner,.carousel .carousel-inner .active,.carousel .carousel-inner .carousel-item,.view,body,html {
    height:100%;
}

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

.page-footer,.top-nav-collapse {
    background-color:rgb(28, 35, 49);
}

body {
    background-color: rgb(255, 255, 224);
}

.customColor {
    color: rgb(28, 35, 49);
}

.aidan {
    font-size: 4.5rem;
}

.adjectives, .aidan {
    text-shadow: 0 0 5px rgb(0, 0, 0);
}

.form-control {
    border: none;
    font-size: 1.5em;
    border-bottom: 1px solid rgb(128, 128, 128);
    border-radius: 0px;
    background-color: rgb(255, 255, 224);
}

.fa, #footerConnect {
    font-size: 1.5em;
}

small, .fa-coffee, .fa-heart {
    font-size: 1em;
}

#footerConnect {
    margin-bottom: 0px;
}

.portfolio {
margin-bottom: -15px;
}

.portfolio .portfolio-item {
position: relative;
display: block;
max-width: 25rem;
margin-bottom: 15px;
}

.portfolio .portfolio-item .portfolio-item-caption {
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
transition: all ease 0.5s;
opacity: 0;
background-color: rgba(28, 35, 49, 0.9);
}

.portfolio .portfolio-item .portfolio-item-caption:hover {
opacity: 1;
}

.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content {
font-size: 1.5rem;
}

#portfolio, #about {
    padding-top: 2em;
}

#submitForm {
    background-color: rgb(28, 35, 49);
    border-radius: 5px;
}

.myPicture {
    text-align: center;
    display: inline-block;
} 

.myPicture img {
    margin-top: 1.5em;
}

/* ============================= Media Queries ========================================= */
@media screen and (max-width:768px){
    .carousel,.carousel .carousel-inner,.carousel .carousel-inner .active,.carousel .carousel-inner .carousel-item,.view,body,html {
        height:100vw;
    }

    .navbar {
        background-color:rgb(28, 35, 49);
    }

    /* .view, body, html {
        height:100vw;
    } */

}    

@media (min-width: 576px) {
    .portfolio {
        margin-bottom: -30px;
    }

    .portfolio .portfolio-item {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 500px) {
    
    .aidan {
        font-size: 2rem;
    }

    .adjectives{
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 330px) {
    
    .aidan {
        font-size: 1.25rem;
    }

    .adjectives{
        font-size: 1rem;
    }
}