@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'Vamp-mittel';
  src:  url('/fonts/Vamp-mittel-webfont.woff2') format('woff2'),
        url('/fonts/Vamp-mittel-webfont.woff') format('woff');
}

body,html,h1,h2,p, div,a,img,header,footer,span{
    margin: 0;
    padding: 0;
}
*{box-sizing:border-box}
html{background:#fff;}
footer,header{background: #fff; color: #666; font-family: 'Vamp-mittel', sans-serif; font-size: 9px; text-align: center; letter-spacing: 1px; padding: 1em 0;}

body { 
  font-family: 'Vamp-mittel', sans-serif;
  color: #666;
  margin-top: 5%;
  font-size: 9px;
  font-size: 0.9em;
  line-height: 1.5;
  letter-spacing: 1px;
}

a {
  text-decoration: none; 
}

/* unvisited link */
a:link {
    color: #666;
}

/* visited link */
a:visited {
    color: #666;
}

/* mouse over link */
a:hover {
    color: black;
}

/* selected link */
a:active {
    color: black;
}


main{
  width:94.75%;
  margin: 0 auto;
 overflow: hidden;
}

.col{
    width: 33.333%;
    height:auto;
    float: left;
    text-align: center;
    padding:1rem;
}
.col1{ background: #fff;}
.col2{ background: #fff;}
.col3{ background: #fff;}

.left-align {
	text-align:left; !important
}

.right-align {
	text-align:right; !important
}

footer{
    clear:both;
}

@media only screen and (max-width:768px){
    
    .col1, .col3{
        width:20%;
    }
    .col2{
        width:60%;
    }
}

@media only screen and (max-width:480px){
    .col{
       float: none;
        width:100%;
    }
}