.wrapper {
    z-index: 1;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../img/elissys_laboratory.jpg');
}

section {
    margin: 0 auto;
    max-width: 850px;
    top: 15%;
}

section.section-2,
section.section-3 {
    max-width: 950px;
}

section.section-4 {
    max-width: 1050px;
}

section article {
    width: 100%;
    padding: 20px;
    margin: auto;
}

main.full-screen > section.section-1 {
    background-color: transparent
}

section > article > ul {
    margin-bottom: 20px;
}

section > article > h2 {
    width: 700px;
    max-width: 100%;
    margin: 0 auto 20px;
    text-align: center;
}

section.section-3 > article > h2,
section.section-4 > article > h2 {
    width: 100%;
}

.slider.responsive {
    height: 100%;
    margin: 0 auto;
    transition: all .3s;
    border: 3px solid rgba(10, 200, 10, .2);
}

.slider.responsive,
ul.list-image .image {
    border: 3px solid rgba(10, 200, 10, .2);
}

.slider.responsive:hover,
ul.list-image .image:hover {
    cursor: pointer;
    border-color: rgba(10, 200, 10, .5)
}

.section-1 .twentytwenty-wrapper {
    height: 317px;
    width: 500px !important;
    margin: 0 auto;
}

section.section-1 article > .slider {
    height: 302px;
    width: 475px;
    margin: 0 auto;
}

section.section-2 article > .slider {
    height: 302px;
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
}

.instruction {
    cursor: pointer;
}

ul.list-image .image {
    height: 100px;
    width: 504px;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

ul.list-image .image.image-1 {
    background-image: url(../img/elissys_day.jpg);
}

ul.list-image .image.image-2 {
    background-image: url(../img/elissys_day_28.jpg);
}

ul.list-image .image.image-3 {
    background-image: url(../img/elissys_day_56.jpg);
}
 
ul.list-image > li > p {
    text-align: center;
}

.section-4 article > p {
    display: inline-block;
    width: calc(100% - 205px);
}

.left-image,
.text {
    display: inline-block;  
}

.left-image {
    height: 166px;
    width: 216px;
    background-image: url(../img/elissys_microscope.jpg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.images > img,
.left-image {
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.6);
}

.images > img {
    width: calc(33% - 20px);
    margin-left: 10px; 
    margin-right: 10px;
}

.text {
    width: calc(100% - 250px);
    padding: 10px;
}

.text address {
    padding: 5px;
}

.pb20 {
    padding-bottom: 20px;
}

.scroll,
.scroll i,
.scroll i:before { 
    color: rgba(113, 206, 225, .75);
    text-shadow: 0 2px 1px rgba(0,0,0,.25);
}

.scroll:hover,
.scroll:hover i:before {
    color: rgb(113, 206, 225);
}