/*



Theme Name:         FoundationPress



Theme URI:          http://foundationpress.olefredrik.com



Github Theme URI:   https://github.com/olefredrik/FoundationPress



Description:        FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb



Version:            2.6.2



Author:             Ole Fredrik Lie



Author URI:         http://olefredrik.com/







License:            MIT License



License URI:        http://www.opensource.org/licenses/mit-license.php



*/







/* ----------------------------------------------------------------------------







  Unfortunately WordPress will require a style.css file



  located in the theme's root folder for stuff to work.







  However, we will not be using vanilla CSS. We're using Sass.







  Sass is a superset of CSS that adds in amazing features



  such as variables, nested selectors and loops. It's also



  the easiest way to customize Foundation.







  All Sass files are located in the /assets/scss folder.



  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run



  'npm run watch' or 'npm run build'.







  Please read the README.md file before getting started. More info on how



  to use Sass with Foundation can be found here:



  http://foundation.zurb.com/docs/sass.html







  If you for some reason would like to write plain css instead of using Sass,



  you could just enqueue this file (style.css) to the header and add your styles in this file







---------------------------------------------------------------------------- */

.show-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .show-mobile{
    display: block;
  }
}

.page-id-4910 .hero  {
	padding: 15em 0;
}
.page-id-4910 .hero .large-12 {
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.78);
	width: 100%;
	left: 0;
	right: 0;
}
.page-id-4910 .hero .large-12 h1 {
	margin: 0;
	font-size: 35px;
}

@media screen and (max-width: 640px) {
  .page-id-4910 .hero .large-12 h1{
    font-size: 23px;
  }
  .page-id-4910 .hero .large-12 {
    position: relative;
	  background: #003a5c;
  }
}