<style > .test {}

.Header {
    font-size: calc(1vw + 0.5vh + 1.5vmin);
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 16px;
    background-color: #333333;
    height: auto;
    padding: 8px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.grid-container > div {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    border-radius: 25px;
    height: 209px;

}

.item1 {
    grid-column: 1 /span 2;
    width: 100%
}

.item1:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.item2 {
    grid-column: 1;

}

.item2:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}


.item3 {
    grid-column: 2;
}

.item3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.item4 {
    grid-column: 1 /span 2;

}

.item4:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.item5 {
    grid-column: 1;
    width:


}

.item5:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.item6 {
    grid-column: 2;
}

.item6:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.item7 {
    grid-column: 1 /span 2;

}

.item7:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.item8 {
    grid-column: 1;

}

.item8:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.item9 {
    grid-column: 2;
}

.item9:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.contentServices {
    text-align: center;
    height: auto;
    min-width: 280px;
    width: 100vw;
    max-width: 700px;
}

.wordArtContentServices {

    text-align: center;
    height: ;
    min-width: 280px;
    width: 768px;
    max-height: 600px;
}


.wAContentServices {
    text-align: left;
    height: auto;
    min-width: 280px;
    width: 600px;
    max-height: 800px;

}


@media only screen and (max-width: 1000px) {

    .contentServices {

        text-align: center;
        height: auto;
        min-width: 280px;
        width: 100%;
        max-width: 1000px;

    }
}


@media only screen and (max-width: 1420px) and (min-width: 1000px) {

    .contentServices {

        text-align: center;
        height: auto;
        min-width: 280px;
        width: 50%;
    }
}

@media screen and (max-width: 1420px) {

    .wordArtContentServices {
        text-align: center;
        min-width: 280px;
        width: 100%;
        max-height: 600px;
        max-width: 800px;


    }


    .wAContentServices {
        text-align: left;
        height: auto;
        min-width: 280px;
        width: 100%;
        max-height: 800px;
        max-width: 100vw;



    }
}


@media screen and (max-width: 420px) {

    .wordArtContentServices {
        text-align: center;
        min-width: 280px;
        width: 100%;
        max-height: auto;
        max-width: 800px;
        max-height: 200px;
    }


}




@media screen and (max-width: 770px) and (min-width: 420px) {

    .wordArtContentServices {
        text-align: center;
        min-width: 280px;
        width: 100%;
        max-height: auto;
        max-width: 800px;
        max-height: 415px;
    }


}


@media screen and (max-width: 1280px) and (min-width: 770px) {

    .wordArtContentServices {
        text-align: center;
        min-width: 280px;
        width: 100%;
        max-height: auto;
        max-width: 800px;
        max-height: 455px;
    }


}



.contentServicesPic {

    max-width: 300px;
    max-height: auto;
    width: 60%;
    min-width: 100px;
    display: inline-block;
    vertical-align: middle;

}

#wrapperServices {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

#wrapper-WordArt {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;

}




</style >
