.main-bg {
    background-image: url(../images/misty-mountain-ranges-at-sunrise-bg1.jpg);
    background-size: cover;
} 

#main-container { width: 70%; margin: 3em auto;}

.header{ text-align: center; margin: 5em 0 ;}
nav .brand-logo {left: 1em;}

h2 {
    font-size: 2rem;
    font-weight: 300;

}

h3 {
    font-size: 1.8rem;
    font-weight: 300;

}

h4 {
    font-size: 1.4rem;
    font-weight: 300;
}

p {
    line-height: 2em;
}


.progress {
    margin: 2rem 0 6rem 0;
}

#main-container i.material-icons {
    width: 100%;
    font-size: 40px;
}

.tech-skills ul:not(.browser-default)>li {
    list-style-type: circle;
    margin: 0 0 0 1.2em;
    line-height: 28px;
}

.page-footer {
    background-color: #20262E;
}

.page-footer .footer-copyright {
    color: #efefef;
    background-color: #141a21;
}

/* Customize the carousel */
.carousel {
    height: 120px !important;
    margin: 2em 0 0 0;
}
.carousel .indicators {
    top: 80px;
}

.tech-list {
    margin: 3em 0 2em 0;
}

  .carousel .carousel-item>img {
    height: auto;
}

.carousel .indicators .indicator-item {
    background-color: hsla(178, 36%, 83%, 0.498);
}

.carousel .indicators .indicator-item.active {
    background-color: #eef6f6;
}

.s-icon {position: relative;}
img.icon-img {
    position: relative;
    top: 10px;
}

.contact-me.center-align {
    margin: 0 0 8em 0;
}

.a-link {
    color: #005d8a;
}

.left-margin {
    margin-left: 5em;
}

/* mobile overwrites */
@media only screen and (min-width: 390px) and (max-width: 767px) {
    nav .sidenav-trigger {
        float: right;
    }

    #main-container {
        width: 85%;
    }
    .contact-me.center-align {
        margin: 0 0 8em 0;
        background-color: #ffffff8c;
        padding: 1em;
        border-radius: 10px;
    }

    .left-margin {
        margin-left: 0;
    }
}