/*@import url('https://fonts.googleapis.com/css?family=Caveat');*/

/* caveat-regular - latin-ext_latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/caveat-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/caveat-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/caveat-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/caveat-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/caveat-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/caveat-v17-latin-ext_latin-regular.svg#Caveat') format('svg'); /* Legacy iOS */
}

.postit {
	background:#fefabc url(../images/stecknadel.gif) no-repeat 20px 10px; 
	padding:15px; 
	font-family: 'Caveat', cursive;
	font-size:25px; 
	color: #000; 
	width:300px; 
	float:left;
	text-indent: 40px;
	line-height: 35px;
	
	-moz-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	transform: rotate(7deg);
	
	box-shadow: 0px 4px 6px #333;
	-moz-box-shadow: 0px 4px 6px #333;
	-webkit-box-shadow: 0px 4px 6px #333;
	
	position: absolute;
	z-index: 999;
	top: 180px;
	margin-left: 45%;


}

@media screen and (max-width: 650px) {
	.postit {
		top: 150px;
		margin-left: 30%;
	}
}