@charset "utf-8";

html, body {
	margin:0;
	padding:0;
	background-color:#fff;
	font-size:1.1em;
	font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
	font-weight:300;
	line-height:1.4em;
	color:#222;	
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

p {
margin:10px 0;
}

h1 {
font-size:1.4em;
	font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
	font-weight:700;
	color:#333;
	margin:20px 0;
}
	
strong {
font-weight: 700;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin:10px 0;
}

/************************************************
*	Hyperlinks									*
************************************************/

a:link {
	color: #da0e2f;
	text-decoration: none;
	outline: 0;
}
a:visited {
	color: #da0e2f;
	text-decoration: none;
	outline: 0;
}
a:hover {
	color: #da0e2f;
	text-decoration: underline;
	outline: 0;
}
a:active {
	color: #da0e2f;
	text-decoration: none;
	outline: 0;
}
a:focus {
	outline: 0;
}


a.blacklink:link {
	color: #666;
	text-decoration: none;
	outline: 0;
}
a.blacklink:visited {
	color: #666;
	text-decoration: none;
	outline: 0;
}
a.blacklink:hover {
	color: #666;
	text-decoration: underline;
	outline: 0;
}
a.blacklink:active {
	color: #666;
	text-decoration: none;
	outline: 0;
}
a.blacklink:focus {
	outline: 0;
}

/************************************************
*	content									*
************************************************/
.container {
margin:0;
padding:0;
}
#rotate {
	width:250px;
	height:250px;
	margin:20px auto;

}
#wrapper {
width:80%;
margin:0 auto;
padding:20px 0;
}

/************************************************
*	media querys								*
************************************************/

    @media only screen and (min-width : 1200px) {
#wrapper {
width:50%;
margin:0 auto;
}
    }
    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
#wrapper {
width:60%;
margin:0 auto;
}
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
#wrapper {
width:70%;
margin:0 auto;
}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
#wrapper {
width:80%;
margin:0 auto;
}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
#wrapper {
width:90%;
margin:20px auto;
font-size:1.2em;
line-height:1.5em;
}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
 #wrapper {
width:90%;
margin:10px auto;
font-size:1.2em;
line-height:1.5em;
}       
    }