body {
    width: 100vw;
    overflow-x: hidden;
    background-color: #444B4B;
    color: #F5EFED;
    font-family: Verdana, sans-serif;
    font-size: 110%;
    margin: 0px;
    /* Main color #F46703 */
}
#top_page {
    width:100vw;
    text-align: center;
    /*border: red solid 5px*/
    margin-bottom: 10%;
}
#top_page img {
    position:absolute;
    left:0px;
    top:0px;
    width: 100%;
    z-index: -1;
}
#top_page h1 {
    font-size: 10vw;
    margin: 0%;
}
.grid-container {
    margin:auto;
    width:90vw;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 19%));
    grid-template-rows: repeat(auto-fit, 15vh);
    grid-auto-rows: 15vh;
    grid-auto-columns: 20vw;
    grid-gap: 1rem;
    text-align: center;
    text-justify: center;
    padding: 1rem;
    /*border: red solid 5px;*/
}
.grid-item {
    /*border: red solid 5px;*/
}

.item-1 {
    grid-column: span 2;
    grid-row: span 3;
}

.item-1 img {
    width:100%;
    height:100%;
    object-fit: cover;
    border-radius: 2rem;
}
.item-2 {
    grid-row: span 3;
    grid-column: span 3;
    background-color: #2d3131;
    padding: 5%;
    border: #F46703 solid .25rem;
    border-radius: 2rem;
}
@media screen and (max-width:1420px){
    .item-1 {
        grid-column: span 4;
    }
    .item-2 {
        grid-column: span 4;
    }
    .grid-container {
        grid-template-columns: repeat(auto-fit, minmax(50px, 25%));

    }
}
#projects_h{
    width: 80vw;
    margin: auto;
    margin-top:10vh;
    background-color: #2d3131;
    border: #F46703 solid .25rem;
    border-radius: 2rem;
    text-align: center;
}
.item-4, .item-5, .item-6 {
    grid-column: span 1;
    grid-row: span 1;
    font-size: 100%;
    background-color: #2d3131;
    padding: 5%;
    border: #F46703 solid .25rem;
    border-radius: 2rem;
}
#contacts {
    width: 80vw;
    margin:auto;
    margin-top: 15vh;
    text-align: center;
    text-justify: center;
    background-color: #2d3131;
    padding: 5%;
    border: #F46703 solid .25rem;
    border-radius: 2rem;
    grid-column: span 5;
    grid-row: span 2;
}
#contacts a {
    color: #F5EFED;
    margin: 3rem;
}
#contacts a:hover {
    text-decoration-thickness: 5px;
}
#bottom_page {
    width:100vw;
    z-index: -1;
    transform: translate(0%,12%);
}
#bottom_page img {
    width: 100%;
    bottom:100%;
}