body,html{width:100%;height:100%;margin:0;padding:0;font-family: 'Decalotype';font-weight: 100;font-style: normal;font-size: 100%;z-index:0;}
.back-gen{background: white url('../img/fundal.jpg') top center no-repeat; background-size: auto cover;}
header{margin-top:3em; text-align: center;}
h1 {margin: 0 auto;font-weight: 800;text-transform: uppercase; text-align: center;}
header  h2 {margin: 3% auto;font-weight: 100;font-style: normal;}
.hero-text{margin: 20% auto 0% auto;}
a { color: #00A0E3; text-decoration: none; }
a:hover{text-decoration: none}
p{font-size: 1.2em}
.pad3{padding:3%;}
.despre{width:100%;}
.despre-txt{margin:-5% auto 0 auto;}
.obiective{width:100%;}
.obiective-txt {margin-top:5%;}
.cuvant{text-align: center; width:100%;}
.cuvant img{margin:0 auto;z-index: 1;position: relative;}
.quote{margin:0 auto;text-align: center}
.cuvant blockquote{ margin-bottom:1em;}
.cuvant h3, .cuvant h4 {margin:0;padding:0}
body{margin:0; }

ul{list-style: none;font-size:1.2em;padding:0;margin:0}

h1 {
  font-size: 2em;
  /* 2x body copy size = 32px */
  line-height: 1.25;
  /* 45px / 36px */
}

@media (min-width: 43.75em) {
  h1 {
    font-size: 2.5em;
    /* 2.5x body copy size = 40px */
    line-height: 1.125;
  }
}

@media (min-width: 56.25em) {
  h1 {
    font-size: 3em;
    /* 3x body copy size = 48px */
    line-height: 1.05;
    /* keep to a multiple of the 20px line height 
    and something more appropriate for display headings */
  }
}
h2 {
  font-size: 1.625em;
  /* 1.625x body copy size = 26px */
  line-height: 1.15384615;
  /* 30px / 26px */
}

@media (min-width: 43.75em) {
  h2 {
    font-size: 2em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  h2 {
    font-size: 2.25em;
    /* 2.25x body copy size = 36px */
    line-height: 1.25;
  }
}
blockquote {margin:0;padding:0;font-style: italic}

@media (min-width: 43.75em) {
  
blockquote, h3 {
    font-size: 1.5em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  
 h3 {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
  }
}

 h3 {
  font-size: 1.375em;
  /* 1.375x body copy size = 22px */
  line-height: 1.13636364;
  /* 25px / 22px */
}

@media (min-width: 43.75em) {
  
 h3 {
    font-size: 1.5em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  
 h3 {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
  }
}

h4 {
  font-size: 1.25em;
  /* 1.125x body copy size = 18px */
  line-height: 1.11111111;
}

@media (min-width: 43.75em) {
  h4 {
    line-height: 1.22222222;
    /* (22px / 18px */
  }
}
blockquote::before{content: open-quote;font-size: 10em;color:#efefef;position: absolute;top:-0.5em;left: -0.2em;z-index:-1;font-weight: 900}
blockquote::after{content: close-quote;font-size: 10em;color:#efefef;position: absolute;bottom:-0.7em;right: 0.2em;z-index:-1;font-weight: 900}
blockquote {
  font-size: 1.25em;
  /* 20px / 16px */
  line-height: 1.25;
  /* 25px / 20px */
    position: relative;
   
}

@media (min-width: 43.75em) {
  blockquote {
    font-size: 1.5em;
    /* 24px / 16px = */
    line-height: 1.45833333;
    /* 35px / 24px */
  }
}
@media (min-width: 56.25em) {
  
blockquote {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
  }
}
body {
  font-size: 100%;
}

body, h1, h2, h3, h4, h5, h6,p,blockquote {
  font-size-adjust: 0.5;
}

/* Body Content */

blockquote,p {
  font-size: 1.2em;
  /* equivalent to 16px */
  line-height: 1.25;
  /* equivalent to 20px */
}

@media (min-width: 43.75em) {
 blockquote, p {
    font-size: 1.2em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */
  }
}

.arrow {
  text-align: center;
  margin: 8% 0;
  font-size: 3em;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.clear{clear: both}
.footer{background:#235175;color:#fff;width:100%;}
.button{line-height:5em; -webkit-transition:  0.5s ease-out;-moz-transition:  0.5s ease-out;-o-transition:  0.5s ease-out;transition:  0.5s ease-out;padding:0.5em 2em;margin:1em;border-radius:2em;cursor: pointer;font-size: 1.3em}
.btnw{color:#fff;border: 0.1em solid #fff;cursor: pointer}
.btnb{color:#000;border: 0.1em solid #000;cursor: pointer}
.social{font-size:1.3em;}
.social:hover{background:#3b5998;}
.email{font-size:1.3em;}
.btnw:hover{background:#fff;color:#00A0E3;}
.btnb:hover{background:#00A0E3;color:#fff;border-color:#00A0E3}
.bottom{padding: 1em 0em 12em;margin:-2.1em 0 -10em; overflow: hidden; text-align: center}
.btm-txt{text-align: center;}
.schema{background:rgba(255,255,255,0.5);border:0.2em dashed #ccc;border-radius: 2em;}
.schema p{font-weight: 800;font-size:2em;color:#ccc;margin-top:35%;padding:5%;text-align: center}
.intro-10{width:100%;background:url(../img/10maricraioveni-back.jpg) no-repeat;background-size:100% auto;background-position: bottom right;text-align: center;}
.intro-10 h1{text-align: center;}
.header{background:url(../img/fundal.jpg) no-repeat;background-size: auto 100%;background-position: top center;text-align: left;}
.mari-craioveni p{font-size: 1em;}
.mari-craioveni .row .col-12{margin-bottom:10em;}
.navi{margin:1em auto;}
.navi a {font-size: 1.3em;font-weight: 600;color:#000;margin:1em;}
.navi li{display:inline-block;}
.articole h1{text-align: left;text-transform: none}
.articole img{margin:1em 0;}
.kozlodui{background:#000;color:#fff;}
.white a{color:#fff;}
.propuneri{background:#235175;color:#fff;}
counters{font-size: 3em; font-weight: 800;}