body,
html {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}


.main-container {
    display: grid;
    height: 100%;
    grid-template-rows: 1fr auto 1fr;
}

.main {
    grid-row: 2;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
    color: rgb(71, 71, 71);
}

.title-section-container {
    width: 80%;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 720px;;
}

.content-section-container {

}
.content-section {
    /*background-color: cyan;*/
    display: flex;
    width: 80%;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.content-section-text {
    width: 60%;
    margin: 16px;
    min-width: 320px;
    max-width: 640px;
    text-align: left;

}
.content-section-title {
    /*background-color: blueviolet;*/
}
.content-section-description {
    /*background-color: aliceblue;*/
}

.content-section-video {
    /*background-color: aquamarine;*/
}

.content-section-video-stack {
    /*background-color: aquamarine;*/
}

.layout-container {
    background-color: aqua;
}