body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #031740;
    text-align: center i !important;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}


.linkedin{
    font-size: 3em; 
    color: #0b205f;
    
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.linkedin:hover{

    color: #2697df;
}
.container{

    text-align: center;
    vertical-align: middle;
    padding-left: 20%;
    padding-right: 20%;
    width: 60%;
    height: 200px;
}

.hr {

    width: 60%;
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #002060;
    color: #002060;
    text-align: center;
}
.hr:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}
.header-logo{
   margin-top: 50px;
   width: 30%;
   margin-left: 35%;
   margin-right: 35%;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@media only screen and (max-width: 600px) {
    .header-logo {
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
    }
    .hr {

        width: 80%;

    }
    .container{
        padding-left: 5%;
        padding-right: 5%;
        width: 90%;

    }
  }