.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

body {
    margin: 0;
    background: #0E0E10;
    color: white;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 
    Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 2.0;
}

header {
    padding: 10px 20px;
    background-color: #441d28;
    align-items: center;
}

header nav {
    grid-column: 1  /   span 12;
    justify-self: end;
    text-align-last: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 
    Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
}

header nav a {
    color: #fff;
    margin-left: 20px;
    text-decoration: none;
    padding: 10px 20px;
}

h1{
    grid-column: 1  /   span 12;
    text-align: center;
    align-content: center;
    padding: 40px;
}

.index1{
    grid-column: 3  /   span 8;
    align-content: left;
}

.index2{
    grid-column: 3  /   span 8;
    align-content: left;
}

.indeximg1{
    grid-column: 3  /   span 3;
    padding: 40px;
}

.indeximg2{
    grid-column: 7  /   span 3;
    padding: 40px;
}

.indcap1{
    grid-column: 4  /   span 3;
    align-content: left;
}

.indcap2{
    grid-column: 8  /   span 3;
    align-content: right;
}

.contr1{
    grid-column: 3  /   span 8;
    align-content: left;
}

.contr2{
    grid-column: 3  /   span 8;
    align-content: left;
}

a.button {
    grid-column: 3  /   span 8;
    padding: 20px 30px;
    font-size: 20px;
    border-radius: 3px;
    color: white;
    background-color: #441d28;
    text-decoration: none;
}

.button {
    grid-column: 5  /   span 6;
    align-content: center;
    padding: 100px;
}

.contrimg1{
    grid-column: 3  /   span 3;
    padding: 40px;
}

.contrimg2{
    grid-column: 7  /   span 3;
    padding: 40px;
}

.contrimg3{
    grid-column: 5  /   span 3;
    padding: 40px;
}

.contrcap1{
    grid-column: 3  /   span 3;
    align-content: left;
}

.contrcap2{
    grid-column: 9  /   span 3;
    align-content: right;
}

.contrcap3{
    grid-column: 5  /   span 4;
    align-content: center;
}

.typea1{
    grid-column: 3  /   span 4;
    align-content: left;
}

.typea2{
     grid-column: 3  /   span 8;
    align-content: left;
}

.typeaimg1{
    grid-column: 8  /   span 3;
    padding: 40px;
}

.typeaimg2{
    grid-column: 3  /   span 4;
    padding: 40px;
}

.typeaimg3{
    grid-column: 8  /   span 3;
    padding: 40px;
}

.compo1{
    grid-column: 3  /   span 4;
    align-content: left;
}

.compoimg1{
    grid-column: 8  /   span 3;
    padding: 40px;
}

.compocap1{
    grid-column: 8  /   span 3;
    align-content: left;
}