/* www.onpointout.com */	


.homebuttons{
text-transform:uppercase;
font-weight:700;
font-size:72px;
color:#000;
font-family:'Cabin Sketch',cursive;
width:auto;
padding-top:50px;
padding-bottom:200px;
}
.homebuttons a:link {color:#070707; text-decoration:none;}
.homebuttons a:visited {color:#070707; text-decoration:none;}
.homebuttons a:hover {color:#000;  text-decoration:none;}
.homebuttons a:active {color:#070707; text-decoration:none;}

.homebutwrap{
display:block;
background:#fff;
display:inline-block;
}
.homebutwrap:hover{
background-color:#aaa;
}
a.buttonH{
min-width:720px;
display:inline-block;
padding:20px 0;
margin:7px;
background-color:#fff;
text-align:center;
text-decoration:none;
border:3px solid #040404;
}
a.buttonH:hover{
background-color:#ddd;	
}
a.buttonH:active{
top:0.1em;
}





.description p{
text-shadow:2px 2px 2px #fff, 1px 1px 3px #fff;
text-align:left;
padding:0 10% 0 10%;
line-height:50px;
margin-top:-5px;
margin-bottom:0;
}
.imagegap{
height:8px;
}
.imagegap2{
height:4px;
}
#desc5{
background:url(images/rocky-mountain-golf.jpg) no-repeat center bottom; 
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
#desc1{
background:url(images/hunting-scope.jpg) no-repeat center bottom; 
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
#desc2{
background:url(images/fishing-scene.jpg) no-repeat center bottom; 
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
#desc3{
background:url(images/lodging-front.jpg) no-repeat center bottom; 
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
#desc4{
background:url(images/about-dog.jpg) no-repeat center bottom; 
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
#desc5{
background:url(images/upland-bird-hunting.jpg) no-repeat center bottom; 
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
.olddescbackground{
background-image:linear-gradient(to top, rgba(255,255,255,0) 50%,rgba(255,255,255,1) 80% ,rgba(255,255,255,1));
min-height:1200px;
}
html{ 
color:#000;
background:#fff;
}
body{
background:#fff;
margin:0;
padding:0;
font-family: 'Roboto Slab', serif;
font-size:30px;
text-align:center;

}
.hometop{
background:#040404;
min-height:300px;
min-width:950px;
}
.logo{
width:243px;
margin-top:30px;
}
.logofade{
-webkit-animation: fadein 6s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 6s; /* Firefox < 16 */
-ms-animation: fadein 6s; /* Internet Explorer */
-o-animation: fadein 6s; /* Opera < 12.1 */
animation: fadein 6s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }	
}
.logotweak{
padding-bottom:20px;
}
.anifish{
width:40%;
margin-top:100px;
}
.anideer{
width:48%;
float:right;
padding-top:60px;
}
.anigap{
display:inline-block;
}
.topwhite{
width:100%;
margin-top:-150px;
}
.arrowdown{
float:inherit;
height:155px;
margin-top:-100px;
}
.hometitle{
background:#fff;
margin-top:-75px;
}
.hometitle h1{
font-family:'Cabin Sketch',cursive;
margin:0;
padding:110px 0 0 0 ;
font-size:70px;
}
.homewelcome{
padding-top:100px;
background:#fff;
}
.homebackground{
background:url(images/alberta-mountains.jpg) no-repeat bottom;
min-height:1200px; 	
}
.homewelcome p{
text-shadow:2px 2px 2px #fff, 1px 1px 3px #fff;
text-align:left;
font-size:40px;
padding:0 10% 0 10%;
line-height:60px;
}
.homenumber{
font-family:'Cabin Sketch',cursive;
background:#050505;
color:#fff;
font-size:54px;
padding:40px 0;
box-shadow:0px 0 20px rgba(0, 0, 0, 1.0);
}
.homecollage{
padding:100px 0;
max-width:90%;
}
.homenumber a:link {color:#fff; text-decoration:none;
-webkit-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-moz-transition:all 0.2s ease; 
-o-transition:all 0.2s ease; 
transition:all 0.2s ease;
}
.homenumber a:visited {color:#fff; text-decoration:none;}
.homenumber a:hover {color:#bbb; text-decoration:none;}
.homenumber a:active {color:#fff; text-decoration:none;}









.pagetopwrap{
background-color:#040404;
z-index:500;
}
.pagetop{
background:url(images/topbar2.png) no-repeat center bottom; 
background-size:100%;
}
.pages{
margin-top:-2px;	
}
.pages h1{
font-family:'Cabin Sketch',cursive;
font-weight:bold;
font-size:80px;
display:inline-block;
padding-top:0;
margin-top:70px;
}
#symbol1{
margin-bottom:-42px;
padding-right:38px;
}
#symbol2{
margin-bottom:-7px;
padding-right:38px;
}
#symbol3{
margin-bottom:-19px;
padding-right:38px;
height:105px;
}
#symbol4{
margin-bottom:-22px;
padding-right:38px;
height:120px;
}
#symbol5{
margin-bottom:-24px;
padding-right:38px;
height:100px;
}
#symbol6{
margin-bottom:-19px;
padding-right:38px;
height:115px;
}
.pagepic{
width:100%;
}
.features{
font-size:36px;
background:#ddd;
}
.features ul{
text-align:left;
display:inline-block;
border-top:20px solid #ddd;
width:100%;
margin:0;
padding:0;
color:#305430;
}
.features span{
display:block;
font-size:50px;
font-weight:bold;
margin-bottom:5px;
color:#040404;
font-family:'Cabin Sketch',cursive;
}
.features li{
display:block;
border-bottom:4px solid #fff;
padding:30px 4%;
}
.features a{
padding:20px;
}
.lastfeat{
height:20px;
}
.pricing{
color:#fff;
background:#181d15;
margin-top:-9px;
font-family:'Montserrat',sans-serif;
}
.pricing h2{
border-top:16px solid #0b190c;
font-family:'Cabin Sketch',cursive;
font-weight:bold;
font-size:100px;
color:#fff;
margin:0 0 10px 0;
padding-top:80px;
}
.pricebottom{
width:100%;
margin-bottom:-8px;
padding-top:100px;
border-bottom:1px solid #fff;
}
.pricetitle{
display:block;
padding:80px 0 30px 0;
font-size:50px;	
}
.prices{
display:block;
line-height:65px;
font-size:34px;
clear:both;
}
.prices2{	display:block;
font-size:34px;
	margin-top:-26px;
	margin-bottom:30px;



}
.hooked{
display:block;
font-family:'Permanent Marker', cursive;
font-size:75px;
margin:-1px;
padding:0;
float:none;
overflow:hidden;
width:auto;
zoom:1.0;
}
.hookfix{
padding-top:100px;
}







.contactpage{
z-index:-500;
margin-top:-294px;
color:#fff;
background:url(images/background-contact.jpg) no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover; 
}
.contactpage a:link {color:#fff; text-decoration:none;
-webkit-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-moz-transition:all 0.2s ease; 
-o-transition:all 0.2s ease; 
transition:all 0.2s ease;
}
.contactpage a:visited {color:#fff; text-decoration:none;}
.contactpage a:hover {color:#bbb; text-decoration:none;}
.contactpage a:active {color:#fff; text-decoration:none;}
.contactpage h1{
display:inline-block;
background:#040404;
font-family:'Cabin Sketch',cursive;
font-weight:bold;
font-size:80px;
padding:30px 80px;
margin-top:400px;
}
.contactlist{
padding:0 0 180px 0;
margin:0;
font-family:'Special Elite',cursive;
}
.contactlist li{
list-style:none;
font-size:50px;
margin:120px 0;
padding:40px 0 30px 0;
background:#040404;	
}





.hamburger{
position:absolute;
z-index:9999;
margin:30px 0 0 30px;
height:64px;
width:80px;
background:url(images/menu-hamburger.png);
background-size:100%;
}
.hamburger:hover{
cursor:pointer;
}
.letterspacefix{
letter-spacing:1.5;
}
.navdot{
height:24px;
width:24px;
margin-right:4px;
margin-bottom:-1px;
}
.navtitle{
font-weight:bold;
text-align:left;
color:#2b431d;
padding:20px 0 13px 20px;
font-size:46px;
}
nav{
font-size:32px;
z-index:100;
overflow-y:auto;
overflow-x:visible;
background-color:rgba(0,0,0,1);
display:inline-block;
position:fixed;
height:100vh;
width:300px;
max-width:300px;
left:-300px;
word-wrap:break-word;
-webkit-transition:-webkit-transform 0.3s;
transition:transform 0.3s;
}
.sidenav-active nav, .sidenav-active .hamburger, .sidenav-active .cover{
-webkit-transform: translateX(300px);
-ms-transform: translateX(300px);
transform: translateX(300px);
}
nav a{
display:block;
text-decoration:none;
text-align:left;
color:white;
padding:10px 0px 10px 20px;
line-height:1.5;
}
nav a:hover{
background-color:#181d15;
}
nav a:visited{
color:white;
}
nav, .hamburger, .cover{
-webkit-transition: -webkit-transform .3s;
transition: transform .3s;
}










.footer{
background:#050505;
color:#fff;
overflow:hidden;
margin-top:-2px;
border-top:0;
}
.footfix{
height:2px;
color:#fff;
}
.footertop{
width:100%;
}
.footer a:link {color:#fff; text-decoration:none;}
.footer a:visited {color:#fff; text-decoration:none;}
.footer a:hover {color:#ccc; text-decoration:none;}
.footer a:active {color:#fff; text-decoration:none;}
.whoarewe{
display:block;
font-family:'Cabin Sketch',cursive;
font-size:36px;
}
.footarrow{
width:70px;
padding-right:10px;
margin-bottom:4px;	
}
.footmen:hover{
margin-left:-5px;
}
.col a:link {color:#fff; text-decoration:none;}
.col a:visited {color:#fff; text-decoration:none;}
.col a:hover {color:#fff; text-decoration:none;}
.col a:active {color:#fff; text-decoration:none;}
.col ul{
margin:38px 0 0 60px;
padding:0;
font-size:34px;
text-align:left;
line-height:66px;
}
.col li{
display:block;
text-decoration:none;
}
/*  SECTIONS  */
.section{
clear:both;
padding:0px;
margin:0px;
}
/*  COLUMN SETUP  */
.col{
display:block;
float:left;
margin:1% 0 1% 1.6%;
}
.col:first-child {margin-left:0;}
/*  GROUPING  */
.group:before,
.group:after{
content:"";
display:table;
}
.group:after{
clear:both;
}
.group{
zoom:1; /* For IE 6/7 */
}
.span_1_of_3{
width:32.2%;
}
.span1of3{
padding:50px 0 0 26px;
text-align:left;
line-height:44px;
font-size:30px;
}
.logo2{
width:197px;
padding-top:36px;
}


.footerbottom{
border-bottom:2px solid #050505;
font-size:20px;
padding:40px 26px;
text-align:left;
margin-top:60px;
margin-bottom:-1px;
}
.kraeker{
float:right;
font-size:22px;
}



 /* MOBILE PHONES */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px), 
only screen and (min-device-width : 320px) and (max-device-width : 568px) 
only screen and (min-device-width : 375px) and (max-device-width : 667px) {
.logo{
width:420px;
margin-top:50px;
}
.homebuttons{
font-size:88px;
padding-top:50px;
padding-bottom:200px;
}
.pagetopwrap{
margin:1px;
}
.anifish{
width:45%;
margin-top:80px;
margin-right:-10px;
}
.anideer{
width:54%;
padding-top:50px;
}
.hamburger{
margin:34px 0 0 33px;
height:88px;
width:110px;
}
.navdot{
height:38px;
width:38px;
margin-right:7px;
margin-bottom:-2px;
}
nav{
font-size:50px;
letter-spacing:5px;
width:550px; 
max-width:550px; 
left:-550px; 
}
.sidenav-active nav, .sidenav-active .hamburger, .sidenav-active .cover{
-webkit-transform: translateX(550px); 
-ms-transform: translateX(550px); 
transform: translateX(550px); 
}
nav a{
padding:20px 0px 20px 40px;
}
.hometitle h1{
padding:130px 0 0 0 ;
font-size:100px;
}
.arrowdown{
height:180px;
margin-bottom:-30px;
}
.homewelcome p{
font-size:46px;
padding:0 5% 0 5%;
line-height:70px;
}
.homenumber{
font-size:65px;
padding:50px 0;
box-shadow:0px 0 30px rgba(0, 0, 0, 1.0);
}
.homecollage{
padding:122px 0;
max-width:98%;
}
.logo2{
width:450px;
padding-top:65px;
padding-bottom:80px;
}
.footer{
text-align:center;
}
.whoarewe{
text-align:center;
font-size:74px;
padding-top:100px;
padding-bottom:40px;
}
.footarrow{
width:160px;
padding-right:30px;
margin-bottom:7px;
margin-left:-40px;
}
.col ul{
display:table;
margin:0 auto;
font-size:66px;
line-height:100px;
}
.col li{
padding:23px 0;
}
.span_1_of_3{
width:100%;
}
.span1of3{
padding-top:50px;
text-align:center;
font-size:60px;
line-height:80px;
}
.spanfix{
margin-left:15.5px;
margin-bottom:-10px;
}
.spanfix li{
padding-right:69px;
}
.footerbottom{
display:block;
font-size:40px;
text-align:center;
margin-top:125px;
}
.kraeker{
display:block;
float:none;
padding-top:10px;
font-size:40px;
}
.description p{
margin-top:0;
font-size:46px;
padding:60px 4% 0 4%;
line-height:70px;
background-image:linear-gradient(to top, rgba(255,255,255,0) 10%,rgba(255,255,255,1) 70% ,rgba(255,255,255,1));
}
.features{
font-size:50px;
}
.features ul{
border-top:30px solid #ddd;
}
.features span{
font-size:74px;
margin-bottom:15px;
}
.features li{
border-bottom:6px solid #fff;
padding:52px 4%;
}
.pricetitle{
font-size:62px;	
}
.pricebottom{
padding-top:130px;
}
.prices{
line-height:86px;
font-size:50px;
}
.contactpage{
margin-top:-380px;
}
.contactpage h1{
font-size:90px;
margin-top:500px;
}
.contactlist{
padding:0 0 180px 0;
margin:0;
font-family:'Special Elite',cursive;
}
.contactlist li{
font-size:60px;
margin:150px 0;
padding:50px 0 40px 0;
}
.navtitle{
font-size:80px;
padding:34px 0 23px 31px;
color:#305b18;
}
.whoarewe a:link {color:#fff; text-decoration:none;}
.whoarewe a:visited {color:#fff; text-decoration:none;}
.whoarewe a:hover {color:#ccc; text-decoration:none;}
.whoarewe a:active {color:#fff; text-decoration:none;}
}


 /* LARGE SCREENS */
@media screen and (min-width:1375px) {
.homenumber{
font-size:70px;
padding:30px 0;
}
.homecollage{
padding:122px 0;
max-width:98%;
width:80%;
}
.homewelcome p{

font-size:46px;
padding:2% 4% 0 4%;
line-height:80px;
}
.arrowdown{
height:155px;
margin-top:-110px;
}
.description p{
font-size:46px;
padding:2% 4% 0 4%;
line-height:80px;
background-image:linear-gradient(to top, rgba(255,255,255,0) 10%,rgba(255,255,255,1) 70% ,rgba(255,255,255,1));
}
.pages h1{
font-size:120px;
padding-top:40px;
}
.logotweak{
padding-bottom:15px;
}
.hamburger{
-webkit-box-shadow:3px 3px 10px #050505;  
-khtml-box-shadow:3px 3px 10px #050505;
-moz-box-shadow:3px 3px 10px #050505;
-o-box-shadow:3px 3px 10px #050505;       
-ms-box-shadow:3px 3px 10px #050505;    
transform:box-shadow:3px 3px 10px #050505; 
}
.features span{
font-size:90px;
margin-bottom:15px;
}
.pricetitle{
font-size:72px;	
}
.pricebottom{
padding-top:140px;
}
.prices{
line-height:98px;
font-size:58px;
}
.hooked{
font-size:88px;
}
.logo2{
width:300px;
}
.whoarewe{
font-size:40px;
padding-bottom:10px;
}
.footarrow{
width:100px;
padding-right:20px;
margin-bottom:3px;
}
.col ul{
display:table;
margin:38px auto 0 auto;
font-size:40px;
line-height:80px;
}
.span1of3{
padding-top:;
font-size:34px;
line-height:50px;
}
.footerbottom{
font-size:30px;
margin-top:140px;
}
.kraeker{
font-size:30px;
}
.anifish{
width:40%;
margin-top:135px;
margin-right:-1px;
}
.anideer{
width:49%;
padding-top:0;
}
}