body {
	background: #cccccc !important;
	font-size: 14px !important;
}

h1 {
	font-family: Roboto Condensed !important;
	font-size: 2.6em !important;
}


h2, h3, h4 {
	font-family: Roboto Condensed !important;
	font-size: 2em !important;
}


p {
	font-family: Roboto !important;
	font-size: 1em !important;
	text-align: justify;
}


footer {
	background: #333;
}


footer div p {
	width: 100% !important;
	text-align: center !important;
	padding-top: 10px;
	color: #fff;
}

footer > div.container {
	margin-top: 15px;
}



div.container ul > li:before {
    content: "\f373";
	font-family:Ionicons;
	padding-right: 10px;
	color: #8f1b11;
}



ul > li {
   list-style-type: none;
}





 /* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #999;
  color: white;
} 








/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

/* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

/* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
	
	
	footer {
		position: relative;
		margin-top: 30px;
		bottom: auto;
	}
	



/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

/* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }