#body_page
{
    width: 1200px;
    margin: 20px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width : 320px)
{
    p
    {
        display: block;
        margin: 10px;
        text-shadow: 2px 2px 4px grey;
        font-size: 2em;
    }
}

h1
{
    float: right;
    text-align: right;
    text-shadow: 2px 2px 4px grey;
    font-size: 2em;
    margin-right: 20px;
}

h2
{
    float: left;
    display: inline-block;
    margin: 20px;
    text-shadow: 2px 2px 4px grey;
    font-size: 2.3em;
    max-width: 400px;
}

h3
{
    float: right;
    display: inline-block;
    margin: 20px;
    text-shadow: 2px 2px 4px grey;
    font-size: 2.3em;
    max-width: 350px;
}

.h3r
{
    float: right;
    text-align: right;
    display: inline-block;
    margin: 20px;
    text-shadow: 2px 2px 4px grey;
    font-size: 2.3em;
    width: 1000px;
    font-weight: 800;
}

.h3l
{
    text-align: left;
    display: inline-block;
    margin: 20px;
    text-shadow: 2px 2px 4px grey;
    font-size: 2.3em;
    width: 1000px;
    font-weight: 800;
}


img, iframe
{
    max-width: 98%;
    margin: 20px;
    box-shadow: 6px 6px 20px grey;
}

.img_flat
{
    width: max;
    max-width: 98%;
    margin: 20px;
    box-shadow: 0px 0px 0px white;
}

.img_right
{
    float: right;
    margin: 20px;
    box-shadow: 6px 6px 20px grey;
}

.img_left
{
    float: left;
    margin: 20px;
    box-shadow: 6px 6px 20px grey;
}

.img_center
{
    display: block;
    margin: 20px;
    padding-top: 20px;
    box-shadow: 0px 0px 0px white;
    margin-right: auto;
    margin-left: auto;
}

p
{
    position: absolute;
    overflow: scroll;
    display: inline-block;
    max-width: 300px;
    max-height: 300px;
    margin: 20px;
    text-shadow: 2px 2px 4px grey;
    font-size: 2em;
    vertical-align: sub;
}

.pr
{
    float: right;
    display: inline-block;
    overflow: scroll;
    max-width: 300px;
    max-height: 300px;
    margin: 20px;
    text-shadow: 2px 2px 4px grey;
    font-size: 2em;
}

.pl
{
    float: left;
    display: inline-block;
    overflow: scroll;
    max-width: 300px;
    max-height: 300px;
    margin: 20px;
    text-shadow: 2px 2px 4px grey;
    font-size: 2em;
}

.p_wide
{
    float: left;
    display: inline-block;
    overflow: scroll;
    max-width: 1160px;
    max-height: 70px;
    margin: 20px;
    text-shadow: 2px 2px 4px grey;
    font-size: 2em;
}

a
{
    text-decoration: none;
    color:black;
}

a:hover
{
    color:darkblue;
    text-shadow: 2px 2px 4px darkblue;
}