/* 758px */
@media only screen and (max-width: 758px)
{
    main
    {
        padding-top: 20px;
    }
    main img
    {
        height: 50px;
    }

    main h1
    {
        font-size: 50pt;
    }

    p
    {
        font-size: 20pt;
    }

    div#services,
    div#tools
    {
        flex-direction: column;
        gap: 30px;
    }

    div.service,
    div.tool
    {
        width: 50vw;
    }
}

/* 900px */
@media only screen and (max-width: 900px)
{
    main img
    {
        height: 190px;
    }

    main h1
    {
        font-size: 38pt;
    }

    p
    {
        font-size: 10pt;
    }
}