*{ margin: 0px; padding: 0px; }

.row .row { margin: 0; }

.column, .columns { margin: 0; padding: 0; }

html { overflow-y: scroll; }

body {
	font-family: arial, helvetica, sans-serif;
	background: url(../images/wood.jpg) no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}

.container {
	margin: 0px auto; 
	padding: 10px;

}

nav .menu2 ul li {
	display: inline-block;
	list-style-type: none;

	
}

nav .menu1 ul { 
   padding: 25px 0 0 0; 
   text-align: center; 
   /*border-bottom: 2px solid #fff;*/ }

nav .menu1 ul li {
	display: inline-block;
	list-style-type: none;
	margin: 0 0 5px 0;
}

nav .menu1 ul li a {
	text-decoration: none;
	/*color: #256D04;*/ 
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 40px 0px 40px;
	}

nav .menu1 li .dropdown {
    display: inline-block;
    
}

nav .menu1 .dropdown-content {
    display: none;
    position: absolute;
    background: rgba(40, 40, 40, .9);
    margin: 0 0 0 30px;
   /* min-width: 160px;*/
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
}

nav .menu1 .dropdown-content a {
    color: #fff;
    font-size: 1em;
    /*padding: 12px 16px;*/
    text-decoration: none;
    display: block;
    text-align: left;
    margin: 0; 
    padding: 5px 10px 5px 10px;
  }


nav .menu1 .dropdown-content a:hover {
  opacity: 1;
  background: rgba(20, 20, 20, 1);  
}

nav .menu1 .dropdown:hover .dropdown-content {
    display: block;
}


.logo3 { 
  display: block;
  margin-left: auto;
  margin-right: auto; 
  margin-bottom: 10px;
}

.logo3:hover  {opacity: .6;}

nav ul li a:hover { color: #fff; opacity: .5; }

header h1 { display: none; opacity: 0; }	

header .mytitle { 
	margin-bottom: -15px;
	display: block;
   width: 20%;
    margin-left: auto;
    margin-right: auto

     }  

.myImage { background-image: url(../images/dt_mpls.jpg);
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  padding: 50px 0 400px;}


@media screen and (max-width: 769px) {
   .myImage { 
   padding: 25px 0 300px;
   
   }
}  

@media screen and (max-width: 320px) {
   .myImage { 
   padding: 25px 0 200px;
   
   }
}  


.myImage img { display: block;
    margin-left: auto;
    margin-right: auto;
    /*margin-bottom: 400px; */
    
    }

.myImage h1 { display: none; }


@media screen and (min-width: 769px) {
	 header .mytitle { 
	 margin-top: 20px; 
	 
	 }
}

/*CSS for about page*/

@media screen and (max-width: 639px) {
   .about1 { display: none;}
   .about2 { display: block;}
}

@media screen and (min-width: 640px) {
   .about1 { display: block;}
   .about2 { display: none;}
}

.about1 { 
   background: url(../images/dt_stp.jpg) no-repeat right bottom; 
   background-size: cover; 
   /*padding: 10px 0 200px 0;*/
}

.about2 { padding: 0; } 

.abouttxt2 { 
   background: rgba(22, 22, 22, .6);
   margin-left: 10px;
    
   padding: 0 10px 0 10px;
}

.abouttxt { background: rgba(22, 22, 22, .7);  
   padding: 20px 10px 200px 20px; 
   /*margin-left: 15px;*/
 }

/*@media screen and (max-width: 920px) {
   .about1 { 
   padding: 10px 0 50px 0;
   
   }
}  
*/

/*css for parks pages*/

.parks { 
  color: #fff; 
  padding: 20px 10px 10px 20px; ;  
  background: rgba(22, 22, 22, .6); 
  margin: 0 20px 20px 20px; }

.myLinkstxt h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
 }


.parks img { margin-bottom: 30px; }

@media screen and (min-width: 740px) {
  .parks div img { float: right; }
}

@media screen and (max-width: 739px) {
  .parks div img { display: block; margin: 0 auto; }
}

/*.parks div img { display: block; margin: 0 auto; }*/

.parks h1 { font-weight: bold; font-size: 1.7em; color: #fff; }

.parks a { color: #fff; } 

.parks a { color: #fff; } 

.parks a:hover { opacity: .5; }

@media screen and (max-width: 739px) {
  .parks table { margin: 0 auto; }
}

.parks td { padding: 0 5px 8px 5px; vertical-align: top;  /*color: #7AEBCB;*/}

.parks td a { font-weight: bold; } 

.myParks { 
   
   font-size: 1em;
}

.txtRight { text-align: right; }

section .parktxt { 
  background: rgba(22, 22, 22, .8);
  padding: 10px 20px 10px 20px;
   
}

.myItal { font-style: italic; }

.parktxt img { margin-bottom: 10px; 
    display: block;
    margin-left: auto;
    margin-right: auto; 

    }

.parktxt h1 { font-weight: bold; font-size: 1.75em; color: #fff;}

.parktxt h2 { font-weight: bold; font-size: 1.4em; }

.parktxt h3 a  { font-weight: bold; font-size: .6em; color: #fff; }

.parktxt h3 a:hover { opacity: .5; } 
/*section { background-color: rgba(55, 55, 55, .5); }*/

.parktxt p a { 
    color: #fff;
    font-weight: bold; 
}

.parktxt p a:hover { opacity: .6; }

.parkMain { display: none }

@media screen and (max-width: 639px) {
 .parkMain { display: block }
}

@media screen and (min-width: 640px) {
  #crosby {
    background-image: url(../images/crosbymain.jpg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover; 
    padding: 20px 10px 20px;
    color: #fff;
  }
}

@media screen and (min-width: 640px) {
  #mears {
    background-image: url(../images/mears_parkmain.jpg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover; 
    padding: 20px 10px 20px;
    color: #fff;
  }
}

@media screen and (min-width: 640px) {
  #como {
    background-image: url(../images/como_main.jpg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover; 
    padding: 20px 10px 20px;
    color: #fff;
  }
}


@media screen and (min-width: 640px) {
  #vento {
    background-image: url(../images/vento_main.jpg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover; 
    padding: 20px 10px 20px;
    color: #fff;
  }
}

@media screen and (min-width: 640px) {
  #nicollet {
    background-image: url(../images/nicollet_main.jpg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover; 
    padding: 20px 10px 20px;
    color: #fff;
  }
}  

@media screen and (min-width: 640px) {
  #pike {
    background-image: url(../images/pike_main.jpg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover; 
    padding: 20px 10px 20px;
    color: #fff;
  }
}

@media screen and (min-width: 640px) {
  #creek {
    background-image: url(../images/parkway_main.jpg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover; 
    padding: 20px 10px 20px;
    color: #fff;
  }
}

@media screen and (min-width: 640px) {
  #falls {
    background-image: url(../images/falls_main.jpg);
    background-repeat: no-repeat;
    background-position: top center; 
    background-size: cover; 
    padding: 20px 10px 20px;
    color: #fff;
  }
}

@media screen and (min-width: 640px) {
  #lakes {
    background-image: url(../images/lakes_main.jpg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover; 
    padding: 20px 10px 20px;
    color: #fff;
  }
}

@media screen and (min-width: 640px) {
  #irvine {
    background-image: url(../images/irvine_parkmain.jpg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover; 
    padding: 20px 10px 20px;
    color: #fff;
  }
}


section .frontImg { width: 100%; }

section h2 { 
	font-weight: bold;
	font-size: 1.7em;
	color: #fff;
}

section p { 
    color: #fff; 
    font-size: 1.1em;}

/* CSS for contact page*/

.contact { background-image: url(../images/dt_mpls.jpg);
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  padding: 20px 30px 30px;
  
  /*padding: 50px 0 400px;*/}  

 .contacttxt { background: rgba(22, 22, 22, .6); padding: 10px 10px 20px 10px;}

 .contacttxt h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
 }

 .contacttxt ul {
  font-weight: bold;
  font-size: 1.2em;
  list-style-type: none;
  color: #fff;
 }

 .contacttxt ul li a { 
  color: #fff;
   
 }

 .contacttxt ul li a:hover {
  opacity: .5;
 }

 .contacttxt form { margin-bottom: 20px; }

 .contacttxt form #submit { 
  padding: 5px; 
  background: rgba(242, 242, 242, .3); 
  color: #fff;
  border-radius: 5px; } 

 .contacttxt form #submit:hover { background: rgba(242, 242, 242, .7); } 

 .contacttxt form label {
  color: #fff;
 }    

 .contacttxt form input { 
   background: rgba(242, 242, 242, .5);
   border: none;
  }

 .contacttxt form input:focus { background: rgba(242, 242, 242, .7);
  border: none; 
   }  

/* CSS for links page*/

.myLinks { background-image: url(../images/dt_mpls.jpg);
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  /*padding: 20px 30px 30px;*/
  
  /*padding: 50px 0 400px;*/}  

 .myLinkstxt { background: rgba(22, 22, 22, .6); 
    padding: 20px 10px 200px 20px; 
    
  /*margin: 0px; 
  padding-left: 12px; 
  margin-left: 10px; */
  }

/*@media screen and (min-width: 640px) {
  .myLinkstxt { 
    margin-left: 15px;
  }

}*/

 .myLinkstxt h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
 }

 .myLinkstxt ul {
  font-weight: bold;
  font-size: 1.2em;
  list-style-type: none;
  color: #fff;
 }

.myLinkstxt ul li { margin-bottom: 15px; }

 .myLinkstxt ul li a { 
  color: #fff;
   
 }

 .myLinkstxt ul li a:hover {
  opacity: .5;
 }

/*.myContent { background-color: rgba(55, 55, 55, .7); box-sizing: border-box;}
*/
footer { margin-top: 20px; padding-top: 20px; }

footer p  {
	color: #fff;
    text-align: center;
    font-size: .9em;
    margin: 15px 0 20px;
	}	
	
footer ul  { margin: 0px auto; width: 250px; }	

footer ul li { display: inline-block; list-style-type: none; }

footer ul li a { margin: 0 24px; }

footer ul li a:hover { opacity: .5; }

/*css for the mobile responsivemenu*/

.menu1 { display: none; } 

@media screen and (max-width: 769px) {
   .menu1 { display: none;}
   .menu2 { display: block;}
}

@media screen and (min-width: 769px) {
   .menu1 { display: block;}
   .menu2 { display: none;}
}

.pushy {
  position: fixed;
  font-weight: bold;
  font-size: 1.3em;
  width: 225px;
  height: 100%;
  top: 0;
  z-index: 9999;
  background-color: rgba(22, 22, 22, .8);
  overflow: auto;
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}
.pushy a {
  display: block;
  color: #fff;
  /*padding: 15px 30px;*/
  text-decoration: none;
  outline: 0;
}
.pushy a:hover {
  color: #FFF;
}
.pushy ul:first-child {
  /*margin-top: 10px;*/
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-225px, 0, 0);
  -ms-transform: translate3d(-225px, 0, 0);
  transform: translate3d(-225px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(225px, 0, 0);
  -ms-transform: translate3d(225px, 0, 0);
  transform: translate3d(225px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(225px, 0, 0);
  -ms-transform: translate3d(225px, 0, 0);
  transform: translate3d(225px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-225px, 0, 0);
  -ms-transform: translate3d(-225px, 0, 0);
  transform: translate3d(-225px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Menu Transitions */
#container,
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}



.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Submenu Appearance */
.pushy-submenu {
  /* Submenu Icon */
}
.pushy-submenu ul {
  /*padding-left: 15px;*/
  transition: max-height 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}
.pushy-submenu > a {
  position: relative;
}
.pushy-submenu > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  background: url("../img/arrow.svg") no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
}



.menu-btn {
  /*width: 100px;*/
  padding: 0 0 0 8px;
  margin-bottom: 0px;
  font-size: 2em;
  color: #FFF;
  /*text-align: center;*/
  cursor: pointer;
}
.menu-btn:hover {
  opacity: 0.6;
}

/*# sourceMappingURL=pushy.css.map */