main{
    background-color: gray;
}
    main section.inicial{
        padding-top: 10%;
        margin: 5% 0 0.5% 0 ;
    }

    main section.inicial h1{
        font-weight: 900;
        font-size: 4.5rem;
        text-align: center;
    }

    main section.inicial h2{
        font-weight: 700;
        font-size: 4rem;
        text-align: center;
    }

    main section.inicial h2{
        font-weight: 700;
        font-size: 4rem;
        text-align: center;
    }

    main section.inicial h3{
        padding-top: 3%;
        margin: auto;
        width: 60%;
        font-size: 2.5rem;
        text-align: center;
    }
    main section.inicial .icone{
        display: flex;
        justify-content: center;
    }
    main section.inicial .icone img{
        width: 3%;
        margin-left: 2%;
    }

@media screen and (max-width: 900px) {
    main{
        width: 105%;
        overflow: hidden;
    }
    main section.inicial{
        padding-top: 20%;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    main section.inicial h1{
        text-align: center;
        width: 100%;
        font-size: 4rem;
    }
    main section.inicial h2{
        font-size: 3.3rem;
    }
    main section.inicial .icone img{
        width: 10%;
        padding: 5% 0;
    }
}