/**

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{
        padding-left:8%;
        
        padding-bottom: 2.5%;  }
    .gallery::after{
        content: "";
        clear: both;
        display: table;}
        
    .gallery2{
        margin-left: 15%;
        margin-right: 15%;
 }
    .gallery2::after{
        content: "";
        clear: both;
        display: table;}
 
    .img-4{
            padding-right: 0.5%;
        } 
        
    .img-4{
            float: left;
            width: 100%; }    




        
        h1{
            color: #333333;
            font-family: "Wind Waker";
            font-size: 120%;
            padding-top: 1%;
            padding-bottom: 6%;}  
        h2{ color: #333333;
            font-family: "Wind Waker";
            font-size: 150%;
            padding-top: 1%;
            padding-bottom: 3%;
            text-align: center;}
        h4{color: #333333;
            font-family: "Wind Waker";
            font-size: 120%;
            padding-bottom: 6%;} 

        .img-1{
            padding-left: 0.7%; } 
        .img-2{
            padding-left: 3.5%; }
        .img-3{
            padding-left: 8.5%;
        }    
        .img-1, .img-2, .img-3{
            float: left;
            width: 43.3%; }
        .img-3{
            float: left;
            width: 30%; }
        .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;
  }      
