@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600);
body,html{
    min-height:100%
}
.container-fluid{
    max-width:1600px
}
#page-header{
    margin-top:15px
}
h1,h2{
    font-family:"Titillium Web","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:2em;
    font-weight:600
}
#page-header h1{
    font-weight:700;
    margin:0
}
h2{
    font-size:1.5em;
    margin-top:0
}
#page-footer{
    border-top:1px solid;

	    margin:10px auto;
		    max-width:1500px

}
#login-form{
    background-color:rgba(255,255,255,	.1);
    border-radius:15px;
    margin:20px auto;
    max-width:290px;
    padding:15px 20px
}
#login-form p{
    color:#fff
}
a,a:focus{
    color:#e0fdff
}
a:hover{
    color:#e8ba00
}

a1,a1:focus{
	
    color:#ffffff
}
a1:hover{
    color:#ffffff
}

#spid-button{
/* font-family: "Titillium Web",HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
	background-color: #0066CC;
  border: none;
  color: white;
  padding: 15px 55px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 100x 0px;
  cursor: pointer; */
	margin-inline: auto;
	transition: .15s ease-in-out;
	box-shadow: 0px 0px 2px 1px #fff;
	margin-left: 15px;
	max-width: 222px
}
#spid-button:hover{
	color: inherit;
	
	background-color: #0066CC;
	text-decoration: none;
	-webkit-transition: .3s ease-in-out;
	box-shadow: 0px 0px 7px 2px #fff;
	transition: .15s ease-in-out
}

#spid{
    margin-right:.4em;
    vertical-align:top
}
@media (min-width:768px){
    #page-header{
        margin-top:20px
    }
    #page-header h1{
        display:inline-block;
        font-size:2.2em;
        margin-top:14px
    }
    #logo{
        margin-right:30px;
        vertical-align:top
    }
    #login-form{
        border-radius:40px;
        margin:4% auto;
        max-width:720px;
        padding:30px 40px
    }
}