div.desktopnavigation a{  
    display: inline-block;
    color: white;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
    font-size: 25pt;
    list-style-type: none;
    font-family: 'Anton', sans-serif;
    
}

 div.desktopnavigation a:hover {
   
    background-color: red;
}

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

div{
	display: inline-block;

}

body {
font-family: 'Raleway', sans-serif; 
	margin: 0 auto;
	padding: 20px 20px 20px 20px
	height:100%;
	box-sizing: border-box;
	width: 100%;
	color:white;
	background-color: black;

}


h1 { font-family: 'Anton', sans-serif;
    font-size: 70px; 
    margin-top:0;
    margin-bottom: 10px;
	}

.about {
	padding-left: 16px;
}    

h2 {font-family: 'Anton', sans-serif;
    font-size: 30px;
    margin-top:0;


 }

.backtohome {
   list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    float: right;
    display: block;
    color: white;
    font-family: 'Anton', sans-serif;
    font-size: 25px;
    text-align: center;
    padding: 11px 12px;
    text-decoration: none;
}


.firstbox {
	padding-left: 40px;
	width: 300px;
    border: 25px solid green;
    padding: 25px;
    margin: 25px;
    margin-bottom: 100px;
}

.block1 {
	width: 600px;
	float: left;
}

.secondbox {
	top: 575px;
	padding-left: 40px;
	columns:2;
	width: 800px;
    border: 25px solid blue;
    padding: 25px;
    margin: 25px;
    position: absolute;
    margin-top: 100px;
}


body {background-image: url(s1.jpg);

 background-repeat: no-repeat;
 margin: 0;
 width: 100%;
 height: 100%;
display: block;
background-size: cover;
box-sizing: border-box;
padding:3rem;
overflow-y: auto;

}

@media (max-width: 800px) {

	body {
		width: 90%;

	}

}

@media (max-width: 500px)
 { 
 	div.desktopnavigation a {  font-size: 10pt;

  }
  	div.Homelogo a {font-size: 20pt;}


}