/*

*  __                      __         
* /\ \              __    /\ \  __    
* \ \ \___      __ /\_\   \_\ \/\_\   
*  \ \  _ `\  /'__`\/\ \  /'_` \/\ \  
*   \ \ \ \ \/\  __/\ \ \/\ \L\ \ \ \ 
*    \ \_\ \_\ \____\\ \_\ \___,_\ \_\
*     \/_/\/_/\/____/ \/_/\/__,_ /\/_/
* 
* Designed, built, and released under MIT license by @mdo. Learn more at
* https://github.com/poole/hyde.
*/

body {

color: #323232;

}

/*

* Sidebar
*
* Flexible banner for housing site name, intro, and "footer" content. Starts
* out above content in mobile and later moves to the side with wider viewports.
*/

.sidebar {

background: center / cover;

.lead {
    color: #fff;
}

p.lead {
    margin-top: 20px;
}

}

.sidebar-social {

padding-top: 30px;
padding-bottom: 10px;

ul {
    margin: 0;
    padding: 0;
}

li {
    display: inline-block;
}

}

.social-button {

svg {
   height: 32px;
   width: 32px;
}

path {
    fill: #FFFFFF;
}

:hover path {
    fill: #808080;
}

}

icon-mail svg {

height: 32px;
width: 40px;

}

@media (min-height: 786px) {

.homepage {
    position: absolute;
    bottom: 3rem;
}

}