@media  (max-width:460px){

    html.lock {

        overflow-y: hidden;
    }

	.page {
		
        padding: 50px 0px 300px 0px;
        
        
    } 
        
   .button-block {

        padding:    20px 50px 20px 50px;

        
    }

    .s_button-block {

        padding:    20px 0px 20px 0px;

        
    }

    .os-story {
        padding: 10px 20px 10px 20px;
         
        
    }

    .button_app {
        font-family: "Courier Prime", serif;
        background-color: rgb(209, 209, 209);
        border: none;
        color: rgb(0, 0, 0);
        border-radius: 12px;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;

      }




}

@media (hover: none) {
    .button:hover {
        font-family: "Courier Prime", serif;
        background-color: rgb(209, 209, 209);
        border: none;
        color: rgb(0, 0, 0);
        border-radius: 12px;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;
    
      }

      .button_app:hover {
        font-family: "Courier Prime", serif;
        background-color: rgb(209, 209, 209);
        border: none;
        color: rgb(0, 0, 0);
        border-radius: 12px;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;

      }

      .s_button_icon_sh:hover {

        width: 40px;
        height: 40px;
        border-radius: 45%;
         border: none;
        background-image: url('/img/s_icon_sh.png');
        background-size: cover;
        opacity: 1;
        cursor: pointer;
        
    }

      .s_button_icon_fb:hover {

        width: 40px;
        height: 40px;
        border-radius: 45%;
         border: none;
        background-image: url('/img/s_icon_fb.png');
        background-size: cover;
        opacity: 1;
        cursor: pointer;
        
    }

    .s_button_icon_tw:hover {

        width: 40px;
        height: 40px;
        border-radius: 45%;
         border: none;
        background-image: url('/img/s_icon_tw.png');
        background-size: cover;
        opacity: 1;
        cursor: pointer;
        
    }
    .s_button_icon_tg:hover {

        width: 40px;
        height: 40px;
        border-radius: 45%;
         border: none;
        background-image: url('/img/s_icon_tg.png');
        background-size: cover;
        opacity: 1;
        cursor: pointer;
        
    }

    .s_button_icon_wa:hover {

        width: 40px;
        height: 40px;
        border-radius: 45%;
         border: none;
        background-image: url('/img/s_icon_wa.png');
        background-size: cover;
        opacity: 1;
        cursor: pointer;
        
    }
}