@media only screen and (max-width: 767px) {

body > header, body > header.simple { background: none; background-color: #0b2836; position:fixed; border-bottom: 2px solid #e57e2b; padding: 15px; top: 0; }
body > header .logo img, body > header.simple .logo img { height: 30px; }
body > header nav ul, body > header.simple nav ul { background: url("../images/mobile/icon-nav.png") no-repeat top right; background-size: 28px 22px; height: 22px; width: 28px; position: fixed; padding:0; top: 15px; right: 20px;display: block;z-index: 10; cursor:pointer; margin-top: 0px; }
body > header nav ul li { display: none; background: grey; padding: 10px 0; border-bottom: 1px solid #a3a19f; margin-right: -20px; }
body > header nav.opened ul { max-height: 700px; width: 100%; padding-top: 45px; border-bottom: 1px solid #19b5ff; }
body > header nav.opened ul li { display: block; padding: 15px; text-align: center; }
body > header nav.opened ul li a {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	}

body { margin-top: 30px; }

section.welcome { background: url("../images/background/splash-bottom.png") bottom right/contain no-repeat, url("../images/background/welcome/splash-girl.jpg") top left -350px/cover no-repeat;  text-align: center; min-height: 550px; }
section.welcome h1 { text-align: center; }
section.welcome .arrow { padding: 240px 10px 120px 10px; }
section.welcome input[type="button"] { margin-left: 0; }

section.welcome-benefits h2 { font-size: 1.5em; padding: 5px; }
section.welcome-benefits li { width: 90%; margin: 0 auto; }
section.welcome-benefits img { width: 90%; float: none; margin: 0 auto; }
section.welcome-benefits p.left-quote { display: block; padding: 0; text-align: center; max-width: 97%; width: 97%; }
section.welcome-benefits p.right-quote { display: block; padding: 0; text-align: center; max-width: 97%; width: 97%; }
section.welcome-benefits p.left-quote { margin-right: 0; }
section.welcome-benefits p.right-quote { margin-left: 0; }

section.welcome-stats li { width: 95%; }
/*
section.welcome-stats li { font-size: 1.5em; width: 22%; }
*/

section.welcome-our-solution { text-align: center; }
section.welcome-our-solution h2 { font-size: 1.5em; padding: 10px 0 0 0; }
section.welcome-our-solution img { display: none; }
section.welcome-our-solution ul { width: auto; }
section.welcome-our-solution h3 { font-size: 1.2em; text-align: left; width: auto; margin: 10px auto;  }
section.welcome-our-solution li p { text-align: left; }
section.welcome-our-solution ul { margin: 0 20px; }
section.welcome-our-solution input[type="button"] { margin: 0 auto; }

section.our-story { background: url("../images/background/splash-bottom.png") bottom right/contain no-repeat, url("../images/background/our-story/alex.jpg") top left -275px/cover no-repeat;  text-align: center; min-height: 550px; }
section.our-story div.video-container { display: none; }
section.our-story .arrow { background-position: 0px 150px; }
section.our-story h1 { float: left; font-size: 1.8em; width: 100%; padding: 0; }
section.our-story-history .what-if { max-width: 150px; margin: 10px; padding: 20px 0 20px 30px; }

section.our-story-team ul.investor { padding: 0; }
section.our-story-team li, section.our-story-team ul.investor li { width: 100%; }
section.our-story-team ul.investor li img { height: 120px; width: 240px; }

section.login { margin: 40px 0; }

section.features { background: url("../images/background/splash-bottom.png") bottom right/contain no-repeat, url("../images/background/features/splash-hands.jpg") top left -350px/cover no-repeat;  text-align: center; min-height: 550px; }
section.features .arrow { background-position: 0px 150px; }
section.features h1 { float: left; font-size: 1.8em; width: 100%; padding: 0; }
section.features-details div { margin-bottom: 30px; }
section.features-details div figure { width: 80%; display: block; }
section.features-details div.right figure { float: left; }

section.news-details.press-release h1 { font-size: 1.5em; }
section.news-details article { margin: 15px; }
section.news-details article:hover { background-color: #fff; }
section.news-details article summary { width: 80%; padding: 0 15px; }
section.news-details article label { display: none; }
section.news-details article summary label { width: 100%; display: block; padding: 10px 0; float: left; }


footer { padding-top: 60px; margin-top: 40px; }

}