@charset "UTF-8";

html
{
    font-size: 62.5%;
}

body
{
    margin: 0;
    background-image: url(../img/back.png);
    background-repeat: repeat;
    font-family: Arial ;
    display: flex;
    flex-direction: column;
}

main
{
    width: 1000px;
    margin: auto;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

main h2
{
    padding: 15px;
    padding-left: 20px;
    font-size: 2.2rem;
    color: #222;
}

main article
{
    border-left: solid 1px #D42722;
    padding-left: 30px;
    font-size: 1.8rem;
    color: #333;
}

@media all and (max-width: 1000px)
{
    body
    {
        display: flex;
        flex-direction: column;
    }
    main
    {
        width: 90%;
        margin: auto;
    }
    
    main h2
    {
        width: 90%;
        margin: auto;
        text-align: center;
    }
    
    main article
    {
       border-left: solid 0px #D42722;
       padding: 0;
       padding-bottom: 50px;
    }
}