@media only screen and (max-width: 767px) {
#container {
width:90%;
margin:0px auto 0px auto;
}
.repeat figure {
width:90%;
margin:0px auto 0px auto;
}
.speigel {
width:90%;
margin:0px auto 0px auto;
}
h2 {font-size:2.2em;text-align:left;line-height:90%;margin-top:24px;}
p  {font-size:0.95em;line-height:120%;}
.killer, .stonecold {
font-size:1em;
line-height:1em;
}

.footer {
margin:30px auto 0px auto;
width:97%;
text-align:center;
}
.killer {
margin:0px;
text-align:center;
}
.scaleit {max-width:40%;margin:3vw 0px 0px 0px}
.clear {margin-bottom:100px;}
}





@media only screen and (min-width: 768px) {
#container {
width:74%;
margin:0px auto 0px auto;
}
.repeat figure {
width:50%;
margin:0px 20px 0px 0px;
float:left;
}
.speigel {
padding-left:calc(50% + 20px);
}
h2 {font-size:2.2em;text-align:left;line-height:90%;}
p  {font-size:0.98em;line-height:118%;}
.killer, .stonecold {
font-size:1em;
line-height:1em;
}

.footer {
margin:30px auto 0px auto;
width:97%;
text-align:center;
}
.killer {
margin:0px;
text-align:center;
}
.scaleit {max-width:40%;margin:3vw 0px 0px 0px}
.clear {margin-bottom:75px;}
}




@media only screen and (min-width: 1279px) {
#container {
width:50%;
margin:0px auto 0px auto;
}
.repeat figure {
width:50%;
margin:0px 20px 0px 0px;
float:left;
}
.speigel {
padding-left:calc(50% + 20px);
}
h2 {font-size:2.2em;text-align:left;line-height:90%;}
p  {font-size:1em;line-height:112%;}
.killer, .stonecold {
font-size:1em;
line-height:1em;
}

.footer {
margin:30px auto 0px auto;
width:97%;
text-align:center;
}
.killer {
margin:0px;
text-align:center;
}
.scaleit {max-width:40%;margin:3vw 0px 0px 0px}
.clear {margin-bottom:75px;}
}


.repeat {
/* border:2px solid red; enabletoseeeachcatagorybox*/
margin:30px 0px 30px 0px;
}

.floatpicleft img {
width:100%;
box-shadow: 0 0 5px 4px #fff2cc;
}

.clear {
clear:both;
}



.navbar {
  overflow: hidden;
  background-color: #333;
}

.navbar a {
  float: right;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: right;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}