@font-face {
    font-family:'DinRegular';src:url('https://www.nba.com/.element/media/2.0/teamsites/kings/fonts/din-regular-webfont.woff');
}

@font-face {
    font-family:'DinBlack';src:url('https://www.nba.com/.element/media/2.0/teamsites/kings/fonts/din-black-webfont.woff');
}

body {
  width: 1150px;
  margin: 0 auto;
}

div#content {
	background: url('/images/bkgd.png') top center;
	margin-top: -35px;
    padding: 10px;
}

div#news {
    background: url('/images/bkgd.png') top center;
    margin-top: -35px;
    padding: 20px 110px;
}

p.copy {
    font-size: 30px;
    color: #000;
    font-family: 'DinRegular';
    padding: 2% 12%;
    line-height: 44px;
    text-align: center;
}

img.line {
    margin: 0 auto;
    display: block;
}

img.footer {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
}

div.twin {
    display: inline-block;
    width: 50%;
    text-align: center;
}

p.btnMsg {
    font-family: 'DinBlack';
    text-transform: uppercase;
    color: #000;
    font-size: 32px;
    line-height: 34px;
}

p.click {
	text-align: center;
	color: #000;
	font-family: 'DinRegular';
    font-size: 28px;
    padding: 20px 0px;
}

a.spacer {
    margin: 0 50px;
}

a {
	color: #000;
}

#triplets, #triplets2 {
	text-align: center;
}

#triplets ul li, #triplets2 ul li {
    list-style-type: none;
    display: inline;
}

ul {
    padding: 0;
    text-align: center;
}

/*media queries*/

@media screen and (max-width: 1150px) {

	body {
		width: 100%;
	}

	img#header, img#footer, img.line {
    	width: 100%;
	}

}

@media screen and (max-width: 768px) {

	p.copy {
		padding: 2% 10%;
		font-size: 24px;
		line-height: 34px;
	}

	p.click {
		padding: 20px 5px;
		font-size: 24px;
	}

    a.spacer {
        display: block;
        margin: 0 0 15px 0;
    }

}

@media screen and (max-width: 414px) {

	p.btnMsg {
		font-size: 24px;
    	line-height: 26px;
	}

	#triplets ul li img {
    	width: 90%;
	}

	#triplets2 ul li img {
    	width: 32%;
	}

}


@media screen and (max-width: 360px) {

	div.twin {
	    display: block;
	    width: 100%;
	    text-align: center;
	}

}

