| @media only screen and (max-width:1570px) { | |
| .slideShow { | |
| height: 400px; | |
| } | |
| .slideShow ul li { | |
| height: 400px; | |
| } | |
| .img-container a img { | |
| height: 400px; | |
| } | |
| .img-container2 a img { | |
| height: 400px; | |
| } | |
| .image1 .context { | |
| margin: 130px 350px 0 0; | |
| font-size: 25px; | |
| } | |
| .image2 .context { | |
| margin: 130px 200px 0 0; | |
| font-size: 25px; | |
| } | |
| .context2 { | |
| margin: 130px 50px 0 300px; | |
| font-size: 25px; | |
| } | |
| .image4 .context { | |
| margin: 130px 150px 0 100px; | |
| font-size: 25px; | |
| } | |
| .main-nav li { | |
| margin: 0 40px; | |
| height: 45px; | |
| line-height: 45px; | |
| } | |
| } | |
| @media only screen and (max-width:1370px) { | |
| .slideShow { | |
| height: 350px; | |
| } | |
| .slideShow ul li { | |
| height: 350px; | |
| } | |
| .img-container a img { | |
| height: 350px; | |
| } | |
| .img-container2 a img { | |
| height: 350px; | |
| } | |
| .image1 .context { | |
| margin: 120px 300px 0 0; | |
| font-size: 20px; | |
| } | |
| .image2 .context { | |
| margin: 120px 200px 0 0; | |
| font-size: 20px; | |
| } | |
| .context2 { | |
| margin: 120px 50px 0 300px; | |
| font-size: 20px; | |
| } | |
| .image4 .context { | |
| margin: 120px 150px 0 150px; | |
| font-size: 20px; | |
| } | |
| .main-nav li { | |
| margin: 0 35px; | |
| height: 45px; | |
| line-height: 45px; | |
| } | |
| } | |