|
|
@ -28,6 +28,43 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
|
|
|
|
|
|
#infraGif {
|
|
|
|
|
|
|
|
position: inherit;
|
|
|
|
|
|
|
|
width: 628px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 640px) {
|
|
|
|
|
|
|
|
#infraGif {
|
|
|
|
|
|
|
|
position: inherit;
|
|
|
|
|
|
|
|
width: 480px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
article{
|
|
|
|
|
|
|
|
width: 480px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
|
|
|
|
|
|
#infraGif {
|
|
|
|
|
|
|
|
position: inherit;
|
|
|
|
|
|
|
|
width: 340px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
article{
|
|
|
|
|
|
|
|
width: 340px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 340px) {
|
|
|
|
|
|
|
|
#infraGif {
|
|
|
|
|
|
|
|
position: inherit;
|
|
|
|
|
|
|
|
width: 240px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
article{
|
|
|
|
|
|
|
|
width: 240px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<body>
|
|
|
|