img {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#i_page_grid {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto auto;
    background-color: #19222B;
    margin: 0;
}

#index_section {
    min-height: calc(100vh - 106px);
    display: grid;
    grid-template-rows: 200px auto;
    grid-template-columns: auto;
    justify-content: center
}

.welcome_box_title {
  color: white;
  font-family: raleway-extralight;
  text-align: center;
}

#welcome_box {
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-column-gap: 10px;
    grid-template-rows: 40px;
    margin-top: 80px;
}

@media only screen and (min-width:800px) {
    #index_section {
        grid-template-rows: 200px auto;
        grid-template-columns: auto;
    }

    .welcome_box_title {
        font-size: 40px;
    }
}

@media only screen and (max-width:799px) {
    #index_section {
        grid-template-rows: 150px auto;
        grid-template-columns: calc(100% - 60px);
    }

    .welcome_box_title {
        font-size: 27px;
    }

    #welcome_box {
        display: inline-grid;
        grid-template-columns: auto;
        grid-template-rows: 40px 40px;
        margin-top: 60px;
    }
}