@charset "UTF-8";
/* CSS Document */

/*Formatting for divs */
.wrapper{
	width: 1400px;
	height: auto;
	margin: 0 auto;
}
.header{
	width: 100%;
	height: 80px;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+19,a90329+19,a90329+39,8f0222+59,6d0019+100 */

background: #a90329; /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  #a90329 19%, #a90329 19%, #a90329 39%, #8f0222 59%, #6d0019 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  #a90329 19%,#a90329 19%,#a90329 39%,#8f0222 59%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  #a90329 19%,#a90329 19%,#a90329 39%,#8f0222 59%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
.menu{
	width: 100%;
	height: 40px;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,1c1c1c+6,595959+18,2b2b2b+24,2b2b2b+24,1c1c1c+31,1c1c1c+31,1c1c1c+39,474747+45,2c2c2c+50,4c4c4c+56,111111+64,4c4c4c+69,4c4c4c+69,000000+80,000000+80,666666+81,4c4c4c+87 */

background: #4c4c4c; /* Old browsers */

background: -moz-linear-gradient(left,  #4c4c4c 0%, #1c1c1c 6%, #595959 18%, #2b2b2b 24%, #2b2b2b 24%, #1c1c1c 31%, #1c1c1c 31%, #1c1c1c 39%, #474747 45%, #2c2c2c 50%, #4c4c4c 56%, #111111 64%, #4c4c4c 69%, #4c4c4c 69%, #000000 80%, #000000 80%, #666666 81%, #4c4c4c 87%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #4c4c4c 0%,#1c1c1c 6%,#595959 18%,#2b2b2b 24%,#2b2b2b 24%,#1c1c1c 31%,#1c1c1c 31%,#1c1c1c 39%,#474747 45%,#2c2c2c 50%,#4c4c4c 56%,#111111 64%,#4c4c4c 69%,#4c4c4c 69%,#000000 80%,#000000 80%,#666666 81%,#4c4c4c 87%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #4c4c4c 0%,#1c1c1c 6%,#595959 18%,#2b2b2b 24%,#2b2b2b 24%,#1c1c1c 31%,#1c1c1c 31%,#1c1c1c 39%,#474747 45%,#2c2c2c 50%,#4c4c4c 56%,#111111 64%,#4c4c4c 69%,#4c4c4c 69%,#000000 80%,#000000 80%,#666666 81%,#4c4c4c 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4c4c4c',GradientType=1 ); /* IE6-9 */





}
.image{
	width: 100%;
	height: 550px;
	text-align: center;
	margin-bottom: 5px;
}
.text{
	width: 100%;
	height: auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100;Grey+Black+3D */

background: #b5bdc8; /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



	margin-bottom: 5px;
	border-width: thin;
	border-color: firebrick;
	border-style: dashed;
	border-radius: 20px;
}
.footer{
	width:100%;
	height: 40px;
	background-color: lightslategrey;
	text-align: center;
}
.slants{
	width: 300px;
	height: 80px;
	background-color: yellow;

/*the code below is what slants my div*/
    transform:rotate(5deg);
	transition: width 2s;
}
.slants:hover{width: 500px;}

/*Formatting for text */
p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14px;
}
h1{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 60px;
	color: black;
}
h2{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 40px;
	color: red; 
}
h3{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 20px;
	color: red;
}