/*@import url('https://fonts.googleapis.com/css?family=Karla|Open+Sans:800');*/

@font-face {
  font-family: 'placeholder';
  src:  url('fonts/placeholder.eot?cbtui7');
  src:  url('fonts/placeholder.eot?cbtui7#iefix') format('embedded-opentype'),
    url('fonts/placeholder.ttf?cbtui7') format('truetype'),
    url('fonts/placeholder.woff?cbtui7') format('woff'),
    url('fonts/placeholder.svg?cbtui7#placeholder') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Rotis';
  font-style: normal;
  src: local('Rotis'), local('Rotis-Regular'), url(fonts/RotisSansSerifStd.otf) format('woff2');
}

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'placeholder' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  font-family: "Rotis";
  color: black;
  font-weight: 400;
  line-height: 1.5;
}

body {
  font-size: 16px;
    color: rgb(40,40, 40);
}

h1 {
    font-family: "Rotis";
    font-weight: 800;
    font-size: 2em;
    line-height: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.3em;
}

h2 {
    font-family: "Rotis";
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.3em;
}

h3 {
    font-family: "Rotis";
    font-weight: 600;
    font-size: 1.3em;
    line-height: 1.2em;
    margin-top: 2em;
    margin-bottom: 0.3em;  
}

a {
  font-family: "Rotis";
  font-weight: 300;
  color: inherit;
  /*border-bottom: 2px solid rgba(74,207,252,0);*/
  cursor: pointer;
  position: relative;
}

p {
  font-family: "Rotis";
  margin-bottom: 1em;
  font-size: 1em;
  line-height: 1.7;
  opacity: 0.8;
}