|
|
|
@ -12,7 +12,7 @@
|
|
|
|
|
h1 {font-family: "Times New Roman", Times, serif;}
|
|
|
|
|
h2 {font-family: "Times New Roman", Times, serif;}
|
|
|
|
|
|
|
|
|
|
article {
|
|
|
|
|
section {
|
|
|
|
|
width: 640px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
}
|
|
|
|
@ -31,37 +31,15 @@
|
|
|
|
|
@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) {
|
|
|
|
|
@media only screen and (max-width: 640px) {
|
|
|
|
|
#infraGif {
|
|
|
|
|
position: inherit;
|
|
|
|
|
width: 240px;
|
|
|
|
|
}
|
|
|
|
|
article{
|
|
|
|
|
width: 240px;
|
|
|
|
|
max-width: 99%;
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|