/* CSS Document */

.main-container {
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    height: 100%;
    align-items: center;
    flex-direction: column;
    margin-top: 2%;
}

.author {
    color: #000000;
    font-weight: bold;
}

.head {
    margin-right: 73%;
    color: #000000;
    font-size: 110%;
}

.sub {
    font-size: 130%;
    color: #782F40;
    margin-bottom: 3%;
}

.publication-container {
    margin-top: 0%;
    height: auto;
    width: 80%;
    padding: 0%;
    font-size: 90%;
}

.auth h2 {
    font-weight: bold;
}

.heading h2 {
    height: auto;
    padding: 0%;
}

.authors h2 {
    height: auto;
    color: #737373;
    font-weight: 100;
    padding: 0%;
}

.summary h2 {
    height: auto;
    color: #782F40;
    font-weight: normal;
    font-style: italic;
    padding: 0%;
}

.icons {
    height: 30px;
    margin-bottom: 2.5%;
    padding: 0%;
}

.icon_1 {
    height: auto;
    width: 20px;
    float: left;
    padding: 0%;
}

.icon_2 {
    height: auto;
    width: 20px;
    float: left;
    margin-left: 4%;
    padding: 0%;
}

.logo {
    height: 30px;
}

@media (max-width: 1435px) {
    .main-container {
        margin-top: 5%;
    }

    .head {
        margin-right: 65%;
    }
}

@media (max-width: 850px) {
    .main-container {
        margin-top: 2%;
        font-size: 90%;
    }

    .head {
        margin-top: 2%;
        margin-right: 60%;
        font-size: 90%;
    }

    .publication-container {
        font-size: 80%;
    }

    .icons {
        margin-bottom: 4%;
    }

    .icon_2 {
        margin-left: 9%;
    }
}

@media (max-width: 450px) {
    .head {
        margin-right: 45%;
    }
}