Css

body {
    background-image: url('Images/Background.jpg');
    margin: 0;
}


header {
    border-bottom-right-radius: 20px;
    background: #999;
    color: white;
    margin: 0;
}

header h1 {
    margin: 0;
    display: inline;
    padding-left: 60px;
    font-style: oblique;

}

test h1{
    background: #999;
    color: #19D1FF;
    margin: 0;
    padding-left: 0px;
    font-family: "Brush Script MT", cursive;
}

nav ul li{
    list-style-type: none;
    display: inline-block;
    padding: 3px 12px 3px 12px;
    margin-bottom: 4px;
    background: #19D1FF;
    color: white;
    text-decoration: none;
    font-size: 24px;
    border-radius: 10px;
    font-style: oblique;
    font-family: "Brush Script MT", cursive;
}


nav ul{
    margin: 0;
    display: inline;

}

body p, h1{
    padding-left: 15px;
}

a:hover, a:visited, a:link
{
    text-decoration: none;
    color: white;
}

footer{
    padding-left: 1%;
    position: absolute;
    bottom: 0%;
}

img{
    padding-left: 0.7%;
    padding-top: 1%;

}

.image
{
    position:relative;
    height: 312px;
    -webkit-transition: height 1.2s;
    transition: height 1.2s;



}
.image:hover {
    height: 15%;}

.text
{
    width: 225px;
    height: 312px;
    position: absolute;

}

.container
{
    display: block;
    float: left;
    margin-right: 5px;

    width: 225px;
    height: 312px;
    float: left;
    overflow: hidden;
    position: relative;


    padding-left: 0.7%;
    padding-top: 1%
}

.wrapper    {  display: inline-block; }
.text   { padding: 70px 15px 0 15px; color: #777; background: white; }
.text h1    { margin: 0 0 5px 0; color: #666; font: 20px sans-serif; }