/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

* {
  font-family: "Roboto Condensed",Arial,Helvetica,sans-serif;
}

body {
  background-color: #f9f6f9 !important;
}

body > .container {
background-color: white;
}

body > .container#Home {
    margin-top: 100px;
}


.logoheader {
  width:200px;
  padding-right:30px;
}
/* separator */
.solid {
  padding-bottom: 50px;
  border-color:rgb(99,16,88);
}


.footer {
  background-color: #f5f5f5;
  width: 100%; 
  background-color: rgb(208,208,208);/*#f2f3f3*/
  border-top: 1px solid #bdc1c4
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}



.greyccolor {
  background-color:rgb(99,16,88);
  color:white;
}

.white {
  color:white;
}

a:hover {
  text-weight:bold;
}

body > .container {
  padding-top: 20px;
  padding-left: 15px;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom:5px;
}

code {
  font-size: 80%;
}

.imgfooter {
    height:70px;
}

.footer > .container ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.footer > .container li {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.footer > .container li + li:before {
    content: "";
    padding-right: 5px;

}

.footer > .container a {
    padding-right: 10px;
    font-weight: bold
}


/* author */
.author__avatar {
    display: table-cell;
    vertical-align: top;
    width: 200px;

}

.author__avatar img {
    border-radius: 50%
}


.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    background-color:rgb(99,16,88);
    color:white;
}