*,
*:before,
*:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
    }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
header, footer, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    position: relative;
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    border: 0px;
    outline: 0px;
    }
article, aside, details, figcaption, figure, 
footer, hgroup, menu, nav, section, img, video {
    display: block;
    box-sizing: border-box;
    }
input {
    border: none;
    outline: none;
    -webkit-appearance: none;
    }
html {
    min-height: 100vh;
    -webkit-tap-highlight-color: transparent;
    }
html::-webkit-scrollbar {
    display: none;
    }
body {
    background: rgba(0,0,0,.025);
    color: var(--gray_25);
    font: 500 14px/18px 'Exo', Arial, sans-serif;
    }
a {
    text-decoration: none;
    color: var(--black);
    display: block;
    }
img {
    width: 100%;
    -drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    }
/* MEDIA */
@media screen and (max-width: 1279px) {
    html {
        min-height: initial;
        }
    body {
        background: rgba(245,245,245,1);
        }
    }

/* VARIABLES */
/* VARIABLES */
/* VARIABLES */
:root { 
    /* MENU */
    --menu_largeur: 920px;
    --menu_largeur_middle: 460px;
    --menu_height: 200px;
    /* MAIN */
    --main_largeur: 1280px;
    --main_largeur_middle: 640px;
    --main_largeur_big: 1400px;
    --main_largeur_big_middle: 700px;
    --main_padding: 0px;
    /* COLOR */
    --black: rgba(0,0,0,1);
    --light_gray: rgba(0,0,0,.075);
    --gray_01: rgba(0,0,0,.1);
    --gray_25: rgba(0,0,0,.25);
    --gray_50: rgba(0,0,0,.5);
    --white: rgba(255,255,255,1);
    --light_white: rgba(255,255,255,.25);
    --light_white_05: rgba(255,255,255,.5);
    /* MISC */
    --marge: 120px;
    /* ICONS */
    --icon_size: 12px;
    }
/* MEDIA */
@media screen and (max-width: 2559px) {
    :root { 
        /* MENU */
        --menu_largeur: 880px;
        --menu_largeur_middle: 440px;
        /* MISC */
        --marge: 100px;
        }
    }
@media screen and (max-width: 1919px) {
    :root { 
        /* MISC */
        --marge: 80px;
        }
    }
@media screen and (max-width: 1279px) {
    :root { 
        /* MENU */
        --menu_largeur: 100vw;
        --menu_largeur_middle: 0px;
        /* MAIN */
        --main_largeur: 100vw;
        --main_largeur_middle: 0px;
        --main_largeur_big: 100vw;
        --main_largeur_big_middle: 0px;
        --main_padding: 80px;
        /* MISC */
        --marge: 80px;
        }
    }
@media screen and (max-width: 1023px) {
    :root {
         /* MENU */
        --menu_height: 120px;
        }
    }
@media screen and (max-width: 767px) {
    :root { 
        /* MAIN */
        --main_padding: 40px;
        /* MISC */
        --marge: 40px;
        }
    }

/* BASICS */
/* BASICS */
/* BASICS */
.flex {
    flex: 1;
    }
.onlymobile {
    display: none !important;
    }
.transition {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    }
/* MEDIA */
@media screen and (max-width: 1279px) {
    .onlymobile {
        display: block !important;
        }
    .nomobile {
        display: none !important;
        }
    }

/* MENU */
/* MENU */
/* MENU */
#menu {
    z-index: 3;
    position: fixed;
    width: 100vw;
    height: var(--menu_height);
    top: 0px;
    left: 0px;
    padding: 0px calc((100vw - var(--menu_largeur)) / 2);
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    }
#menu #separation {
    position: absolute;
    width: 900px;
    height: 2px;
    left: calc(50% - 450px);
    bottom: 0px;
    background: var(--light_gray);
    }
#menu #logo {
    margin: 0px 10px 0px 0px;
    letter-spacing: 1px;
    color: var(--black);
    font: 20px/20px 'Bebas Neue', Arial, sans-serif;
    }
#menu #menu-main-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    }
#menu #menu-main-menu .menu-item {
    margin: 0px 0px 0px 15px;
    letter-spacing: 1px;
    font: 14px/14px 'Bebas Neue', Arial, sans-serif;
    list-style: none;
    }
#menu #menu-main-menu .menu-item a {
    color: var(--gray_25);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    }
#menu #menu-main-menu .menu-item a:hover,
#menu #menu-main-menu .current_page_item a {
     color: var(--black);
    }
/* HOME */
#menu.home {
    padding: 0px 80px;
    background: transparent;
    }
#menu.home .flex,
#menu.home #separation {
    display: none;
    }
#menu.home #logo {
    color: var(--white);
    font: 20px/20px 'Bebas Neue', Arial, sans-serif;
    display: none;
    }
#menu.home #menu-main-menu .menu-item {
    margin: 0px 2.5px;
    padding: 12px 15px;
    border-radius: 100px;
    font: 12px/12px 'Bebas Neue', Arial, sans-serif;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    }
#menu.home #menu-main-menu .menu-item:hover {
    background: var(--black);
    }
#menu.home #menu-main-menu .menu-item a {
    color: var(--white);
    }
#menu.home #menu-main-menu .menu-item a:hover,
#menu.home #menu-main-menu .current_page_item a {
     color: var(--white);
    }
/* MEDIA */
@media screen and (max-width: 1279px) {
    #menu {
        padding: 0px 80px;
        }
    #menu #menu-main-menu .menu-item {
        margin: 0px 15px 0px 0px;
        }
    #menu.home #menu-main-menu .menu-item {
        margin: 0px 3px;
        padding: 0px;
        }
    /* HOME */
    #menu.home .flex,
    #menu.home #separation {
        display: block;
        }
    #menu.home #separation {
        position: absolute;
        width: calc(100vw - 80px);
        height: 1px;
        left: 40px;
        background: var(--white);
        border-radius: 100px;
        }
    #menu.home #logo {
        color: var(--white);
        display: block;
        }
    #menu.home #menu-main-menu .menu-item:hover {
        background: transparent;
        }
    }
@media screen and (max-width: 1023px) {
    #menu,
    #menu.home {
        padding: 40px;
        flex-direction: column;
        align-items: flex-start;
        }
    #menu #logo {
        margin: 0px 0px 10px 0px;
        }
    #menu #menu-main-menu .menu-item {
        margin: 0px 10px 0px 0px;
        font: 12px/12px 'Bebas Neue', Arial, sans-serif;
        }
    /* HOME */
    #menu.home #menu-main-menu .menu-item {
        margin: 0px 6px 0px 0px;
        }
    }

/* FOOTER */
/* FOOTER */
/* FOOTER */
footer {
    width: var(--menu_largeur);
    left: calc(50vw - var(--menu_largeur_middle));
    margin: 0px 0px var(--marge) 0px;
    }
footer .bloc {
    width: 100%;
    height: 2px;
    margin: var(--marge) 0px;
    background: var(--light_gray);
    border-radius: 4px;
    }
footer .mention {
    margin: 0px 0px 5px 0px;
    letter-spacing: 2px;
    color: var(--gray_50);
    font: 12px/12px 'Bebas Neue', Arial, sans-serif;
    }
footer .mention a {
    color: var(--black);
    display: inline-block;
    }
footer .mention a:hover {
    color: var(--gray_50);
    }
footer .links {
    position: absolute;
    right: 0px;
    align-items: center;
    display: flex;
    }
footer .social {
    width: 30px;
    display: flex;
    justify-content: space-between;
    }
footer .social .element {
    width: 30px;
    height: 30px;
    margin: -9px -9px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
footer .social .element img {
    width: var(--icon_size);
    opacity: 1;
    }
footer .social .element:hover img {
    opacity: .25;
    }
/* MEDIA */
@media screen and (max-width: 1279px) {
    footer {
        width: 100vw;
        left: var(--menu_largeur_middle);
        padding: 0px calc(100vw / 2 - 360px);
        }
    footer .links {
        right: var(--marge);
        }
    }
@media screen and (max-width: 1023px) {
    footer {
        padding: 0px var(--marge);
        }
    }
@media screen and (max-width: 767px) {
    footer {
        width: 100vw;
        left: 0px;
        margin: 0px 0px var(--marge) 0px;
        }
    footer .bloc {
        margin: var(--marge) 0px;
        }
    footer .mention {
        font: 11px/11px 'Bebas Neue', Arial, sans-serif;
        }
    }

/* FULLSCREEN VIDEO */
/* FULLSCREEN VIDEO */
/* FULLSCREEN VIDEO */
#mr_logo {
    z-index: 1;
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    }
#mr_logo img {
    width: 900px;
    }
#fs_video {
    position: fixed;
    width: 140vw;
    height: 140vh;
    margin: -20vh 0px 0px -20vw;
    }
#fs_video video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    }
/* MEDIA */
@media screen and (max-width: 1279px) {
    #mr_logo {
        display: none;
        }
    }

/* CONTENT */
/* CONTENT */
/* CONTENT */
#content {
    width: 100vw;
    margin: var(--menu_height) 0px 0px 0px;
    overflow-x: hidden;
    }
/* HERO */
#content #hero {
    width: 100%;
    padding: calc(var(--menu_height) * 1 + 1vh) var(--main_padding) calc(var(--menu_height) * 2 + 1vh) var(--main_padding);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    }
#content #hero.color_01 {
    background: rgba(159,30,30,1);
    }
#content #hero.color_02 {
    background: rgba(255,140,0,1);
    }
#content #hero.color_03 {
    background: rgba(230,135,52,1);
    }
#content #hero.color_04 {
    background: rgba(221,192,54,1);
    }
#content #hero.color_05 {
    background: rgba(255,150,0,1);
    }
#content #hero.color_06 {
    background: rgba(227,194,77,1);
    }
#content #hero h1 {
    margin: 0px 0px 5px 0px;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 1px;
    font: 700 40px/40px 'Exo', Arial, sans-serif;
    }
#content #hero h2 {
    color: var(--white);
    text-transform: uppercase;
    font: 300 16px/22px 'Exo', Arial, sans-serif;
    }
#content .banner {
    width: calc(var(--main_largeur) + 800px);
    left: calc(50% - var(--main_largeur_middle) - 400px);
    margin: calc(var(--menu_height) * -1) 0px var(--menu_height) 0px;
    box-shadow: 0px -5px 20px 0px var(--light_gray);
    border-radius: 8px;
    overflow: hidden;
    }
#content .demoreel {
    width: calc(var(--main_largeur) + 800px);
    left: calc(50% - var(--main_largeur_middle) - 400px);
    margin: calc(var(--menu_height) * -1) 0px var(--menu_height) 0px;
    box-shadow: 0px -5px 20px 0px var(--light_gray);
    border-radius: 8px;
    overflow: hidden;
    }
/* MEDIA */
@media screen and (max-width: 2180px) {
    #content .banner {
        width: calc(100vw - 80px);
        left: 40px;
        }
    #content .demoreel {
        width: calc(100vw - 80px);
        left: 40px;
        }
    }
@media screen and (max-width: 1919px) {
    #content #hero {
        padding: calc(var(--menu_height) / 1.5) var(--main_padding) calc(var(--menu_height) * 1.5) var(--main_padding);
        }
    }
@media screen and (max-width: 1279px) {
    #content #hero {
        padding: calc(var(--menu_height) / 2) 40px;
        background: transparent !important;
        text-align: left;
        align-items: flex-start;
        }
    #content #hero h1 {
        letter-spacing: .5px;
        font: 700 26px/26px 'Exo', Arial, sans-serif;
        }
    #content #hero h2 {
        font: 300 12px/18px 'Exo', Arial, sans-serif;
        }
    #content #hero h1,
    #content #hero h2 {
        color: var(--black);
        }
    #content .banner {
        display: none;
        }
    #content .demoreel {
        width: calc(100vw + 2px);
        left: -1px;
        margin: .5px 0px 80px 0px;
        border-radius: 0px;
        }
    }
@media screen and (max-width: 767px) {
    #content .banner {
        margin: 0px 0px -40px 0px;
        }
    #content #hero h1 {
        font: 700 20px/20px 'Exo', Arial, sans-serif;
        }
    #content .demoreel {
        margin: .5px 0px 20px 0px;
        }
    }

/* FILMO */
/* FILMO */
/* FILMO */
#content .filmo {
    width: var(--main_largeur_big);
    left: calc(50% - var(--main_largeur_big_middle));
    }
#content .filmo .content {
    width: calc(100% / 3 - 40px);
    margin: 0px 20px 40px 20px;
    padding: 40px;
    border-radius: 4px;
    overflow: hidden;
    }
#content .filmo .content.large {
    width: 100%;
    margin: 0px 0px 40px 0px;
    }
#content .filmo .content:hover {
    background: var(--white);
    box-shadow: 0px 0px 0px 1px var(--light_gray);
    }
#content .filmo .content .header {
    margin: 0px 0px 20px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
#content .filmo .content .header .icon {
    width: 16px;
    }
#content .filmo .content .header .cat {
    text-transform: uppercase;
    font: 700 10px/10px 'Exo', Arial, sans-serif;
    color: var(--black);
    }
#content .filmo .content .header .cat span {
    color: var(--gray_50);
    }
#content .filmo .content .icon_big {
    position: absolute;
    width: 16px;
    top: 35px;
    right: 50px;
    opacity: 0;
    }
#content .filmo .content:hover .icon_big {
    opacity: 1;
    right: 40px;
    }
/* MISC */
#content .filmo.video {
    margin: -160px 0px 0px 0px;
    }
#content .filmo .category {
    display: flex;
    flex-wrap: wrap;
    }
/* POST */
#content #post .post {
    width: var(--menu_largeur);
    margin: 0px 0px 40px calc(50% - calc(var(--menu_largeur) / 2));
    padding: 40px;
    background: var(--white);
    box-shadow: 0px 0px 15px 0px var(--light_gray);
    border-radius: 4px;
    }
#content #post .post .title {
    letter-spacing: .5px;
    margin: 0px 0px 40px 0px;
    font: 20px/20px 'Bebas Neue', Arial, sans-serif;
    color: var(--black);
    }
#content #post .post .image {
    width: calc(100% + 80px);
    margin: 0px 0px 0px -40px;
    }
#content #post .post .content {
    width: 100%;
    margin: 40px 0px;
    padding: 0px 80px;
    font: 500 16px/22px 'Exo', Arial, sans-serif;
    }
#content #post .post .video iframe {
    width: calc(100% - 160px);
    aspect-ratio: 16/9;
    margin: 0px 0px 60px 80px;
    border-radius: 4px;
    overflow: hidden;
    }
/* MEDIA */
@media screen and (max-width: 1480px) {
    #content .filmo {
        width: calc(100% - 80px);
        left: 40px;
        }
    }
@media screen and (max-width: 1279px) {
    #content .filmo {
        width: calc(100% + 140px);
        left: -70px;
        padding: var(--main_padding);
        margin: -80px 0px 0px 0px;
        }
    #content .filmo.video {
        margin: -60px 0px 0px 0px;
        }
    #content .filmo .content {
        width: calc(100% / 2 - 40px);
        }
    #content .filmo .content {
        width: calc(100% / 2 - 20px);
        margin: 0px 10px 20px 10px;
        padding: 20px;
        background: var(--white);
        box-shadow: 0px 0px 0px 1px var(--light_gray);
        }
    #content .filmo .content.large {
        margin: 0px 0px 20px 0px;
        }
    #content .filmo .content .icon_big {
        top: 20px;
        right: 20px;
        opacity: 1;
        }
    #content .filmo .content:hover .icon_big {
        right: 20px;
        }
    #content #post .post {
        width: calc(100% - 20px);
        margin: 0px 0px 40px 10px;
        padding: 40px;
        }
    #content #post .post .title {
        font: 16px/16px 'Bebas Neue', Arial, sans-serif;
        }
    #content #post .post .content {
        padding: 0px;
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
        }
    #content #post .post .video iframe {
        width: 100%;
        margin: 0px;
        }
    }
@media screen and (max-width: 767px) {
    #content .filmo {
        width: calc(100% + 80px);
        left: -40px;
        margin: -60px 0px 0px 0px;
        }
    #content .filmo .content {
        width: 100%;
        margin: 0px;
        border-radius: 0px;
        padding: 40px;
        }
    #content .filmo .content.large {
        margin: 0px;
        }
    #content .filmo .content:hover {
        background: var(--white);
        box-shadow: 0px 0px 0px 1px var(--light_gray);
        }
    #content .filmo .content .icon_big {
        top: 40px;
        right: 40px;
        }
    #content .filmo .content:hover .icon_big {
        right: 40px;
        }
    }

/* FILTER */
/* FILTER */
/* FILTER */
#content #filter {
    width: 100vw;
    margin: 0px 0px 80px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
#content #filter .element {
    width: 36px;
    height: 36px;
    margin: 0px 5px;
    background: var(--light_gray);
    letter-spacing: .5px;
    color: var(--black);
    font: 12px/12px 'Bebas Neue', Arial, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    cursor: pointer;
    }
#content #filter .element.active {
    background: var(--white);
    box-shadow: 0px 0px 0px 2px var(--light_gray);
    }
#content #filter .element img {
    width: 16px;
    }
#content #filter .element:first-child img {
    width: 8px;
    }
/* MEDIA */
@media screen and (max-width: 1279px) {
    #content #filter {
        margin: 0px 0px 40px 0px;
        }
    }
@media screen and (max-width: 767px) {
    #content #filter {
        display: none;
        }
    #content #filter .element {
        width: 30px;
        height: 30px;
        margin: 0px 2.5;
        }
    }

/* DATA */
/* DATA */
/* DATA */
#content .filmo .content .data {
    margin: 0px 0px 5px 0px;
    }
#content .filmo .content .data iframe {
    width: 100%;
    aspect-ratio: 16/9;
    margin: 20px 0px 0px 0px;
    border-radius: 4px;
    overflow: hidden;
    }
#content .filmo .content .data .label {
    letter-spacing: .5px;
    margin: 0px 0px 2px 0px;
    font: 12px/12px 'Bebas Neue', Arial, sans-serif;
    }
#content .filmo .content .data .value {
    color: rgba(0,0,0,1);
    font: 500 12px/16px 'Exo', Arial, sans-serif;
    }
#content .filmo .content .data .value.small {
    color: rgba(0,0,0,.5);
    }
#content .filmo .content .data .value.medium {
    color: rgba(0,0,0,.5);
    }
#content .filmo .content .data .value.big {
    text-transform: uppercase;
    font: 700 14px/20px 'Exo', Arial, sans-serif;
    }
#content .filmo .content .data .value.red {
    color: rgba(180,20,1,1);
    }
/* AUDIO */
#content .filmo .content audio {
    width: 100%;
    margin: 10px 0px 0px 0px;
    }
#content .filmo .content audio::-webkit-media-controls-enclosure {
    background-color: var(--light_gray);
    border-radius: 4px;
    }
/* TRAIT */
#content .filmo .content .trait {
    height: 2px;
    width: calc(100%);
    margin: 30px 0px;
    background: rgba(0,0,0,.075);
    border-radius: 100px;
    }
#content .filmo .content .trait.color_01 {
    background: rgba(190,148,108,1);
    }
#content .filmo .content .trait.color_02 {
    background: rgba(159,190,108,1);
    }
#content .filmo .content .trait.color_03 {
    background: rgba(108,190,139,1);
    }
#content .filmo .content .trait.color_04 {
    background: rgba(108,163,190,1);
    }
#content .filmo .content .trait.color_05 {
    background: rgba(162,108,190,1);
    }
#content .filmo .content .trait.color_06 {
    background: rgba(190,108,115,1);
    }
#content .filmo .content .trait.color_07 {
    background: rgba(190,141,108,1);
    }
#content .filmo .content .trait.color_08 {
    background: rgba(173,190,108,1);
    }
/* MEDIA */
@media screen and (max-width: 1279px) {
    #content .filmo .content .trait {
        margin: 20px 0px;
        }
    }

/* CONTACT */
#content .contact {
    width: var(--menu_largeur);
    left: calc(50vw - var(--menu_largeur_middle));
    }
#content .contact h1 {
    color: var(--black);
    text-transform: uppercase;
    font: 700 40px/40px 'Exo', Arial, sans-serif;
    }
#content .contact h2 {
    color: var(--gray_50);
    font: 100 20px/26px 'Exo', Arial, sans-serif;
    }
#content .contact h3 {
    width: 100%;
    margin: 20px 0px 0px 0px;
    text-align: justify;
    color: var(--black);
    font: 500 16px/24px 'Exo', Arial, sans-serif;
    }
#content .contact .contact {
    width: 100%;
    left: 0px;
    margin: 40px 0px;
    padding: 20px;
    background: var(--black);
    text-align: center;
    border-radius: 4px;
    }
#content .contact .contact a {
    color: var(--white);
    }
#content .contact .links {
    margin: 40px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    }
#content .contact .links .element {
    margin: 0px 10px;
    }
#content .contact .links .element img {
    width: auto;
    height: 30px;
    }
@media screen and (max-width: 1279px) {
    #content .contact {
        width: calc(100% - 160px);
        left: 80px;
        }
    }
@media screen and (max-width: 767px) {
    #content .contact {
        width: calc(100% - 80px);
        left: 40px;
        }
    #content .contact h3 {
        font: 500 12px/20px 'Exo', Arial, sans-serif;
        }
    }

/* PHOTOS */
/* PHOTOS */
/* PHOTOS */
#content .photo {
    width: calc(var(--main_largeur) + 800px + 20px);
    left: calc(50% - var(--main_largeur_middle) - 400px - 10px);
    margin: calc(var(--menu_height) * -1 + 20px) 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    }
#content .photo .content {
    width: calc(100% / 3 - 20px);
    margin: 0px 10px 20px 10px;
    background: var(--white);
    border-radius: 4px;
    overflow: hidden;
    }
/* MEDIA */
@media screen and (max-width: 2180px) {
    #content .photo {
        width: calc(100vw - 80px + 20px);
        left: 30px;
        }
    }
@media screen and (max-width: 1279px) {
    #content .photo {
        margin: -39.5px 0px 0px 0px;
        }
    }
@media screen and (max-width: 767px) {
    #content .photo {
        width: calc(100vw - 20px);
        left: 10px;
        margin: 0px;
        }
    #content .photo .content {
        width: 100%;
        margin: 0px 0px 10px 0px;
        }
    }