/*------------------------------------*\
    RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
    v2.0b1 | 201101
    NOTE:WORK IN PROGRESS
    USE WITH CAUTION AND TEST WITH ABANDON */

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,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
    display:block;
}
body{
    line-height:1;
}
ol,ul{
    list-style:none;
}
blockquote,q{
    quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
    content:’’;
    content:none;
}
/* remember to define visible focus styles!
:focus{
    outline:?????;
} */

/* remember to highlight inserts somehow! */
ins{
    text-decoration:none;
}
del{
    text-decoration:line-through;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}





/*------------------------------------*\
    $MAIN
\*------------------------------------*/
/* GO! */

body{
  background: url(bg01.png);
  background-position:-90px 0px;
  /* font-family: 'Raleway', sans-serif; */
  font-family: 'rawline', sans-serif;
}

h1.title {
    font-size: 33.5pt;
    font-weight: 100;
    color: #c6c6c6;
    position: absolute;
    left: 230px;
    top: 131px;
    letter-spacing: 0.024em;
    background: white;
    padding: 0px 9px 17px 6px;
    white-space: nowrap;
}

img.logo {
    width: 155px;
    position: absolute;
    left: 67px;
    top: 67px;
filter: brightness(1.03);
}

p.contact {
  line-height: 1.5em;
      color: #adadad;
      position: absolute;
      left: 123px;
      top: 205px;
      background: #ffffff;
      width: fit-content;
    }

    img#feature {
      height: 390px;
      max-height: calc(100vh - 360px);
      position: absolute;
right: 62px;

        top: 340px;
    }


    div#partners,
    div#sociallinks {
      height: 60px;
      position: absolute;
      left: 62px;
      top: calc(100vh - 123px);
      vertical-align: bottom;
      position: relative;
      width: 260px;
      }


      div#sociallinks a,
      div#sociallinks a:-webkit-any-link,
      #partners a, 
      img {
        margin: 0;
        line-height: 0;
        text-decoration: none;
    }

      div#sociallinks img,
      #partners img {
      padding: 7px;
      background: #ffffff;
      filter: contrast(0.4) brightness(1.6);
        max-height: 27px;
    }

    .cycle-slideshow{
      height: 390px;
      width: 722px;
      /* max-height: calc(100vh - 360px); */
      position: absolute;
    right: 62px;
    top: 241px;
    }

    .slideshowimg{
      height: 100%;
      width: 100%;
    }

    @media only screen and (min-device-width : 580px) and (max-device-width : 780px) {



      img#feature,
      .cycle-slideshow {
        height: inherit;
            max-height: inherit;
                      position: absolute;
          right: 62px;
          top: 241px;
          max-width: calc(100vw - 450px);
      }



}


   /* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 580px) {
/* Styles */
body{
  font-size: 2em;
}

      div#sociallinks img,
      #partners img {
        height: 60px;
        max-height: fit-content;

      }

          div#partners,
    div#sociallinks {
lute;
      left: 62px;
      top: calc(100vh - 300px);

      }

img#feature,
.cycle-slideshow {
  height: inherit;
      max-height: inherit;    position: absolute;
    right: 1em;
    left: 1em;
    top: 280px;
    width: calc(100vw - 2em);
    /* margin: 0.5em; */

  }

  p.contact {
    line-height: 1.5em;
    color: #adadad;
    position: absolute;
    left: 79px;
    /* font-size: 3em; */
    top: 1265px;
    background: #ffffff;
    width: fit-content;
}


div#partners {
    top: calc(100vh - 200px);

}

h1.title {
    color: silver;
  }



}