@media screen and (max-width: 479px)

  {body
    {padding:3em 40px !important}}
    @font-face {font-family:"Cristalweb";src:url("../fonts/Cristalweb-ExtraLight.otf") format("OpenType")}
    html{
    font-size:14px
    }body

  {font-family: "Cristalweb", sans-serif;
    font-style: normal;
    font-weight: 300;
    color:#000d28;
    background:#fff;
    margin:0;
    padding:0px 0px 0px 0px
    !important}

  p{
    font-size:4rem;
    line-height:125%;
    letter-spacing: 0,2rem;
    word-wrap:break-word;
    padding:0em 0.5em;margin-bottom:1em
  }
a{text-decoration:none;color:#000d28}a
:hover{color:#aabebe}
.fix{position:fixed;z-index:1;bottom:0px;line-height:125%;word-wrap:break-word;width:100VW}
.fix2{position:absolute;left:0;right:0}
.cannavo .cannavo-p{padding-top:1em;color:#000d28;font-family: "Cristalweb", sans-serif;font-style: normal;font-weight: 300;}.cannavo .cannavo-p p{margin-top:0}
.cannavo .cannavo-logo{position:fixed;right:3VW;bottom:3VW;z-index:1000;margin-bottom:0 !important;height:100px;-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-moz-transition-property:-moz-transform;-moz-transition-duration:1s;transition-property:transform;transition-duration:1s}
.cannavo .cannavo-logo:hover{-webkit-animation-name:rotate;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:rotate;-moz-animation-duration:2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;animation-name:rotate;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.cannavo .cannavo-background .cannavo-fond{position:relative;z-index:2;margin-bottom:100px}#mouse-icon{background-image:url(../img/mouse-01.svg);background-repeat:no-repeat;width:35px;height:45px;display:block;margin:auto;position:fixed;z-index:700;opacity:0.5;bottom:3VW;left:40%;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;-moz-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}#mouse-icon::before{display:block;margin:0 0 0 -30px;position:absolute;text-align:center;color:#fff;font-weight:700;opacity:0;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-moz-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}#mouse-icon:hover{opacity:1}#mouse-icon:hover:before{margin-top:-30px;opacity:1;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}#scroll-wheel{background-image:url(../img/wheel-02.svg);background-repeat:no-repeat;width:10px;height:10px;display:block;position:relative;top:55%;margin:auto;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-animation:scrollWheel 1.5s linear infinite;-moz-animation:scrollWheel 1.5s linear infinite;-o-animation:scrollWheel 1.5s linear infinite;animation:scrollWheel 1.5s linear infinite}@-webkit-keyframes scrollWheel{0%{top:5px;opacity:1}100%{top:20px;opacity:0}}@-moz-keyframes scrollWheel{0%{top:5px;opacity:1}100%{top:20px;opacity:0}}@-o-keyframes scrollWheel{0%{top:5px;opacity:1}100%{top:20px;opacity:0}}@media only screen and (max-width: 853px){.cannavo .cannavo-p{margin:10px}.cannavo .cannavo-p p{font-size:3rem}.cannavo .cannavo-logo{position:fixed;right:5VW;bottom:5VW;height:100px;margin-bottom:0 !important;height:100px !important;-webkit-transition-property:-webkit-transform;-webkit-transition-duration:0s;-moz-transition-property:-moz-transform;-moz-transition-duration:0s;transition-property:transform;transition-duration:0s}.cannavo .cannavo-logo:hover{-webkit-animation-name:rotate;-webkit-animation-duration:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:rotate;-moz-animation-duration:0s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;animation-name:rotate;animation-duration:0s;animation-iteration-count:infinite;animation-timing-function:linear}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(0deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(0deg)}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(0deg)}}.cannavo .cannavo-logo img{height:100px !important}.cannavo-background{position:relative;margin-bottom:0px !important}.cannavo-background .cannavo-fond{margin-bottom:40px !important}}@media only screen and (max-width: 640px){.cannavo .cannavo-p{margin:10px}.cannavo .cannavo-p p{font-size:2rem;margin-bottom:0.5em}.cannavo .cannavo-logo{position:fixed;right:5VW;bottom:5VW;margin-bottom:0 !important;height:100px !important;-webkit-transition-property:-webkit-transform;-webkit-transition-duration:0s;-moz-transition-property:-moz-transform;-moz-transition-duration:0s;transition-property:transform;transition-duration:0s}.cannavo .cannavo-logo:hover{-webkit-animation-name:rotate;-webkit-animation-duration:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:rotate;-moz-animation-duration:0s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;animation-name:rotate;animation-duration:0s;animation-iteration-count:infinite;animation-timing-function:linear}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(0deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(0deg)}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(0deg)}}.cannavo .cannavo-logo img{height:100px !important}.cannavo-background{position:relative}.cannavo-background .cannavo-fond{margin-bottom:40px !important}}