body {
	display: flex;
   min-height: 100vh;
   flex-direction: column;
}
.main {
	flex: 1 0 auto;
}

/*nav*/

.navbar-fixed {
  position: relative;
  z-index: 998;
}

.navbar-fixed nav {
  position: fixed;
}

nav .nav-wrapper {
  position: relative;
  height: 100px;
  margin: 0 20px;
  background-color: #a8c643;

}

nav .brand-logo {
  position: absolute;
  font-size: 2.1rem;
  padding: 0 0 0 2%;
}

nav .brand-logo {
  
}

@media only screen and (min-width: 0) {
  nav .brand-logo { width: 60%; padding-top: 10px; }
  .brand-logo img { width: 100%; height: auto; }
}

@media only screen and (min-width: 799px) {
  nav .brand-logo { width: 40%; padding-top: 10px; }
  .brand-logo img { width: 100%; height: auto; }
}

@media only screen and (min-width: 992px) {
  nav .brand-logo { width: 30%; padding-top: 5px; }
  .brand-logo img { width: 100%; height: auto; }
}

@media only screen and (min-width: 1200px) {
  nav .brand-logo { width: 30%; padding-top: 10px; }
  .brand-logo img { max-width: 300px; height: auto; }
}

nav .brand-logo.center {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media only screen and (max-width: 992px) {
  nav .brand-logo {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  nav .brand-logo.left, nav .brand-logo.right {
    padding: 0;
    -webkit-transform: none;
            transform: none;
  }
  nav .brand-logo.left {
    left: 0.5rem;
  }
  nav .brand-logo.right {
    right: 0.5rem;
    left: auto;
  }
}

nav .brand-logo.right {
  right: 0.5rem;
  padding: 0;
}

nav .brand-logo i,
nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],
nav .brand-logo i.material-icons {
  float: left;
  margin-right: 15px;
}
  .navbar-fixed {
    height: 90px;
  }
}

/*components*/

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width: 601px) {
  .container {
    width: 85%;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 70%;
  }
}

/*
.hero {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-top: -100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
*/

.hero, .hero-sub, .hero-neuro, .hero-person, .hero-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 0) {
	.hero {
		background-image: url(../images/index_hero_bg.png);
		background-color: rgba(255,255,255,0.6);
		background-blend-mode: lighten;
		margin-top: -100px;
		}
	.hero-sub {
		background-image: url(../images/psytut_hdl2_bg.png);
		background-color: rgba(255,255,255,0.6);
		background-blend-mode: lighten;
		margin-top: -90px; }
	.hero-neuro {
		background-image: url(../images/neuro_hdl2_bg.png);
		background-color: rgba(255,255,255,0.6);
		background-blend-mode: lighten;
		margin-top: -90px; }
	.hero-person {
		background-image: url(../images/about_hdl_bg.png);
		background-color: rgba(255,255,255,0.6);
		background-blend-mode: lighten;
		margin-top: -90px; }
	.hero-price {
		background-image: url(../images/price_hdl.png);
		background-color: rgba(255,255,255,0.6);
		background-blend-mode: lighten;
		margin-top: -90px; }
}

@media only screen and (min-width: 799px) {
	.hero {
		background-image: url(../images/index_hero_bg.png);
		background-color: rgba(255,255,255,0.6);
		background-blend-mode: normal;
		margin-top: -100px;
		}
	.hero-sub {
		background-image: url(../images/psytut_hdl2_bg.png);
		background-color: rgba(255,255,255,0.8);
		background-blend-mode: normal;
		margin-top: -90px; }
	.hero-neuro {
		background-image: url(../images/neuro_hdl2_bg.png);
		background-color: rgba(255,255,255,0.8);
		background-blend-mode: normal;
		margin-top: -90px; }
	.hero-person {
		background-image: url(../images/about_hdl_bg.png);
		background-color: rgba(255,255,255,0.8);
		background-blend-mode: normal;
		margin-top: -90px; }
	.hero-price {
		background-image: url(../images/price_hdl.png);
		background-color: rgba(255,255,255,0.8);
		background-blend-mode: normal;
		margin-top: -90px; }
}

@media only screen and (min-width: 992px) {
	.hero {
		background-image: url(../images/index_hero_bg.png);
		background-color: rgba(255,255,255,0.6);
		background-blend-mode: normal;
		margin-top: -100px;
		}
	.hero-sub {
		background-image: url(../images/psytut_hdl2_bg.png);
		background-color: rgba(255,255,255,0.8);
		background-blend-mode: normal;
		margin-top: -90px; }
	.hero-neuro {
		background-image: url(../images/neuro_hdl2_bg.png);
		background-color: rgba(255,255,255,0.8);
		background-blend-mode: normal;
		margin-top: -90px; }
	.hero-person {
		background-image: url(../images/about_hdl_bg.png);
		background-color: rgba(255,255,255,0.8);
		background-blend-mode: normal;
		margin-top: -90px; }
	.hero-price {
		background-image: url(../images/price_hdl.png);
		background-color: rgba(255,255,255,0.8);
		background-blend-mode: normal;
		margin-top: -90px; }
}

.hero {
	height: 60vh;
}

.hero-sub {
	height: 50vh;
}

.hero-neuro {
	height: 50vh;
}

.hero-person {
	height: 50vh;
}

.hero-price {
	height: 50vh;
}

.hero-contact {
	height: 40vh;
	margin-top: 10px;
	padding: 0 20px;
}

.hero-contact_text {
	font-size: 19px;
	font-weight: 400;
	margin-left: auto;
	margin-right: auto;
	margin-top: 130px;
}

.hero-contact_text h5 {
	margin-bottom: 8%;
}

.hero-contact_text button {
	background-color: #03A9F4 !important;
	color: #fff !important;
	font-size: 14px !important;
	border: none !important;
	padding: 10px 15px !important;
	margin-top: 15px !important;
}
	
.hero_text {
	margin-left: 8%;
	color: #070707;
	letter-spacing: 0.05em;
	font-weight: 600;
}

.hero-image {
	width: 100%;
	margin-top: 0;
	text-align: center;
}

body.personbody {
	background-image: url(../images/about_hdl_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size:contain;
}

.hero_text p {
	margin-top: 4%;
}

@media only screen and (min-width: 0) {
	.hero_text {
		width: 80%;
		margin-top: 40%;
		font-size: 2.0rem;
		line-height: 110%;
	}
	.hero_text p.sub {
		font-size: 1.5rem;
		line-height: 110%;
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 799px) {
	.hero_text {
		width:50%;
		margin-top: 5%;
		font-size: 2.8rem;
		line-height: 110%;
	}
	.hero_text p.sub {
		font-size: 1.8rem;
		line-height: 110%;
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 992px) {
	.hero_text {
		width: 60%;
		margin-top: 5%;
		font-size: 3.0rem;
		line-height: 110%;
	}
	.hero_text p.sub {
		font-size: 2.0rem;
		line-height: 110%;
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 1200px) {
	.hero_text {
		width: 60%;
		margin-top: 2%;
		font-size: 3.0rem;
		line-height: 110%;
	}
	.hero_text p.sub {
		font-size: 2.0rem;
		line-height: 110%;
		margin-bottom: 0;
	}
}

/*
.hero.is-fullheight .hero-body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hero.is-fullheight .hero-body > .container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
*/

.note {
	height: auto;
	background-color: #515151;
	border-radius: 5px;
	color: #fff;
}

@media only screen and (min-width: 0) {
	.note {
		margin: 50px 0 20px 0;
		padding: 50px 20px 40px 20px;
		background-image: none;
		background-color: #212121;
	}
}

@media only screen and (min-width: 799px) {
	.note {
		margin: 50px -80px 20px -80px;
		padding: 50px 200px 40px 20px;
	}
}

@media only screen and (min-width: 992px) {
	.note {
		margin: 50px -80px 20px -80px;
		padding: 50px 200px 40px 20px;
	}
}

@media only screen and (min-width: 1200px) {
	.note {
		margin: 50px -80px 20px -80px;
		padding: 50px 200px 40px 20px;
	}
}

.note h5.hdl {
	margin-top: 0;
}
.copyright {
	text-align: center;
	font-size: 14px;
    color: #b0bec5;
    margin-top: 5%;
    padding: 20px 0;
    border-top: 1px solid #ccc;
}

.newsetc {
/* 	margin: 5% 0 6% 0; */
	font-size: 19px;
	font-weight: 400;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
}

@media only screen and (min-width: 601px) {
  .newsetc {
    width: 90%;
  }
}

@media only screen and (min-width: 993px) {
  .newsetc {
    width: 653px;
  }
}

.newsetc h5 {
	margin: 8% 0 4% 0;
}

.newsetc h6 {
	margin: 4% 0 4% 0;
}

.newsetc ul li {
	list-style: circle !important;
	list-style-position: inside !important;
}

.person {
	margin-top: 10%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: #f4f4f4;
}

@media only screen and (min-width: 0) {
	.person { margin-left: 0; margin-right: 0; }
}

@media only screen and (min-width: 799px) {
	.person { margin-left: -10%; margin-right: -10%; }
}

@media only screen and (min-width: 992px) {
	.person { margin-left: -10%; margin-right: -10%; }
}

@media only screen and (min-width: 1200px) {
	.person { margin-left: -10%; margin-right: -10%; }
}

.foto {
	width: 40%;
}
.foto img {
	width: 100%;
	margin: 0;
	vertical-align: bottom;
}

.info {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
}

.text {
	width: 100%;
}