/* SVN FILE: $Id: _indexContact.css 1803 2015-04-22 05:58:39Z Wolff $ */
/**
 * @lastChangedBy       $LastChangedBy: Wolff $
 * @copyright           ARZA STUDIO
 * @version             $Revision: 1803 $
 * @date                $Date: 2015-04-22 07:58:39 +0200 (mer., 22 avr. 2015) $
 * @license             LICENSE.TXT
 * @filesource          $URL: https://svn.arza-studio.com/engine/branches/1.4/modules/media/migrations/_m000000_000001_media_assets/index/_indexContact.css $
 */

/* SVN FILE: $Id: _indexContact.css 1803 2015-04-22 05:58:39Z Wolff $ */
/**
 * @lastChangedBy       $LastChangedBy: Wolff $
 * @copyright           ARZA STUDIO
 * @version             $Revision: 1803 $
 * @date                $Date: 2015-04-22 07:58:39 +0200 (mer., 22 avr. 2015) $
 * @license             LICENSE.TXT
 * @filesource          $URL: https://svn.arza-studio.com/engine/branches/1.4/modules/media/migrations/_m000000_000001_media_assets/index/_indexContact.css $
 */

/* XS */
#indexContact
{
    position: relative;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 40px;
    background-image: url('_indexContact.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}
    #indexContact h2
    {
        position: absolute;
        background-image: url('_indexSlideshowCaption.svg');
        background-repeat: no-repeat;
        background-size: 230%;
        overflow: hidden;
        left: auto;
        padding: 0;
        top: -40px;
        right: 50%;
        margin-right: -100px;
        height: 200px;
        width: 200px;
        color: white;
        text-align: center;
        padding: 90px 0 0 0;
        font-size: 2em;
    }
    #indexContact .address
    {
        margin-top: 190px;
        margin-bottom: 20px;
    }
    #indexContact .map
    {
        width: 100%;
        height: 290px;
    }

/* SM */
@media (min-width: 768px)
{
    #indexContact h2
    {
        background-size: 100%;
        margin-right: -520px;
        height: 240px;
        width: 520px;
        text-align: left;
        padding: 100px 30px 0 30px;
        font-size: 2.1em;
    }
    #indexContact .address
    {
        margin-top: 140px;
    }
    #indexContact .map
    {
        height: 310px;
    }
}

/* MD */
@media (min-width: 992px)
{
    #indexContact h2
    {
        top: -54px;
        margin-right: -690px;
        height: 300px;
        width: 690px;
        padding: 130px 30px 0 30px;
        font-size: 2.8em;
    }
    #indexContact .address
    {
        margin-top: 200px;
    }
    #indexContact .map
    {
        height: 350px;
    }
}

/* LG */
@media (min-width: 1200px)
{
    #indexContact h2
    {
        top: -60px;
        margin-right: -805px;
        height: 350px;
        width: 805px;
        padding: 150px 30px 0 30px;
        font-size: 3.4em;
    }
    #indexContact .address
    {
        margin-top: 235px;
    }
    #indexContact .map
    {
        height: 440px;
    }
}