/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 22, 2014 */

body{
    background-image:url("img/pattern.png");
    background-attachment: fixed;
    font-family: 'autour_oneregular';
    font-size:20;
    line-height:200%;
    color: #fff;
}
h1{
    font-family:'fascinateregular';
    font-size:60;
}

h4{
    font-family:'autour_oneregular';
    font-size:20;    
    padding:0;
    margin:0;
}

b{
    font-family:'poetsenoneregular';
}

a:link {
    text-decoration:none;
    color: ffffff;
}

/* visited link */
a:visited {
    color: ffffff;
}

.thumb{
    width:15%;
    border:3px solid #ffffff;
    margin-right:5px;
    margin-left:5px;
}
.logo{
   width:50%;
   min-width:80px;
   max-width:200px;
}
.icons{
  margin-block-start: 0.8em;margin-block-end: 0em;
}
.title{
  font-family: 'autour_oneregular';font-size:1.5em;margin-block-start: 10px;margin-block-end: 15px;
}
.language{
   font-size:10pt;color: #378E8C;margin-block-start: 0.5em;margin-block-end: 0em;
}
.minicons{
  padding-right:5px;width:50px;
}
.sidebar {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  position: fixed;
  height: 100%;
  overflow: auto;
  width: 400px;
}

.links a {
  font-size:12pt;
  display: block;
  color: white;
  padding: 0px;
  text-decoration: none;
}
 
.links a.active {
  background-color: #378E8C;
  color: white;
}

.links a:hover:not(.active) {
  background-color: #378E8C;
  color: white;
}

.content{

    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-left: 400px;
}

@media screen and (max-width: 1000px) {

  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }
  .links {margin-bottom: 5px}
  .links a {display: inline-block;font-size:10pt;padding-left:8px;padding-right:8px;text-align:center;}
  div.content {margin-left: 0;}
  .minicons{
    padding-right:5px;width:40px;
  } 
}


@font-face {
    font-family: 'autour_oneregular';
    src: url('font/autourone-regular-webfont.eot');
    src: url('font/autourone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/autourone-regular-webfont.woff2') format('woff2'),
         url('font/autourone-regular-webfont.woff') format('woff'),
         url('font/autourone-regular-webfont.ttf') format('truetype'),
         url('font/autourone-regular-webfont.svg#autour_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fascinateregular';
    src: url('font/fascinate-regular.eot');
    src: url('font/fascinate-regular.eot?#iefix') format('embedded-opentype'),
         url('font/fascinate-regular.woff2') format('woff2'),
         url('font/fascinate-regular.woff') format('woff'),
         url('font/fascinate-regular.ttf') format('truetype'),
         url('font/fascinate-regular.svg#fascinateregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poetsenoneregular';
    src: url('font/poetsenone-regular-webfont.eot');
    src: url('font/poetsenone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/poetsenone-regular-webfont.woff2') format('woff2'),
         url('font/poetsenone-regular-webfont.woff') format('woff'),
         url('font/poetsenone-regular-webfont.ttf') format('truetype'),
         url('font/poetsenone-regular-webfont.svg#poetsenoneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}