html {
    background-color: #47565f;
}

body {  text-align: center; 
        width: auto;
        margin: 0 auto;
        padding: 2em 0em 10em 0em;
        font: 2em Helvetica, sans-serif; 
        background-color: #47565f;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50em;
}
  
h1 {    font-size: 1em;
        text-align: center;
}

h2 {
    font-size: 0,5em;
    font-variant:
}
    
p {  
    display: block; 
    text-align: center; 
    width: 20em; 
    margin: auto;
    font-size: 1em;
}
  
a { 
    color: #ffffff; 
    text-decoration: none; 
}
  
a:hover { 
    color: ##ffffff; 
    text-decoration: none; 
}
    
#logo {
        width: 10em;
        margin: auto;
        align-content: center;
    
    }

footer {
    text-align: center;
    margin: 0 auto;
    font-size: 0.5;
    margin-top: 5em;
}

h3 {
    font-size: 0.8em;
}

ul {
    list-style-type: none;
    text-align: center;
    padding-left: 0em;
    font-size: 0.5em;
}


@media only screen and (max-width:599px) {
	
body {
		width: 0 auto;
        background-size: 40em;
	}
    
h1 { 
        font-size: 2em;
    }
    
body { 
    font: 1em Helvetica, sans-serif; 
    color: #ffffff; 
    }
  
p { 
    display: block; 
    text-align: center; 
    width: 15em;
    font-size: 0.9em;
    }
  
a { 
    color: #ffffff; 
    text-decoration: none; 
    }
  
a:hover { 
    color: #ffffff; 
    text-decoration: none; 
    }
    
#logo {
        width: 10em;
        align-content: center;
        margin: auto;
        text-align: center;
        
    }

    
}

@media only screen and (min-width:600px){
	body { 
        width: 0 auto;
        background-size: 40em;
	}
    h1 { 
        font-size: 2em;
        text-align: center;
    }
  
  
p { 
    display: block; 
    text-align: center; 
    width: 15em; 
    margin: 0 auto; 
    font-size: 0.8em;
    }
  
a { 
    color: #ffffff; 
    text-decoration: none; 
    }
  
a:hover { 
    color: #ffffff; 
    text-decoration: none; 
    }
    
#logo {
        width: 10em;
    }
}

@media only screen and (min-width:1024px){
   
	body { 
        width: 0 auto;
        background-size; 40em;
	}
    h1 { 
        font-size: 3em;
        text-align: center;
    }
  
  
p { 
    display: block; 
    text-align: center; 
    width: 30em; 
    margin: 0 auto; 
    font: 1em;
    }
  
a { 
    color: #ffffff; 
    text-decoration: none; 
    }
  
a:hover { 
    color: #ffffff; 
    text-decoration: none; 
    }
    
#logo {
        width: 15em;
    }
    
}