30 lines
534 B
CSS
30 lines
534 B
CSS
/***
|
|
*** Ab hier responsive Angaben
|
|
***/
|
|
@media (max-width: 960px) {
|
|
.wrapper {
|
|
padding:0 10px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 620px) {
|
|
body{
|
|
font: normal 500 1rem helvetica, sans-serif;
|
|
}
|
|
header{
|
|
clip-path: polygon(0 0, 100% 0, 100% 80%, 0 200px);
|
|
background: #a82e0f;
|
|
}
|
|
footer{
|
|
clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 200px);
|
|
background: #a82e0f;
|
|
}
|
|
}
|
|
@media (max-width: 400px){
|
|
.box {
|
|
width: 100%;
|
|
}
|
|
body{
|
|
font: normal 500 .8rem helvetica, sans-serif;
|
|
}
|
|
} |