body{
	margin:0;
	padding:0;
	color: #74665d;
	font-size: 16px;
	font-family:'Open Sans';	
}

.container { width: 94%; max-width: 1170px; margin: auto; }
.inner-wrapper { width: 100%; display: inline-block; }
.clr { clear: both; height: 1px; }

h1, h2, h3, h4 { color: #8e7873; font-weight: 400; letter-spacing: -0.04em; }
h2 { font-size: 38px; position: relative; padding-bottom: 24px; margin-bottom: 0px; display: inline-block; margin-top:60px }
h2:after { content:''; position:absolute; left:0; bottom:0; width:100%; height: 27px; background:url(images/heading-line.png) no-repeat; }
h3, h4 { font-size: 32px; text-align: center; margin-top: 0; color: #622024; margin-bottom:5px; }



#banner img { width: 100%; height: 100%; }

#top-bar { width: 100%; height: 3px; background: #8e3139; }
#logo { margin: 10px 0; float: left; }
#moto { float: right; font-size: 40px; font-weight: 300; color: #96121d; font-style:italic; margin-top: 60px; }

#quote { text-align:center; margin: 70px 0 80px; font-size: 22px; font-weight:600; font-style: italic; }

#psyfodeltio { background: #f0e9e9; padding: 40px 0 60px; }
#psyfodeltio ul { list-style: none; padding: 0; margin: 45px 0 0; }
#psyfodeltio ul { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-gap: 40px; -webkit-column-gap: 40px; -moz-column-gap: 40px; }
#psyfodeltio ul li { padding: 3px 0}
#psyfodeltio ul li:first-child { padding-bottom: 15px; }
.subheading { text-align: center; font-weight: 600; letter-spacing: 1px; }


#biography .container { background: #f2f1f1; padding: 0 40px 60px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

#programma, #petroupoli { margin-top: 60px; }
#programma { margin-bottom: 60px; }
#programm-list { display: flex; flex-wrap: wrap; margin-top: 45px; }
.prog-clmn {   }
.prog { justify-content: flex-start; display: flex; flex-direction: column; width: 50%; margin-bottom: 40px; padding: 0 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  }
.icon, .prog-desc {justify-content: flex-start; display: flex; flex-direction: column; }
.icon .fas { margin-right: 20px; font-size: 50px; margin-bottom: 20px; color: #5a5959 }
.prog-desc { font-size: 15px; text-align: justify; }

#profile-image { float: left; margin: 0 30px 20px 0;}



footer { background:url(images/lines.png) no-repeat; background-size: 100%; background-position: center bottom; text-align:center; padding: 100px 0 150px; }
footer a { color: #8e7873; }
#social { width: 34px; height: 34px; margin: 20px auto 0; border: solid 1px #594636; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
#social img { position: relative; top: 3px; }
#social:hover, #social:focus { background: #e4d9cf; }

.owl-carousel .owl-item img { height: auto; }
.owl-carousel { margin-top: 40px; }
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

	.prof-carousel .owl-stage { transition: 1s !important; }
	.loop-carousel.owl-carousel .owl-dots.disabled, .loop-carousel.owl-carousel .owl-nav.disabled { display: block !important; }
	
.owl-dot span { width: 16px; height: 16px; background: #b9adaa; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin:0 6px; display: inline-block; }
.owl-dot.active span { background: #872528; }
.owl-dots { text-align: center; margin-top: 40px; }
.owl-stage { transition: 1s !important; }



@media(min-width: 1400px){
	footer { padding-bottom: 240px }	
}

@media(min-width: 2100px){
	footer { padding-bottom: 330px }
}

@media(max-width: 990px){
	#moto { font-size: 31px; }
}

@media(max-width: 768px){
	#profile-image { float: none; margin: 0 auto 30px; max-width: 100%; }
	#biography { text-align: center; }
	#biography p { text-align: left; }
	#psyfodeltio ul { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; column-gap: 0; -webkit-column-gap: 0; -moz-column-gap: 0; }
	header { text-align: center; }
	#logo, #moto { float: none; }
	#moto { margin: 10px 0; }
}

@media(max-width: 640px){
	#programm-list, .prog { display: block; width: 100%; }
	.prog { padding: 0; }
}