#pos-hero{width:100%;max-height:450px;min-height:300px;-webkit-filter:sepia(0%)}.container-fluid .row.pos-hero{position:absolute;top:14em;width:100%;text-align:center;color:#fff;font-weight:700}.come-in{transform:translateY(250px);animation:come-in 2s ease forwards;opacity:1!important}.text-in{transform:translateY(-120px) translateX(200px);animation:text-in 2s ease forwards;opacity:1!important}.bounce-back{top:20px!important;animation:rotateInDownLeft 1s forwards}.animText{min-height:200px;background-color:rgba(255,255,255,0.9);position:absolute;float:left;left:55%;margin-top:8%;padding:25px;opacity:0;color:#0c2d1e;font-size:16px;z-index:7;transition:opacity .8s ease-in}.animTitle{background-color:rgba(255,255,255,0.4);position:absolute;float:left;left:5%;padding:20px;opacity:0;color:#365228;font-size:38px;z-index:10;transition:top .8s ease-in}@keyframes come-in{to{transform:translateY(20%)}}@keyframes text-in{to{transform:translateX(10%)}}@keyframes down{to{transform:translateY(85px)}}@keyframes bounce-back{0%{transform:translateY(-100%);opacity:0}5%{transform:translateY(-100%);opacity:0}15%{transform:translateY(0);padding-bottom:5px}30%{transform:translateY(-50%)}40%{transform:translateY(0%);padding-bottom:6px}50%{transform:translateY(-30%)}70%{transform:translateY(0%);padding-bottom:7px}80%{transform:translateY(-15%)}90%{transform:translateY(0%);padding-bottom:8px}95%{transform:translateY(-7%)}97%{transform:translateY(0%);padding-bottom:9px}99%{transform:translateY(-3%)}100%{transform:translateY(0);padding-bottom:9px;opacity:1}}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.container.intro .row{padding-top:20px;padding-bottom:20px;line-height:28px;font-size:16px;text-align:center;vertical-align:center;margin-bottom:50px}.container.intro .row p{text-align:center;text-align:justify;padding:30px 7.5%}.container.intro .row hr{border-top:solid medium #ab2329;width:75%}.row.poeme{display:block;width:100%;height:500px;margin-top:40px;margin-bottom:80px;background-image:url(../images/sentier-min.jpg);background-repeat:no-repeat;background-position:center}.row.poemeDeux{display:block;width:100%;height:500px;margin-top:40px;background-image:url(../images/pleinelune-min.jpg);background-repeat:no-repeat;background-position:center}.row.poemeTrois{display:block;width:100%;height:160px}.row.poemeTrois .animTitle{top:-161%;position:relative;left:58.55%;margin-top:200px;background-color:rgba(255,255,255,0.8)}.animLast{width:40%;margin:auto;font-size:38px;text-align:center;position:relative;top:-35px;opacity:0;transform:top 2s ease-out}.row.poemeDeux .animText{border:none}.row.poemeDeux .animTitle{color:#0e304e}.title-position{font-size:48px;color:#fff;text-shadow: 2px 1px 1px rgb(97, 107, 73),0 0 1px rgba(0,0,0,0.8),0 0 3px rgba(0,0,0,0.6);}@media (max-width: 768px){.animText{width:90%;font-size:12px;left:5%;margin-top:21%}.animTitle{font-size:24px;background-color:rgba(255,255,255,0.9)}.title-position{font-size:30px;width:85%;margin:auto}.animLast{width:70%;font-size:24px}.title-position{width:80%;margin:auto;text-align:center;font-size:24px}.row.poemeTrois .animTitle{top:-180%;position:relative;left:22%}}