@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
p{
	padding:0.4em 0 1.5em;
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}

/* RWD: */
img{
	width:100%;
	height:auto;	
}

.flex{
    display:flex;
}
.flex1{
    flex:1;
}

#wrapper{
    max-width:1200px;
    margin:1em auto;
    font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
h1{
    text-align:center;
}
section{
    padding:0.5%;
}

.drop{
    filter: drop-shadow(10px 10px 10px rgba(0,0,0,.9));
}
.saturate{
    filter: saturate(200%);
}
.contrast{
    filter: contrast(150%);
}
.brightness{
    filter: brightness(150%);
}
.gray{
    filter: grayscale(100%);
}
.sepia{
    filter:sepia(100%);
}
.invert{
    filter: invert(100%);
}
.rotate{
    filter: hue-rotate(180deg);
}


/* KOLONNE LAYOUT: */

.clearfix::after{
	content:"";	
	display:table;
	clear:both;
}


[class*="col"] {
    float: left;
    padding:0 1%;
}
.col1{
	width:8.333%;
}
.col2{
	width:16.666%;
}
.col3{
	width:25%;
}
.col4{
	width:33.333%;
}
.col5{
	width:41.666%;
}
.col6{
	width:50%;
}
.col7{
	width:58.333%;
}
.col8{
	width:66.666%;
}
.col9{
	width:75%;
}
.col10{
	width:83.333%;
}
.col11{
	width:91.666%;
}
.col12{
	width:100%;
    float:none;
}