@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box;
}
html{
    background: #272729;
    font-family: 'Indie Flower', cursive;
}
.container {
    background: #333;
    overflow: auto;
    max-width: 960px;
    margin: auto;
}
.banner {
    width: 100%;
    height: 110px;
    float: left;
    position: relative;
}
.banner h1{
    color: #fff;
    text-align: center;
    font-size: 50px;
    padding: 20px;
}
.top_nav{
     background: url(../images/speaker.jpg) center;
    height: 180px;
}
.main_nav {
    width: 100%;
    height: 60px;
    clear: left;
    float: left;
    text-align: center;
}
.main_nav ul li{
    display: inline-block;
    width: 20%;
}
.main_nav ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    padding: 10px 40px;
    border-bottom: 1px solid white;
}
.main_nav ul li a:hover{
    text-decoration: underline;
    letter-spacing: 5px;
    transition: 0.5s;
}
aside {
    width: 30%;
    height: 100vh;
    background: #bfc0c0;
    clear: left;
    float: left;
    text-align: center;
}
.profile_pic{
    width: 50%;
    text-align: center;
}
main {
    width: 70%;
    background: #fff;
    float: left;
    text-align: center;
    height: 100vh;
}
.header_style_1{
    padding: 20px;
    color: #272729;
    font-size: 29px;
    text-align: center;
}
.hero_img{
    width: 65%;
    filter: grayscale(0.7);
/*    text-align: center;*/
    margin: auto;
}
main p{
    padding: 10px;
    text-align: justify;
}
.drop_cap:first-letter{
    text-transform: uppercase;
    font-size: 30px;    
}
footer {
    height: 40px;
    width: 100%;
    background: #272729;
    clear: both;
    color: #fff;
    text-align: center;
}