@charset "UTF-8";
/* CSS Document */


*{
	box-sixing:border-box;
}


body{
	background-color:#d9e8fc
}

.banner{
	background-color: #d9e8fc;
	color:#ff66ae;
	font-family: "komet-sc";
	font-weight: 700;
	font-style: normal;
	text-align: center;
	padding: 10px
}

.div1{
	background-color:#ffd6ea;
	width: 30%;
	float: left;
	height: 510px;
	box-sixing:border-box;
	margin-left: 1px;	
}

.div1 img {
	height: 100%;
	width: 100%;
	object-fit: cover
	
}
.div2{
	background-color:#ffb3d7;
	width: 69%;
	float: left;
	height: 510px;
	padding-left: 5px;
	padding-right: 5px;
	box-sixing:border-box;
	color: darkblue;
	font-family: "canada-type-gibson"}

.div2 p{
	padding-left: 10px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom: 10px
}

.div3 {background-color:#ffd6ea;
	width: 30%;
	float: left;
	height: 510px;
	box-sixing:border-box;
	margin-left: 1px;	
}

.div3 img {
	height: 100%;
	width: 100%;
	object-fit: cover}

.div4{background-color:#ffb3d7;
	width: 69%;
	float: left;
	height: 510px;
	padding-left: 5px;
	padding-right: 5px;
	box-sixing:border-box;
	color: darkblue;
	font-family: "canada-type-gibson";
	font-size: 20}

.div4 a{
	color: darkblue
}
.div4 a:hover{
	font-weight: bold;
	color: #ff66ae}

.div5{background-color:#ffd6ea;
	width: 100%;
	float: left;
	height: 1200px;
	box-sixing:border-box;
	margin-left: 1px;	}




.footer{
background-color: white;
color: darkblue;
text-align: center;
padding-top: 30px;
font-family: "komet-sc"
}

.footer a{
	color: darkblue}

.footer a:hover{
	font-weight: bold;
	color:#ff66ae
}
ul{
	list-style-type: none;
	background-color: white;
	color: darkblue;
	font-family: "canada-type-gibson";
	margin: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center
}
li{
	display: inline;
	padding: 0 110px 0 110px;
}

li a{
	text-decoration: none;
	color: inherit;
}

li a:hover{
	font-weight: bold;
	color:#ff66ae
}


* {
  box-sizing: border-box;
}


.div5{
	float: left;
	width:100%;
height: 1000px}

.hockeyphoto1{
	float: left;
	width: 50%;
padding: 5px}

.hockeyphoto2{
	float: left;
	width: 50%;
padding: 5px}

.hockeyphoto3{
	float: left;
	width: 50%;
padding:5px}

.hockeyphoto4{
	float: left;
	width:50%;
padding:5px}




@media screen and (max-width:1114px){
	
	.div1{
		width: 100%;
		height: auto;
		margin: auto}
	
	.div1 img {
		align-content: center
	}
	
	.div2{
		width:100%;
		height: auto;
		margin: auto
	}
	
	li{
		display:block;
		padding: 15px 0 15px 10px;
		margin: auto;
		width: 100px
		
	}
	.div3{width: 100%;
		height: auto;
		margin: auto}
	
	.div3 img{
		align-content: center
	}
	
	.div4{width:100%;
		height: auto;
		margin: auto}
	
	.div5{width: 100%;
		height: auto;
		margin: auto}
	
	.hockeyphoto1{
		width: 100%;
		height: auto; 
		margin: auto;
		align-content: center
	}
	
	.hockeyphoto2{width: 100%;
		height: auto; 
		margin: auto;
		align-content: center}
	
	.hockeyphoto3{width: 100%;
		height: auto; 
		margin: auto;
		align-content: center}
	.hockeyphoto4{width: 100%;
		height: auto; 
		margin: auto;
		align-content: center
}
	
	
	
	
	
}