|
|
@@ -3,8 +3,37 @@ body { |
|
|
|
font-size: 12px; |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (min-width: 769px) { |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (min-device-width: 641px) and (max-device-width: 768px) { |
|
|
|
.main-container { |
|
|
|
width: 640px; |
|
|
|
margin: 0 auto; |
|
|
|
min-height: 500px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (min-device-width: 401px) and (max-device-width: 640px) { |
|
|
|
.main-container { |
|
|
|
width: 640px; |
|
|
|
margin: 0 auto; |
|
|
|
min-height: 500px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media only screen and (max-device-width: 400px) { |
|
|
|
.main-container { |
|
|
|
width: 640px; |
|
|
|
margin: 0 auto; |
|
|
|
min-height: 500px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.main-container { |
|
|
|
width: 960px; |
|
|
|
width: 1200px; |
|
|
|
margin: 0 auto; |
|
|
|
min-height: 500px; |
|
|
|
} |
|
|
@@ -229,9 +258,7 @@ main{ |
|
|
|
footer{ |
|
|
|
flex:0 0 auto; |
|
|
|
} |
|
|
|
.main-container{ |
|
|
|
width: 1200px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.item > a,.item > a:active{ |
|
|
|
color: #515a6e !important; |
|
|
|
} |