* {
  margin: 0; }

html {
  height: 100%; }

body {
  font-family: 'Roboto', sans-serif;
  color: #888;
  background-color: #fff;
  height: 100%; 
  font-weight: 300;
  font-size: 1.2em;
}


p, h2 {
 text-align: center;
 margin: 20px;
 display: block;
}

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

.osa-img {
	width: 65%;
	margin: 10px auto;
	}

.osa-img img {
	width: 100%;
	}

.social-nav {
	margin: 0 auto;
	width: 340px;
	}

.social-holder {
	margin: 30px;
	float: left;
	width: 110px;
	text-align: center;
}

#container {
  width: 100%; }

#main-content {
  width: 100%;
  float: left;
  margin: 0 auto 40px; }

#header {
  width: 100%;
  float: left;
  background-color: #ffb6c1;
  height: 140px;
  color: #cc0000;
  text-align: center; }
  
#header h1 {
  margin-top: 15px;
  font-family: 'Yantramanav', sans-serif;
  font-weight: 900;
}

#header p {
	margin-top: 15px;
	display: block;
	}

#footer {
  position: fixed;
  left: 0px;
  bottom: 0px;
  height: 60px;
  width: 100%;
  background-color: #ffb6c1;
  color: #cc0000;
  text-align: center; }
  #footer p {
    margin-top: 10px;
    font-size: 80%; }
  #footer a {
    text-decoration: none;
    color: #555;
}

.fa-circle {
  color: #cc0000;
}