/* Box Model Hack */
* {
     -moz-box-sizing: border-box;
}

/* Clear fix hack */
.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}

.clear {
	clear: both;
}

/******************************************
/* BASE STYLES
/*******************************************/




/******************************************
/* LAYOUT
/*******************************************/
header{
     height: 100px;
     border: 1px solid black;
}
section{
     height: 600px;
     border: 1px solid black;
     flex: 1;
}
main, .bottom{
     display: flex;
}


/******************************************
/* ADDITIONAL STYLES
/*******************************************/

h1{
    text-align: center;
    color: red;
}
body{
    background-color:black;
}

img{
    height: 550px
}
div{
    text-align: center;
}