/*body {
    font-family: sans-serif;  
   margin: 0 auto;
   background:red;
}*/
h2 {
text-align:center;
color: forestgreen;
margin: 30px 0 50px;
}

.gallery {
    /*margin: 10px 50px;*/
    width: 100%;
    margin: 0 auto;
    
  
}
    .gallery img {
        width: 282px;
        height: 45%;
        padding: 5px;
        /*filter: grayscale(50%);*/
        transition: 1s;
        border-radius: 20px;
    }
        .gallery img:hover {
        filter: grayscale(0);
        transform: scale(1.1);

        
        }
.gallerytop {
   
}
    .gallerytop img {
       
        transition: 1s;
        border-radius: 20px;
    }

        .gallerytop img:hover {
            filter: grayscale(0);
            transform: scale(1.1);
        }



@media only screen and (max-width: 769px) {
    .gallery {        
       flex-direction: column;
     }
        .gallery img {
            width: 100%;
            height: 15%;
        }
}
/*@media only screen and (max-width: 643px) {
    .gallery {
        flex-direction: column;
    }

        .gallery img {
            width: 100%;
        }
}*/





#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 15px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
}

    #myBtn:hover {
        background-color: #555;
    }

#text-2097821742 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #1984c1;
    position: relative;
}

    #text-2097821742 > * {
        color: #F87E00;
    }