body {
    background-color: black;
    margin-left: auto;
    margin-right: auto;
    min-width: 300px;
    /*max-width: 80%;*/
    padding-left: 1rem;
    padding-right: 1rem;
    left: auto;
    right: auto;
}

p{
    text-indent:1.5em;
    text-align: justify;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

.LayoutBody {
    position: static;
    margin-left: auto;
    margin-right: auto;
}

.TopRebbon {
/*    display:table;
    background-color: rgb(30, 27, 27);
    height: 5em;
    width:100%;
    top:0;
    position:relative;*/
}

.HomeIndexBody {
    /*position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    min-width: 300px;
    left: auto;
    right: auto;*/
}

.AvatarContainer {
/*    position: relative;
    align-items: center;
    margin: auto;
    width: 20%;
    top: 10%;
    min-width: 300px;*/
    color: rgb(197,208,217);
}

.AvatarImage {
/*    position: relative;
    width: 100%;*/
    max-width: 30rem;
    max-height: 30rem;
    margin-top: 3rem;
    margin-bottom: 5rem;
}

.AvatarSign {
/*    position: absolute;
    width: 20%;
    float: right;
    top: 90%;
    right: -10%;*/
position: absolute;
}

.SocialMediaLinksContainer {
    /*position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 100%;
    display: block;
    text-align: center;*/
}

.SocialMediaLinkList {
/*    position: relative;
    list-style-type: none;
    padding: 0;*/
}

.SocialMediaItem {
/*    position: relative;
    float: left;*/
}

.SocialMediaLinkList > li {
    list-style-type: none;
}

.SocialMediaLink {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 14px 4px;
}

.PortfolioContainer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 100%;
    display: block;
    text-align: center;
}

.PortfolioItem {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    padding-top:2em;
}

.PortfolioItemText {
    /*position: relative;
    text-align: left;
    font-size: 15px;
    width: 45%;
    float: right;*/
    color: whitesmoke;
}

.PortfolioItemImage {
   /* position: relative;
    width: 45%;
    float: left;*/
}


.bannersContainer {
}
.banner {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.banner-header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.banner-header > .container,
.banner-header > .container-fluid,
.banner-header > .container-sm,
.banner-header > .container-md,
.banner-header > .container-lg,
.banner-header > .container-xl,
.banner-header > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
.banner-title {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
}
.banner-dark .banner-title {
    color: #fff;
    align-content: center
}




.banner-link-list {
}

.banner-item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.banner-link-list > li {
    list-style-type: none;
}

.banner-link {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 14px 4px;
}