.top-bar{
	height:2px;
	background:#cc5500;
	margin-bottom:0;
}

	
/* unvisited link */
a:link {
    color: #33797b;
}
/* mouse over link */
a:hover {
    color: #cc5500;
}
a:link {
    text-decoration: none;
}
	
.bottom-bar{
    height:200px;
    background:#33797b;
}
.banner #logo{
width:45%;
margin:10px 50px;
display:block;
transition:width 2s;
}

.twitter-follow-button{
	margin:auto;
	display:block;
}

#team{
	width:90%;
	max-width:1000px;
	display: block;
    margin-left: auto;
    margin-right: auto
	
	
}


h3{
color:#cc5500;
padding: 20px;
font-family: arial; helvetica; sans-serif;
}

#about{
margin: 20px auto auto;
color:#2f4f4f;
font-family: arial; helvetica; sans-serif;
max-width: 600px;
padding:10px
}

#roster{
margin: 20px auto auto;
color:#2f4f4f;
font-family: arial; helvetica; sans-serif;
max-width: 800px;
padding:10px
}

.backtomain{
text-align: center;
}

#rink{
width:100%;
}

#footer{
margin: 20px;
text-align: center;
}

/* Tablet/ipads (Portrait and landscape) */
@media only screen and (min-width : 768px) and (max-width : 960px){
	#container{
		width:95%
	}
	
	.banner img#logo{
		margin:auto;
		display:block;
		width:65%;
		transition:width 2s;
		
	}
	#team{
	width:90%;
	max-width:1000px;
	display: block;
    margin-left: auto;
    margin-right: auto
	
	
}
}

/* Small Tablet (Portrait and landscape) */
@media only screen and (min-width : 569px) and (max-width : 767px){
	#container{
		width:95%;
	}
	.banner img#logo{
		margin:auto;
		display:block;
		width:65%;
	}
	.backtomain{
		text-align: center;
	}
	#team{
	width:90%;
	max-width:1000px;
	display: block;
    margin-left: auto;
    margin-right: auto
	
	
}
}

/* Smart Phones (Portrait and landscape) */
@media only screen and (min-width : 240px) and (max-width : 568px){
	#container{
		width:95%;
	}
	.banner img#logo{
		margin:auto;
		display:block;
		width:95%;
	}
	.backtomain{
         text-align: center;
	}
	#team{
	width:90%;
	max-width:1000px;
	display: block;
    margin-left: auto;
    margin-right: auto
	
	
}
}