


@media screen and (max-width:1200px) {
    .container{max-width:600px; width: 100%;}

    h1 {font-size: 48px;margin-bottom: 35px;}
    
    h2 {font-size: 42px;margin-bottom: 30px;}
    
    .img-wrap img{
        max-width: 80%;
        margin:0 auto 15px;
      }
      
      .screen-1 {
        padding-top: 450px;
        position: relative;
        padding-bottom: 0px;
    }

    body.page-1{

        background-size: 100%;
        
    }
    .screen-1 .container {height: auto;padding-bottom: 30px;}


}

@media screen and (max-width:600px) {
    .container{min-width:450px; max-width: 600px; padding: 0 20px;width: 100%;}
    .screen-1 {
        padding-top: 350px;}
        .btn-wrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .gp-btn {margin-right: 0;}
        .screen-1 .container p {color: #000;font-size: 24px;text-shadow: none;padding-top: 0;padding-bottom: 35px;}
        .screen-1 .container p br{display:none;}
}

@media screen and (max-width:500px) {

    .container{min-width:280px; max-width: 450px; padding: 0 20px;width: 100%;}
    

    h1 {font-size: 30px;line-height: 1.3;margin-bottom: 12px;padding-top:0;}

   
    h2 {font-size: 30px;margin-bottom: 20px;}

    

    .gp-btn {margin-right: 0;}

    body.page-1 {background-size: 100%;background-position: left top;}
    .screen-1 {padding-top: 300px;position: relative;padding-bottom: 0px;}

    footer .container {justify-content: center;text-align: center;padding-top: 50px;}

    footer p {font-size: 14px;margin-bottom: 13px;}


    .txt-doc p{

        font-size: 18px;

        margin-bottom: 5px;
      }

      

      
      .txt-doc ul li{

        font-size: 18px;
      }

      .txt-doc table td p{

        font-size: 14px;
      }

}

@media screen and (max-width:400px) {
    .screen-1 {padding-top: 235px;position: relative;padding-bottom: 0px;}
    .container, .screen-1 .container{ padding: 0 5px;width: 100%;display:block;}
    .gp-btn {width: 150px;background-size: 150px;height: 55px;}
    .as-btn {width: 150px;background-size: 150px;height: 55px;}
    .btn-wrap {justify-content: space-between;}
}


@media screen and (max-width:360px) {
    .screen-1 {padding-top: 200px;position: relative;padding-bottom: 0px;}
}
