.background-light {
    color: #000000;
}
body {
    background-image: url(../images/background.jpg);;
    background-color: #e6e8e9;
    margin: 0px;

}
body>.wrap {
    -ms-flex: 1;
    flex: 1;
    background-color: #e5e7e8;
    margin: 0px;
    text-align: center;
    font-family: Baskerville, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #a4a7b3;
    padding: 10px;
}
header {
    /*border: 1px solid green;*/
    height: 566px;
    width: 800px;
}

footer {
    /*border: 1px solid yellow;*/
    height: 20px;
    width: 800px;
    text-align: center;
}

article {
    /*border: 1px solid red;*/
    width: 800px;
    height: 100%;

    /*padding: 0 20px 30px;*/

}

.publication {
    margin-bottom: 50px;
}

.layered-paper-big {
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.35), /* The top layer shadow */ 5px 5px 0 0px #fff, /* The second layer */ 5px 5px 1px 1px rgba(0,0,0,0.35), /* The second layer shadow */ 10px 10px 0 0px #fff, /* The third layer */ 10px 10px 1px 1px rgba(0,0,0,0.35), /* The third layer shadow */ 15px 15px 0 0px #fff, /* The fourth layer */ 15px 15px 1px 1px rgba(0,0,0,0.35), /* The fourth layer shadow */ 20px 20px 0 0px #fff, /* The fifth layer */ 20px 20px 1px 1px rgba(0,0,0,0.35), /* The fifth layer shadow */ 25px 25px 0 0px #fff, /* The fifth layer */ 25px 25px 1px 1px rgba(0,0,0,0.35);
    margin-left: 10px;
    margin-right: 45px;
}

.paper-img {
    width: 70%;
}

.content {
    height: 100%;
    width: 780px;
    padding: 0 20px 30px;
}

.message {
    color: #01b7ef;
}


.publications-title {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    bottom:0px;                           /* added */
    /*left:20px;                           !* added *!*/
    text-shadow: 2px 2px 2px #b6b6b6;
    /*position:absolute;                  !* added *!*/
    font-size: 22px;
    /*font-weight: 700;*/
    border-bottom: 2px solid white;
    width: 600px;

    /*background-size: cover;*/
    /*background-image: url(../images/underline.png);*/
    /*height:64px;*/
    /*width: 800px;*/
    /*!*width: 50%;*!*/
    /*background-repeat: no-repeat;*/
    /*background-size: 600px 64px;*/

}

.introduction {
     padding-left: 15px;
    /* padding-right: 15px; */
    /*position: relative;*/
    font-size: 12px;
    /* line-height: 170%; */
    /* color: #c7c1bb; */
    color: #191b1d;
    text-shadow: 2px 2px 2px #b6b6b6;
    width: 280px;
    height: 210px;
    /* text-align: justify; */
    text-justify: inter-word;
    /*border: 1px solid pink;*/
    position: absolute;
    top: 140px;
    left: 140px;
}


.neuron_notes {
    /*position: absolute;*/
    /*top: 100px;*/
    /*left: 350px;*/
    /*font-size: 12px;*/
    /*!* line-height: 170%; *!*/
    /*!* color: #c7c1bb; *!*/
    /*color: #01b7ef;*/
    /*text-shadow: 2px 2px 2px #b6b6b6;*/
    /*width: 130px;*/
    /*height: 100px;*/
    /*!* text-align: justify; *!*/
    /*text-justify: inter-word;*/
    /*border-bottom: 2px solid #01b7ef;*/
    /*background: white;*/

    position: absolute;
    top: 50px;
    left: 420px;
    font-size: 12px;
    /* line-height: 170%; */
    /* color: #c7c1bb; */
    color: #01b7ef;
    text-shadow: 2px 2px 2px #b6b6b6;
    width: 130px;
    height: 160px;
    /* text-align: justify; */
    text-justify: inter-word;
    /*border-bottom: 2px solid #01b7ef;*/
    background: white;
    padding: 0px;
}

.neuron_notes_text {
    padding-bottom: 5px;
}

.neuron_notes_arrow {

    /*border: 1px solid black;*/
    width: 130px;
    height: 120px;
    border-top: 2px solid #01b7ef;
    background-size: cover;
    background-image: url(../images/arrow.png);
    margin: auto;
    /*width: 50%;*/
    background-repeat: no-repeat;
    background-size: 130px 120px;


}
.introduction-title {
    font-size: 16px;
    margin-bottom: 10px;
}

.introduction-description {
    vertical-align: bottom;
    display: inline-block;
    /*border: 1px solid black;*/

}


article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
    /*border: 1px solid red;*/
}
.entry-header, .entry-summary, .entry-title {
    -ms-word-break: break-word;
    word-break: break-word;
    /*border: 1px solid green;*/
    /*height: 100%;*/
    height: 566px;
    width: 800px;


}
.section-background-image {
    position: relative;
    background-size: cover;
    background-image: url(../images/cover.jpg);
    /*background-image: url(../images/cover2.png);*/
    height:566px;
    width: 800px;
    margin: auto;
    /*width: 50%;*/
    background-repeat: no-repeat;
    background-size: 800px 566px;
    /*border: 1px solid purple;*/

}

.publications{
    width: 512px;

}

.publication-title {
    font-size: 18px;
    /*color: #989898;*/
    /*position: absolute;*/
    /*bottom: 6px;*/
    /*left: 151px;*/
    line-height: 15px
}

.publication-venue {
    font-size: 11px;
    /*color: #989898;*/
    /*position: absolute;*/
    /*bottom: 6px;*/
    /*left: 151px;*/
    line-height: 15px
}

.publication-authors {
    font-size: 12px;
    /*color: #989898;*/
    /*position: absolute;*/
    /*bottom: 46px;*/
    /*left: 151px;*/
    line-height: 15px
}

.publication-date {
    font-size: 11px;
    /*color: #989898;*/
    /*position: absolute;*/
    /*bottom: 46px;*/
    /*left: 151px;*/
    line-height: 15px
}

/* Text between <hr> tag */

hr.style-four {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-four:after {
    content: "Projects and Publications";
    display: inline-block;
    position: relative;
    /*top: -0.7em;*/
    /*font-size: 1.5em;*/
    padding: 0 0.25em;
    background: white;
}

/*h4 {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*}*/

/*h4:before,*/
/*h4:after {*/
/*    content: "";*/
/*    flex: 1 1;*/
/*    border-bottom: 2px solid rgba(0,0,0,0.25);*/
/*    margin: auto;*/
/*}*/

h4 {
    overflow: hidden;
    text-align: left;
    /*color: #02b3e4;*/
    /*color: rgba(0,0,0,0.58);*/
    font-size: 22px;
    border-bottom: 2px solid rgba(255,255,255,1.0);


}
h4:before,
h4:after {
    /*background-color: rgba(0,0,0,0.20);*/
    /*background-color: #01b7ef;*/
    /*background-color: #04f61a;*/
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    /*width: 60%;*/
    /*padding: 0 0px 30px;*/
}
h4:before {
    /*right: 0.5em;*/
    /*margin-left: -70%;*/
}
h4:after {
    /*left: 0.5em;*/
    /*margin-right: -20%;*/
}

a{
    color: #01b7ef;
}

.error-404-non-branded {
    display: -webkit-flex;
    display: -ms-flexbox;
    /*display: flex;*/
    /*-webkit-justify-content: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/
    margin-left: 50px;
}

.error-404-non-branded>.error-contents {
    /*margin: 84px auto 0;*/
}

.error-404-non-branded>.error-contents>.not-found {
    margin-top: 62px;
    color: #3eb8ea;
    font-size: 66px;
    font-family: HelveticaNeueW01-45Ligh;
    letter-spacing: 1px;
    line-height: 90px;
}

svg:not(:root), symbol, image, marker, pattern, foreignObject {
    overflow-x: hidden;
    overflow-y: hidden;
}

.error-404-non-branded>.error-contents>.description {
    margin-top: 19px;
    /*font-family: HelveticaNeueW01-45Ligh;*/
    /*letter-spacing: 1px;*/
    /*font-size: 20px;*/
    /*line-height: 39px;*/
    color: #184a56;
    font: normal normal normal 17px/1.4em avenir-lt-w01_35-light1475496,sans-serif;
    /*font: normal normal normal 17px/1.4em avenir-lt-w01_35-light1475496,sans-serif;*/
}

.error-404-non-branded>.error-contents>.image-404 .error-code {
    fill: #fff;
    font-family: HelveticaNeueW01-45Ligh;
    font-size: 80px;
}
.error-code {
     margin-top: 30px;
     font-size: 22px;
     color: #929292;
     line-height: 35px;
}

.error-404-non-branded > .error-contents > .image-404 .cls-1 {
    fill: #3ba6cc;
}
.error-404-non-branded > .error-contents > .image-404 .cls-2 {
    fill: #3eb8eb;
}
.error-404-non-branded > .error-contents > .image-404 .cls-3 {
    fill: #c3d4d8;
}
.error-404-non-branded > .error-contents > .image-404 .cls-4 {
    fill: #e1ebef;
}
.error-404-non-branded > .error-contents > .image-404 .cls-5 {
    fill: #37b7ea;
}
.error-404-non-branded > .error-contents > .image-404 .cls-6 {
    fill: #a2b7bc;
}
.error-404-non-branded > .error-contents > .image-404 .cls-7 {
    fill: #a9a9a9;
}
.error-404-non-branded > .error-contents > .image-404 .cls-8 {
    fill: #9c9b9b;
}
.error-404-non-branded > .error-contents > .image-404 .cls-9 {
    fill: #f197be;
}
.error-404-non-branded > .error-contents > .image-404 .cls-10 {
    fill: #565656;
}
.error-404-non-branded > .error-contents > .image-404 .cls-11 {
    fill: #fff;
}
.error-404-non-branded > .error-contents > .image-404 .cls-12 {
    fill: #e9eff2;
}
.error-404-non-branded > .error-contents > .image-404 .error-code {
    fill: #fff;
    font-family: HelveticaNeueW01-45Ligh;
    font-size: 80px;
}
.error-404-non-branded > .error-contents > .not-found {
    margin-top: 62px;
    color: #3eb8ea;
    font-size: 66px;
    font-family: HelveticaNeueW01-45Ligh;
    letter-spacing: 1px;
    line-height: 90px;
}

.error-404-non-branded>.error-contents>.button:hover {
    background-color: #3eb8ea;
    color: #fff;
}

.error-404-non-branded>.error-contents>.button {
    margin-top: 37px;
    outline: 0;
    height: 56px;
    letter-spacing: .8px;
    line-height: 50px;
    font-size: 22px;
    text-align: center;
    border-radius: 28px;
    font-family: HelveticaNeueW01-45Ligh;
    cursor: pointer;
    border: 2px solid #3eb8ea;
    background-color: #fff;
    color: #3eb8ea;
    box-sizing: border-box;
    transition-property: color,background-color;
    transition-duration: .2s;
    padding: 0 20px;
}