h2 {
    text-align: center;
    font: italic bold 50px/0px Georgia, serif;
}

p {
    color:indianred;
    text-align: center;
    font: italic bold 16px/16px Georgia, serif;
}

img {
    max-width: 100%;
    height: auto;
}

body {
    background-color: black

}

.wrapper {
    border:1px white solid;
    max-width: 1100px;
    margin: @ auto;
    
}

nav {
    text-align: center;
    padding: 10px 0;
    margin: 10px 0 0;
    
}

nav ul {
    list-style: none;
    padding: 0;
    margin: 0 10px;
    
}

nav li {
    display:inline-block;
}

nav a {
    background-color:azure
    display: block;
    padding: 20px;
    text-decoration: none;
    color:palegreen;
}

nav a:hover {
    background-color: #cc66cc;
    color:white;
    
}

#main {
    width: 100%;
}

#first {
    background-color: #cc66cc;
    padding: 5px;
}

#second {
    background-color:#cc66cc;
    padding: 5px;
}

#forth {
    background-color:#cc66cc;
    padding: 5px;
}

footer{
    background-color: #cc66cc;
    text-align:center;
    padding-top: 35px;
    color:ghostwhite;
    
}

header{
    padding:0px 0;
}

@media screen and (min-width: 800px){
    
    
}