html {
	background-image: url(../images/mri.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
}
body {
	/*background-color: #7dd4fd;*/
	text-align: center;
	background: -moz-linear-gradient(top, rgba(125,212,253,1) 0%, rgba(125,212,253,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(125,212,253,1)), color-stop(100%, rgba(125,212,253,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(125,212,253,1) 0%, rgba(125,212,253,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(125,212,253,1) 0%, rgba(125,212,253,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(125,212,253,1) 0%, rgba(125,212,253,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(125,212,253,1) 0%, rgba(125,212,253,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dd4fd', endColorstr='#007dd4fd', GradientType=0 ); /* IE6-9 */
	-webkit-background-size: 100% 150px;
	-moz-background-size: 100% 150px;
	-o-background-size: 100% 150px;
	background-size: 100% 150px;
	background-repeat: no-repeat;
	padding: 0!important;
	font-family: "futura-pt", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 125%;
	line-height: 1.4em;
}
.container {
	background-color: rgba(255, 255, 255, 0.75);
	width: 75%;
}
h1 {
	background-image: url(../images/starburst.png);
	background-repeat: no-repeat;
	background-position: center 40%;
	margin: 0;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	padding-top: 5%;
}
h1 img {
	width: 62.5%;
	display: block;
	background-color: #fff;
	padding: 0 18.75%;
}
h1 + p {
 padding: 1.125% 10%;
 text-transform: uppercase;
 font-size: 90%;
 margin: 0;
 background-color: #666;
 color: #fff;
 border-top: 10px solid #fff;
}
h2 {
	text-transform: uppercase;
	margin: 5% 0 2.5% 0;
	font-weight: normal;
}
ul.content, .span4 ul {
	margin: 0 15%;
	font-size: 90%;
	display: block;
	color: #666;
}
.span4 ul {
	margin: 0 0 0 10%;
}
ul.content li, .span4 ul li {
	line-height: 1.4em;
	margin-bottom: 1%;
	/*list-style: none;*/
}
.span4 ul li {
	margin-bottom: 10%;
}
ul.content li:before, .span4 ul li:before {
  /*color:#82daff;*/ /* set color to red */
  /*content:"\2022";*/ /* /2022 is the numerical unicode for &bull; */
  /*font-size:1.5em;*/ /* set the font-size of the bullet if necessary. Make sure to use em or %*/
  /*padding-right:.25em;*/ /* give the bullet some padding from the text Make sure to use em*/
  /*position:relative;*/
  /*top:.1em;*/ /* set the vertical position of the bullet if necessary. Make sure to use em or % */
}
ul.content ul {
	margin-top: 1%;
}
h2#contact + p, h2#contact + p + p {
	color: #666;
}
p.url {
	font-size: 450%;
	margin: 5% 0;
}
p.url span {
	font-size: 50%;
}
p.url a, p.url a:link, p.url a:visited, p.url a:hover, p.url a:active {
	color: #7dd4fd;
	text-decoration: none;
}
p.prov {
	/*margin: 5% 0 1.25% 0;*/
	margin: 5% 0 7.5% 0;
}
p.tel {
	font-size: 150%;
	margin: 0 0 7.5% 0;
	display: none;
}
.row-fluid {
	width: 75%;
	margin: 1.125% auto;
	/*background-color: #fff;
	padding: 0 25%;*/
}
.row-fluid.horizontal-logos {
	/*background-color: #fff;*/
}
.v-center {
	display: table!important;
	padding: 2.5%;
	/*background-color: #fff;*/
}
.content {
	display: table-cell;
	vertical-align: middle;
}
.span4 img {
	width: 100%;
}
.span4:nth-of-type(2) img {
	width: 50%;
}
.vertical-logos {
	display: none;
}
    /* Large desktop */
    @media (min-width: 1200px) {
}
     
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) {
body {
	-webkit-background-size: 100% 125px;
	-moz-background-size: 100% 125px;
	-o-background-size: 100% 125px;
	background-size: 100% 125px;
	font-size: 112.5%;
}
.container {
	width: 87.5%;
}
h1 img {
	width: 75%;
	padding: 0 12.5%;
}
p.url {
	font-size: 350%;
	margin: 7.5% 0;
}
.row-fluid {
	/*width: 70%;
	padding: 0 15%;*/
}
}
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
body {
	-webkit-background-size: 100% 100px;
	-moz-background-size: 100% 100px;
	-o-background-size: 100% 100px;
	background-size: 100% 100px;
	font-size: 100%;
}
.container {
	width: 87.5%;
}
h1 {
	/*margin-bottom: 5%;*/
}
h1 img {
	width: 100%;
	padding: 0;
}
p.url {
	font-size: 325%;
	margin: 5% 0;
}
.span4 img {
	width: 60%;
}
.span4 ul {
	margin: 0 0 0 3.75%;
}
.span4 ul li {
	margin-bottom: 1%;
}
.horizontal-logos, .row-fluid.hide-mobile {
	display: none;
}
.vertical-logos {
	display: block;
}
.content {
	display: block;
	margin: 5% 0;
}
.span4:nth-of-type(2) img {
	width: 30%;
	margin-top: 5%;
}
}
     
    /* Landscape phones and down */
    @media (max-width: 480px) {
body {
	-webkit-background-size: 100% 50px;
	-moz-background-size: 100% 50px;
	-o-background-size: 100% 50px;
	background-size: 100% 50px;
	font-size: 87.5%;
}
.container {
	width: 100%;
}
h1 {
	/*margin: 0 0 5% 0;*/
}
h1 img {
	width: 100%;
	padding: 0;
}
p.url {
	font-size: 300%;
}
.span4 img {
	width: 80%;
}
.span4:nth-of-type(2) img {
	width: 40%;
	margin-top: 5%;
}
}
