/*
Using the nature of Cascading Style Sheets to override our default style for
this website.

The closest style to the HTML tag wins.

*/

main #index-welcome-image {
	margin-top: -0.7em;
	margin-bottom: 1em;
}


main #intro-content {
    clear: both;
}

/* media queries are a feature of CSS3 */


/* The news appears next to the welcome paragraph on large screens */
@media screen and (min-width: 1800px) {
  #news {
		float: right;
        margin-top: -26.5em; /* aligning news with the top of the photo */
		margin-right: 21.5em;
		width: 25em;
		height: 25em;
	}
}

/* The news appears underneath the welcome paragraph on small screens  */

@media screen and (max-width: 1799px){
	#news {
			float: none;
			margin-right: 1em;
			margin-top: 2em;
			margin-bottom: 1em;
			padding-left: 3em;
			padding-right: 1em;
			padding-top: 2em;
			padding-bottom: 1em;
	}
}