html, body
{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

html
{
    background: url(img/bgM5Creative.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgM5Creative.jpg', sizingMethod='scale')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgM5Creative.jpg', sizingMethod='scale');
}

body
{
    font-family: 'Sanchez', serif;
    color: #646464;
    font-size: 16px;
}

.center
{
    width: 1100px;
    margin: 0 auto 0;
    position: relative;
    height: 100%;
}

    .center > div
    {
        left: 42%;
        position: absolute;
        top: 0;
        left: 30%;
        right: 0;
        bottom: 0;
        margin: auto;
        height: 650px;
        width: 58%;
        background-color: rgba(229, 229, 229, 0.8);
        padding: 3%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        overflow: auto;
    }

.contact
{
    float: right;
    width: 75%;
    max-width: 177px;
    display: block;
}

    .contact img
    {
        width: 100%;
    }

.logo
{
    max-width: 312px;
    width: 80%;
}

#q
{
    font-weight: bold;
    display: block;
    padding: 30px 0;
    border-top: 2px dotted #00b195;
    border-bottom: 2px dotted #00b195;
    margin: 30px 0;
    font-size: 1.3em;
}

p
{
    /*color: #646464;*/
}

strong, a
{
    color: #00b195;
}


@media screen and (max-width: 1199px)
{ /* Specific to this particular image */

    .center
    {
        width: 960px;
    }

        .center > div
        {
            left: 40%;
            height: 503px;
            width: 60%;
        }

    body
    {
        font-size: 12px;
    }

    #q
    {
        padding: 20px 0;
        margin: 20px 0;
    }
}

@media screen and (max-width: 1023px)
{ /* Specific to this particular image */

    .logo
    {
        width: 51%;
    }
	.fb
	{
	width:32px;
	}

    .center
    {
        width: 700px;
    }

        .center > div
        {
            left: 35%;
            height: 498px;
            width: 65%;
        }

    body
    {
        font-size: 12px;
    }

    .contact
    {
        width: 32%;
    }
}


@media screen and (max-width: 719px)
{ /* Specific to this particular image */
    .center
    {
        width: 80%;
    }

        .center > div
        {
            left: 0%;
            height: 100%;
            width: 100%;
        }

    body
    {
        font-size: 10px;
    }

    .contact
    {
        width: 32%;
    }
}

@media screen and (max-width: 400px)
{ /* Specific to this particular image */
    .center
    {
        width: 90%;
    }

        .center > div
        {
            left: 0%;
            height: auto;
            width: 100%;
        }

    body
    {
        font-size: 10px;
    }

    .contact
    {
        width: 32%;
    }
	.fb{
	width:24px;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape)
{
}

@media screen and (max-width: 25em)
{ /* Specific to this particular image */


}