@font-face {
    font-family: 'blissregular';
    src: url('../font/bliss-webfont.woff2') format('woff2'),
         url('../font/bliss-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{
	margin: 0;
	 font-family: 'blissregular';
		background: url(../images/bg_bufalo.jpg) no-repeat center;
	   	background-size: 100% 100%;
	 position: relative;
}
html,body,.bg-full{
	width:100%;
	height:100%;
}

.footer{
	position: absolute;
	bottom:20px;
	width:100%;
	text-align: center;
	color:white;
}
.footer p{
	margin:8px 0;
	font-size: 1.2em;
}

a{
	color:white;
	text-decoration: none
}
.header{
	position: absolute;
    text-align: center;
	width: 100%;
}

.logo{
	display: flex;
	justify-content: center;
}
.logoimg{

	width: 400px; padding-top:50px; z-index: 10;

}

.banner{
    width: 100%; height: auto; padding-top: 120px; z-index: 1;
}

.content{
	display: flex;
	justify-content: center;
    margin: 0 auto;
	padding-top: 2em;
}

h1{
	font-size: 7.2em;
	font-style: italic
}
h2{
	font-size: 3.1em;
	margin-top: -15px!important
}
h1,h2{
	color:#fff;
	text-shadow: 5px 5px 20px rgba(0, 0, 0, 1);
	margin:0;
}


.image_full{
    width: 700px; 
    padding-top: 25px;
    z-index: 10;
   }
 
  .image_mobile{
   display:none;
  }


  @media all and (max-width: 1690px) { 

    .image_full{
        display:block;
        width: 500px; 
        z-index: 10;
       }
     
      .image_mobile{
       display:none;
      }


  }
  @media all and (max-width: 1280px) { 

    .image_full{
        display:block;
        padding-top: 25px;
        width: 500px; 
        z-index: 10;
       }
     
      .image_mobile{
       display:none;
      }
    

  }
  @media all and (max-width: 980px) {  

    .image_full{
        display:block;
        padding-top: 50px;
        width: 450px; 
        z-index: 10;
       }
 
    .image_mobile{
        display:none;
       }

   }
  @media all and (max-width: 700px) { 
        .image_full{
            display:none;
        }
     
       .image_mobile{
        display:block;
        width: 400px; 
         z-index: 10;
        
       }
    
   }
  
   @media all and (max-width: 480px) and (max-height: 760px)  { 
	.image_full{
        display:none;
       }
     
       .image_mobile{
        display:block;
         width: 420px; 
         padding-top: 30px;
         z-index: 10;
        
       }
   
       .logoimg{
           width: 350px; padding-top:50px; z-index: 10;
       }

    }



    @media all and (max-width: 350px) and (max-height: 700px)  { 
        .image_full{
            display:none;
           }
         
           .image_mobile{
            display:block;
             width: 270px; 
             padding-top: 30px;
             z-index: 10;
            
           }
       
           .logoimg{
               width: 350px; padding-top:50px; z-index: 10;
           }
    
        }


        @media all and (max-height: 700px)  { 
            .image_full{
                display:none;
               }
             
               .image_mobile{
                display:block;
                 width: 350px; 
                 padding-top: 5px;
                 z-index: 10;
                
               }
           
               .logoimg{
                   width: 350px; padding-top:50px; z-index: 10;
               }
        
            }

            @media all and (max-height: 630px)  { 
                .image_full{
                    display:none;
                   }
                 
                   .image_mobile{
                    padding-top: 0px;
                    display:block;
                     width: 350px; 
                     z-index: 10;
                    
                   }

                   .banner{
                    padding-top: 95px !important;
                   }                   

                   .logoimg{
                       width: 250px; padding-top:50px; z-index: 10;
                   }
            
                }   


            @media all and (max-height: 600px)  { 
                .image_full{
                    display:none;
                   }
                 
                   .image_mobile{
                    padding-top: 0px;
                    display:block;
                     width: 250px; 
                     z-index: 10;
                    
                   }
               
                   .logoimg{
                       width: 250px; padding-top:40px; z-index: 10;
                   }
                   .banner{
                    padding-top: 80px !important;
                   }
                   .footer p{
                    margin:8px 0;
                    font-size: 0.9em;
                }
                }