/*Riley Hochevar Final Project*/

#introtext
{
    width: 100%;
    margin: 50px 0 50px 0;
    padding: 10px 0 10px 0;
}

#introimg
{
    display: none;
}

#warning
{
    width: 70%;
    text-align: center;
    margin: 50px auto 50px auto;
    color: tomato;
}

div.vl /*used as a vertical line*/
{
    border-width: 4px;
    border-color: #c7c7c7;
    border-style: solid;
    height: 80px;
    width: 0;
    position: sticky;
    margin: 0 50% 0 50%;
}

article > h2
{
    width: fit-content;
    white-space: nowrap;
}

p
{
    float: left;
    text-indent: 2em;
    padding: 20px 25% 10px 10px;
    font-size: 14pt;
    width: 40%;
}

article
{
    display: inline-flex;
}

img
{
    float: right;
    width: 150px;
    height: 150px;
}

/*Styles for mobile viewport*/
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    .vl
    {
        display: none;
    }

    hr
    {
        display: none;
    }

    article
    {
        display: inline-block;
    }

    p
    {
        padding: 0;
        width: fit-content;
        font-size: 1.5em;
    }

    img
    {
        display: inline-block;
        width: 30%;
        margin: 1%;
    }

}