/* Custom page CSS
-------------------------------------------------- */

/*
font-family: 'News Cycle', sans-serif;
font-family: 'Ropa Sans', sans-serif;
font-family: 'Mouse Memoirs', sans-serif;
*/


body {
	background: #2c3e50;
	padding-top:20px;
}
p {
	font-family: 'News Cycle', sans-serif;
}

#wrap > .container {
  padding: 60px 15px 0;
}
.container .credit {
  margin-top: -15px;
  text-align: center;
  padding: 5px;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

.jumbotron {
	margin-top: -20px;
	padding-bottom: 10px;

  background-color: #1abc9c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1abc9c), to(#2ecc71));
  background-image: -webkit-linear-gradient(top, #1abc9c, #2ecc71);
  background-image:    -moz-linear-gradient(top, #1abc9c, #2ecc71);
  background-image:      -o-linear-gradient(top, #1abc9c, #2ecc71);
  background-image:         linear-gradient(to bottom, #1abc9c, #2ecc71);

}
.jumbotronP {
	margin-top: 10px;
	padding-bottom: 10px;

  background-color: #1abc9c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1abc9c), to(#2ecc71));
  background-image: -webkit-linear-gradient(top, #1abc9c, #2ecc71);
  background-image:    -moz-linear-gradient(top, #1abc9c, #2ecc71);
  background-image:      -o-linear-gradient(top, #1abc9c, #2ecc71);
  background-image:         linear-gradient(to bottom, #1abc9c, #2ecc71);

}
a.atile {
	color: #000;
}

.tile {
	height:150px;
	width: 150px;
	background: #428BCA;
	
	float:left;
	margin:5px;

  -webkit-border-radius: 12px;
          border-radius: 12px;

 
  background-clip: padding-box;
}

h1 {
	font-size: 1.2em;
	font-family: 'Ropa Sans', sans-serif;
}
h2 {
	font-size: 2em;
	text-align: center;
	font-family: 'Mouse Memoirs', sans-serif;
}

@media (max-width: 767px) { 
.jumbotron, .jumbotronP { 
margin-right: -20px; 
margin-left: -20px; 
} 
}
/********************
  sticky footer
  ******************/
.stickyFoot {
  position:fixed;
  bottom: 0;
  left:0;
  background-color: rgba(0, 0, 0, 0.7);
  padding:10px;
  width: 100%;
  height:70px;
}
.stickyFoot a{
 	color: #ffffff;
 	text-decoration: none;
 }

/********************
sign pages
  ******************/
.signimg {
	float: right;

}
.pageh1 {
	padding:10px 0;
	margin: 10px 0;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 1.5em;
}
p.lead {
	font-size: 1.3em;
	text-align: center;
	color:#3498DB;
}
span.animal {
	font-size: 0.7em;
	font-style:italic;
	font-family: 'Ropa Sans', sans-serif;
}
div.horoscope {
	
	font-size: 1.3em;
	padding:10px;


  -webkit-border-radius: 12px;
          border-radius: 12px;

 
  background-clip: padding-box;
  border: 1px #1abc9c solid;

  background-color: #ecf0f1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ecf0f1), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ecf0f1, #ffffff);
  background-image:    -moz-linear-gradient(top, #ecf0f1, #ffffff);
  background-image:      -o-linear-gradient(top, #ecf0f1, #ffffff);
  background-image:         linear-gradient(to bottom, #ecf0f1, #ffffff);


}
div.panel {
	font-family: 'News Cycle', sans-serif;
	font-size: 1.3em;
}
h3.panel-title {
	font-size: 1.2em;
	font-family: 'Ropa Sans', sans-serif;
}
div.panel-body {
	text-align: center;
}
div#footer {
	background: #34495e;
	border-top: 1px solid #fff;
}
/********************
  Navbar
  ******************/

 .navbar-fixed-top .navbar-header {
 	background: #34495e;
 	opacity:0.95;
    filter:alpha(opacity=95); /* For IE8 and earlier */
}
.navbar-header {
	
	padding: 10px 0 0px 0;
	
}
.navbar-brand {
	
}
span.logo {
	font-size:2em;
	font-family: 'Mouse Memoirs', sans-serif;
	color:#3498DB;
}
.tbtn {
	margin-left: 20px;
}




/********************
  star signs
  ******************/
.aquarius {
	background: #2ecc71;
	background-image: url('../img/Aquarius1.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.aries {
	background: #3498db;
	background-image: url('../img/Aries1.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.cancer {
	background: #9b59b6;
	background-image: url('../img/Cancer1.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.capricorn {
	background: #16a085;
	background-image: url('../img/Capricorn1.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.gemini {
	background: #1abc9c;
	background-image: url('../img/Gemini1.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.leo {
	background: #3498db;
	background-image: url('../img/Leo1.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.libra {
	background: #2ecc71;
	background-image: url('../img/Libra1.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.pisces {
	background: #8e44ad;
	background-image: url('../img/Pisces1.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.sagittarius {
	background: #2980b9;
	background-image: url('../img/Sagittarius1.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.scorpio {
	background: #16a085;
	background-image: url('../img/Scorpio1.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.taurus {
	background: #9b59b6;
	background-image: url('../img/Taurus1.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.virgo {
	background: #2ecc71;
	background-image: url('../img/Virgo1.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}