/**

Theme Name: Mitch

Theme Description: DMP

*/
@charset "UTF-8";

@font-face{
    font-family: "Wind Waker";
    src:url(fonts/metropolis/Metropolis-ExtraLight.otf);
}
* {
    margin: 0; }
    html, body {
        height: 100%;
        background: #FFFEFA;}
        
    [class*="hed-1"] {      
         }


        .hed-1 {
margin-left: 15%;
margin-right: 15%;
padding-bottom: 5%;

}

        .mt{
        position: left;
        width:45%;
        transform: translate(0%,58%);
}

        h3{ 

            position: right;
            text-align: right;  
            font-family: "Wind Waker";
            font-size: 125%;
}   

                  
            .click{
            font-style: normal; 
            padding-left: 1%;}
            .clicked{
            font-style: normal; 
            color: #4b4a4a;
            -webkit-filter: grayscale(100%);
            padding-left: 1%;}
            a{color: #333333} 
            .click:hover {
                font-size: 100%;
                -webkit-filter: grayscale(100%);}  
            a:link, b:link {
                text-decoration: none; }

/* --------------------------------------------------------*/
    .gallery{
margin-left: 15%;
margin-right: 15%;



        padding-bottom: 1%;  }
    .gallery::after{
        content: "";
        clear: both;
        display: table;}
        
        h1{
            color: #333333;
            font-family: "Wind Waker";
            font-size: 100%;
            padding-bottom: 1.5%;}  

        h2{ color: #333333;
            font-family: "Wind Waker";
            font-size: 100%;
            padding-top: 1%;
            padding-bottom: 5%;}
        h4{color: #333333;
            font-family: "Wind Waker";
            font-size: 120%;
            padding-bottom: 6%;} 

        .img-1{
            float: left;
            width: 43.65%;
        }
        
        .img-2{
            padding-left: 1.1%;
            float: left;
            width: 27.05%; }


.img-3{
    padding-right: 1.1%;
    float: left;
    width: 27.05%;
}


.wa img{
    padding-bottom: 3%;
}


        .wa img{
                -webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                -o-transition: all 1s ease;
                -ms-transition: all 1s ease;
                transition: all 1s ease; }
        .wa img:hover{
                transform: scale(1.02);
                -webkit-filter: grayscale(55%); }  




        
#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color:rgb(128, 128, 128);
    color: rgb(255, 255, 255);
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;}
  #myBtn:hover {
    background-color: #555;
  }