* { margin: 0; padding: 0; outline: 0; }
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@font-face {
    font-family: 'limit_breakregular';
    src: url('fonts/limit_break.eot');
    src: url('fonts/limit_break.eot?#iefix') format('embedded-opentype'),
         url('fonts/limit_break.woff') format('woff'),
         url('fonts/limit_break.ttf') format('truetype'),
         url('fonts/limit_break.svg#limit_breakregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html,
body {
	width: 100%;
	height: 100%;
	color: #000;
	font: 1em sans-serif;
	background: #f5f5f5 url(../img/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-duration:0.7s;
	-moz-animation-duration:0.7s;
	animation-duration:0.7s;
	
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

a {
	color: #000;
	text-decoration: none;
}

header {
	width: 100%;
	font: 200 3em 'limit_breakregular', sans-serif;
	text-align: center;
	padding-top: 1%;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	
}

.tagline {
	margin-bottom: 30px;
	text-align: center;
}

.wrapper {
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 45px;
	padding-left: 0;
/*	background:#1B1B1D;*/
	width:1000px;
	
}

fieldset {
	margin: 0 10px;
	width: 492px;
	border: 0;
	border-top: 1px solid #ddd;
	float: left;
}

fieldset > legend {
	padding: 0 15px;
	color: #333;
	font-size: 16px;
	font-family: sans-serif;
}

fieldset .img {
	margin: 25px 0;
	max-width: 100%;
		width: 100%;
		height: 307px;
	-webkit-background-size: contain;
	   -moz-background-size: contain;
	     -o-background-size: contain;
			background-size: contain;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
		filter: alpha(opacity=75);
		opacity: 0.75;
	-webkit-transition: opacity 0.3s ease; 
	   -moz-transition: opacity 0.3s ease; 
		 -o-transition: opacity 0.3s ease; 
		    transition: opacity 0.3s ease;
}

fieldset .img:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		width:490px;
		height:305px;
}

footer {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px 0px 0px 0px;
	color: #999;
	font: .8em sans-serif;
	border-top: 0px solid #ddd;
	text-align: left;
	
}




.block1
{
float:left; width:450px; height:50px; padding:20px; padding-top:25px; text-align:center; background: rgba(128, 129, 132, .3); color:#FFFFFF; font-size:40px; font-family: 'Ropa Sans', sans-serif;  margin-left:0px; margin-right:10px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
border-radius:15px;
}

.block1:hover
{
float:left; width:450px; height:50px; padding:20px; padding-top:25px; text-align:center; background: rgba(223, 189, 1, .3); color:#FFFFFF; font-size:40px; font-family: 'Ropa Sans', sans-serif;  margin-left:0px; margin-right:10px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
border-radius:15px;
	
}


.block2
{
float:left; width:500px; height:50px; padding:20px; padding-top:25px; padding-left:0px; padding-right:0px; text-align:center; background: rgba(128, 129, 132, .3); color:#FFFFFF; font-size:40px; font-family: 'Ropa Sans', sans-serif;   
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
border-radius:15px;
}

.block2:hover
{
float:left; width:500px; height:50px; padding:20px; padding-top:25px; padding-left:0px; padding-right:0px; text-align:center; background: rgba(223, 189, 1, .3); color:#FFFFFF; font-size:40px; font-family: 'Ropa Sans', sans-serif;   
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
border-radius:15px;
	
}