/* 
	Lesson 7 CSS
	************
	Thomas Narro
	thomasnarro.com
	November 2014
*/

/* Simple CSS Reset */
* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 18px;
	text-align: center; /* can be "left", "center", "right", or "justify" */

}

body {
	background: #2C2C56; /* i added this for fun... was #FFFFFF pre-March2019*/
	padding: 40px;
	font-family: 'Helvetica Nueu', Verdana, san-serif;
	color: #353535;
	margin: 0 25px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: capitalize; /* can use uppercase lowercase capitalize none */
	font-weight: bold;

}

h1 {
	font-size: 3em; /* 3x the base font size which is 16px */
}

h2 {
	font-size: 1.5em; 
}

h3 {
	font-size: 1.5em; 
	letter-spacing: -1px; /* Can be "normal" or a value */	
	text-align: center; /* can be "left", "center", "right", or "justify" */
}

h4 {
	font-size: 1.1em; 
	letter-spacing: 1px; /* Can be "normal" or a value */	
	text-align: center; /* can be "left", "center", "right", or "justify" */
}

blockquote {
	margin: 0 0 0 30px;
	font-style: italic; /* can be "normal" or "italic" */
	text-indent: 80px; /* indents the first line of paragraph, can be a length or 
	% */
	line-height: 1.3; /* here it is a multiple of the font-size, but it can be px or em, too */
}

span-1 {
	text-decoration: none; /* can use underline, overline, line-through, none */
	font-size: 1.2em; 
	
}

span {
	color: #F05A28;
	text-decoration: none; /* can use underline, overline, line-through, none */
	font-size: 1.2em; 
}

em {
	text-transform: capitalize; /* can use uppercase lowercase capitalize none */
}

strong {
	text-transform: uppercase;
	font-weight: bold;
}

a {
	color: #3ca;
	text-decoration: none;
}

code {
	display: block;
	color: #e96c28;
	background: white;
	padding: 5px;
}
/* Borders */

.border-box {
	background: #eee;
	margin: 0 0 20px;
	padding: 20px;
/*	width: 300px; */
}

/* img added for change made May 31 2022 */
img {
  width: 100%;
  height: auto;
}

/* Background Images */

.background-example {
    width: 100%;
	height: auto;
/*  height: 200px; */
/*	width: 1000px; */
	/* border: solid 1px white; */
}


#background-1 {
	background: url("../images/troubleu_Landing-Logo.png") center no-repeat;
	background-repeat: no-repeat;
	background-position: center center;
}