@media (max-width: 1320px) 
    { 

    .Menu button:nth-child(1) { margin-left: 50%;width: 20%;height: 40%;margin-top: 4%; } .Menu button:nth-child(2)  { width: 20%;height: 40%;margin-top: 4%; } 
    .Menu { height: 20%; } .S1 { height: 50%;flex-direction: column;margin-top: -1%; } .S1 h1 { margin-left: 15%;margin-top: 8%; } .S1 h2 { margin-top: 3%;margin-left: 50%; }
    .S2 { height: 70%;margin-top: -0.5%; } #i1 { height: 60%;margin-top: 15%; } #i2 { height: 60%;margin-top: 15%; } #i3 { height: 60%;margin-top: 15%; } #i4 { height: 60%;margin-top: 15%; }
    .S2b h2 { margin-top: 8%; } .g1 { width: auto;margin-right: 25%;height: auto; }  .S3 { height: 130%; }
    .Op p { font-size: 22px; } .opo img { height: 55%;width: 30%;margin-left: 30%; } .Op h2 { font-size: 35px;margin-top: 10%; } .pop h2 { margin-top: 15%; }
    .S4 { margin-top: -1%; } .S4 h1 { margin-top: 8%; }
    
    }
@media (max-width: 1110px)
    {
        .S1 h2 { margin-left: 40%; }
        #i1 { width: 43%;margin-left: 35%; } #i2 { width: 43%;margin-left: 10%; } #i3 { width: 43%;margin-left: 35%;} #i4 { width: 43%;margin-left: 10%;}
    }
@media (max-width: 990px)
    {
        .Menu button:nth-child(1) { margin-left: 45%;width: 25%; } .S1 h1 { margin-left: 10%; } .S1 h2 { margin-left: 35%;margin-top: 4%; }
        .S2a { width: 40%; }  #i1 { width: 50%;margin-left: 35%; } #i2 { width: 50%;margin-left: 10%; } #i3 { width: 50%;margin-left: 35%;} #i4 { width: 50%;margin-left: 10%;}
        .g1 { margin-right: 15%; } .S3 { height: 150%;flex-direction: column-reverse;margin-top: -0.5%; } .Op { margin-top: 0%;height: 60%;width: 100%; } 
         #fc2 { height: 40%;margin-top: 0%;flex-direction: column-reverse; } .opo img { height: 50%;width: 17%;margin: 0 auto;margin-top: 5%; }  
        .pop h2 { margin-top: 0%;height: auto;margin: 0 auto;margin-top: 1%;width: 70%; } #fc1 h2 { width: 90%;margin-top: 8%;margin-left: 5%; }
        #fc1 p { width: 80%;height: auto; }         .S4 h1 { margin-top: 8%; } 
    }
@media (max-width: 875px)
    {
        .Menu button:nth-child(1) { margin-left: 35%;width: 29%; } .S1 h2 { font-size: 40px; }
        .S2 { height: 100%;flex-direction: column; } .S2a {height: 20%;width: 100%;flex-direction: row;}
        .l1 {  height: 100%; }
        #i1 { height: 80%;width: 45%;margin: 0 auto; } #i2 { height: 80%;width: 45%s;margin: 0 auto; } #i3 { height: 80%;width: 45%s;margin: 0 auto;} #i4 { height: 80%;width: 45%s;margin: 0 auto;}
        .S2b { height: 80%;width: 100%; } .S2b h2 { margin-left: 15%; } .g1 { margin-left: 16%; } .S2b h2:nth-child(1) { margin-top: 10%; }
        #fc1 { height: 70% } #fc2 {  height: 30%; } .opo img { height: 60%;width: 15%; }
        #fc1 h2 { font-size: 30px;margin-right: 10%;margin-left: 10%;width: auto; } #fc1 p { margin-left: 12%; } .S4 { height: 30%; } .S4 h1 { margin-top: 10%;height: auto; }
    }
@media (max-width: 730px)
    {
       .Menu button:nth-child(1){ width: 35%;margin-left: 25%; } .Menu button:nth-child(2) { width: 25%; } .S1 h2 { margin-left: 25%; }
       .S4 { height: 30%; } .S4 h1 { margin-top: 11%; }
         #fc1 { height: 75%; } .pop h2 { width: 90%;margin-right: 2%; }  #fc2 { height: 25%; }
    }
@media (max-width: 600px) 
    {
    .Menu {  height: 20%;} .Menu button a { font-size: 16px; }
    .Menu button:nth-child(1) { margin-left: 30%;height: 40%;margin-top: 10%;width: auto; } .Menu button:nth-child(2) { margin-top: 10%;width: auto; }
    .S1 h1 { margin: 0 auto;margin-top: 15%; } .S1 h2 { margin: 0 auto;margin-top: 15%; }
    #i1 { width: 70%;margin-left: 30%; } #i2 { width: 70%;margin-left: 20%; }   #i3 { width: 65%;margin-left: 20%; } #i4 { width: 70%;margin-left: 10%; }
    .opo img { margin-top: -10%; } .pop h2 { font-size: 25px;width: 80%;margin-left: 10%;margin-top: -10%; }
    #fc1 h2 { width: 85%;margin-left: 7%;font-size: 27px; } #fc1 p { font-size: 18px;margin-left: 8%; }
    }
@media (max-width: 495px)
    { .Menu button:nth-child(1) { margin-left: 13%; } .S1 h1 { margin-top: 10%;margin-left: 5%; } .S1 h2 { font-size: 35px;margin-top: 10%;margin-left: 5%; }
      #i1 { height: 70%; } #i2 { height: 70%; } #i3 { height: 70%; } #i4 { height: 70%; } .S2b h2 { margin-left: 5%; } .S2b p { margin-left: 5%; }
      #fc1 h2 { margin-top: 2%; } #fc1 p {  line-height: 35px; }
      .S4 { height: 40%; } .S4 h1 { margin-top: 30%; }
    }
@media (max-width: 380px)
    {
        .Menu button:nth-child(1) { margin-left: 5%; } .S1 h2 { font-size: 28px;margin-top: 20%; }
        .S2a { flex-direction: column;height: 50%; } #i1 { height: 60%;width: 60%;margin-left: 20%; } #i2 { height: 60%;width: 60%;margin-left: 10%; } 
        #i3 { height: 60%;width: 60%;margin-left: 20%; } .S2b { height: 50%; } .S2b h2 { font-size: 25px; } .S2b p { font-size: 18px; }
        .opo img { width: 30%;margin-top: 25%; } .S4 {  height: 50%;} .S4 h1 { margin-top: 50%; } .S3 { height: 200%; }
        #fc1 { height: 65%; } #fc2 { height: 35%; }
    }
@media (max-width: 330px)
    {
        .S3 { height: 200%; }
    }