/*  enroll now css file for template */

#main-header h1{
	font-size: 4.5rem;
	font-family:"Gloucester MT Extra Condensed";
}

#loginBtnGrp{
  position:relative;
  margin:0 auto;
}

/* quick colors */
.green{
  color: rgb(0, 189, 30);
}

/* extra stuff */

/* button group */
.button-group {
  position: relative;
  display: inline-block;
  margin: 1rem 0; }
  .button-group:before {
    content: attr(data-grouptype);
    z-index: 99999;
    color: #999;
    display: block;
    font-size: 1rem;
    padding: 0.25em;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 42.5%;
    top: 0.35rem; }
  .button-group button + button {
    margin-left: 5px; }


/* profile-card(s) */
.profile-card {
  padding: 1rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin: 2rem 0;
  background-color: #fff; }
  .profile-card img {
    width:10rem;
    display: block;
    text-align: center; }
  .profile-card .profile-info {
    padding: 1rem; }
    .profile-card .profile-info h4 {
      margin-top: 0;
      text-align: center;
      text-transform: uppercase;
	  font-size:1rem; }
    .profile-card .profile-info p {
      text-align: center; }
    .profile-card .profile-info .inline-list {
      text-align: center;
      margin-bottom: 1rem; }
      .profile-card .profile-info .inline-list li {
        float: none;
        display: inline-block; }
      .profile-card .profile-info .inline-list i.fi-social-facebook {
        font-size: 1.5rem;
        color: #3b5998; }
        .profile-card .profile-info .inline-list i.fi-social-facebook:hover {
          transform: scale(1.5);
          transition: all .5s ease-in-out; }
      .profile-card .profile-info .inline-list i.fi-social-twitter {
        font-size: 1.5rem;
        color: #55acee; }
        .profile-card .profile-info .inline-list i.fi-social-twitter:hover {
          transform: scale(1.5);
          transition: all .5s ease-in-out; }
      .profile-card .profile-info .inline-list i.fi-social-linkedin {
        font-size: 1.5rem;
        color: #0077b5; }
        .profile-card .profile-info .inline-list i.fi-social-linkedin:hover {
          transform: scale(1.5);
          transition: all .5s ease-in-out; }
      .profile-card .profile-info .inline-list i.fi-social-github {
        font-size: 1.5rem;
        color: #333; }
        .profile-card .profile-info .inline-list i.fi-social-github:hover {
          transform: scale(1.5);
          transition: all .5s ease-in-out; }
      .profile-card .profile-info .inline-list i.fi-social-youtube {
        font-size: 1.5rem;
        color: #cc181e; }
        .profile-card .profile-info .inline-list i.fi-social-youtube:hover {
          transform: scale(1.5);
          transition: all .5s ease-in-out; }


/* 1024 px */
@media only screen and (max-width: 1024px){

}

/* 660 px */
@media only screen and (max-width: 660px){
	#main-header h1{
	font-size: 2.5rem;
}

	#loginBtnGrp .button-group[data-grouptype]: before{
		display: none;
}
}

/* 420 px */
@media only screen and (max-width: 420px){
	#main-header h1{
	font-size: 1.75rem;
}
	#loginBtnGrp  .button-group[data-grouptype]: before{
		display: none;
}

}