/* Basic CSS resets -- leveling slight inconsistencies in browsers */
html, body {
	margin:0px;
	padding:0px;
	height:100%;
}

html {
		/* Standard text-settings below */
	font-size: 1em;
    line-height: 1.4em;
}



/* Mobile First CSS: we'll design for phone sizes first, then add media queries for larger screens later */

body {
	
	color:#215286;
}


#container {
	
	margin:1em;
	padding:0.75em;
	
	
}

#Author{
	
	background:#cf0621;
	padding:10px;
	font-family:"Libre Baskerville", serif
	}
	
#Responce{
	padding:10px;
	margin:auto;
	font-family:"DynaPuff",serif-sans;
	}

main{
	
	padding:15px;
	}

h1{
	
	
	font-size:2em;
	line-height:1em;
	}






/* ========================================
MEDIA QUERIES!
You can adjust the min-width numbers below, and add as many new media queries as you need.
======================================== */

body{
	
	background:#25adcf;
	
	}




#container{
	
	
	margin:auto;
	
	}
	
#Responce{
	
	background:#cf065a;
	}

/* Minimum width for laptops. */
@media all and (min-width: 769px) {
	
	body{
		
		background:#06cf78;
		}
		
	main{
		
		
		width:85%;
		margin:auto;
		}
	
	
	
} /* closes 769px+ */




/* Minimum width for desktop screens. */
@media all and (min-width: 1024px) {
	
	
	
	body{
		
		background:url(../img/Sun.jpg) no-repeat fixed center;
				background-size:cover;
				color:white;

		}
		
	#container{
		
		width:1200px
		
		}
	#Author{
		
		float:left;
		width:46%;
		}
		
		
	#Responce{
		
		float:right;
		width:46%;
		
		}
		
	 footer{
		 
		 clear:both;
		 
		 
		 }
	
	
} /* closes 1024px+ */