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

a:link { color: #fff;text-decoration: none; }
a:visited { color: #fff;text-decoration: none; }
a:hover { color: #ff0000;text-decoration: none; }
a:active { color: #ff8000;text-decoration: none; }

#content.cannon {background: url(../img/windlogo.png) center center fixed no-repeat;max-width: 1200px;width: 100%;}

#content.cannon .panel h3 {margin-bottom: 0.25em;}
#content.cannon .panel p.lead {text-align: left;margin:0 0 0.5em;font-size: 1.125em;font-weight: 600;}
#content.cannon .panel p.finish {background: #fff;padding:0.5em;float: left;margin: 0.5em 0 1em;border-radius: 5px;width: 100%;font-weight: 400;}

#content.cannon div.serieser {text-align: center; margin-bottom:20px; }
#content.cannon div.serieser {width:100%;padding: 0.5em;background-color:#f4fff9;border-radius: 5px;color: #fff;float:left; color: black; border:solid 1px #ad853c;}
#content.cannon div.serieser h3 {font-weight: 600;margin: 0.25em 0;}

#content.cannon div.serieser2 {text-align: center; margin-bottom:20px; }
#content.cannon div.serieser2 {width:100%;padding: 0.5em;background-color:#fcfff9;border-radius: 5px;color: #fff;float:left; color: black; border:solid 1px #ad853c;}
#content.cannon div.serieser2 h3 {font-weight: 600;margin: 0.25em 0;}

#content.cannon div.serieser3 {text-align: center; margin-bottom:20px; }
#content.cannon div.serieser3 {width:100%;padding: 0.5em;background-color:#ffffe5;border-radius: 5px;color: #fff;float:left; color: black; border:solid 1px #ad853c;}
#content.cannon div.serieser3 h3 {font-weight: 600;margin: 0.25em 0;}

.cannon div.panel > a.button {display: block; text-align: center;background: rgb(164,107,117);border:2px solid #fff;border-radius: 7px;text-decoration: none;color:#fff;font-weight: 800;font-family: 'Open Sans', sans-serif;font-size: 1.5em;box-shadow: 2px 2px 5px 0 #666;line-height: 1.1em;padding:0.125em;width: 100%;margin-top: 1em;}
.cannon div.panel.sold > a.button {box-shadow: none;background: rgb(180,180,180);cursor: default;color: #ccc;line-height: 2em;}
.cannon div.panel > a.button span {display: block;font-size: 0.5em;font-weight: 400;}

.cannon div.panel > a.button:hover {transform: none; box-shadow: 0 0 3px 0 #333;top:1px;left:1px;}
.cannon div.panel.sold > a.button:hover {box-shadow: none;top:0;left: 0;}


@media screen and (max-width: 61em) {
	#content.cannon div.serieser {float:none;width:90%;margin:0 auto;}
	div.panel > span > p {font-size: 1.25em;}
	.bshide {display: none;visibility: hidden;}
	#content.cannon .panel p.finish {line-height: 1.2em;}
}

/*720px*/
@media screen and (max-width: 45em) {
	div.panel > span > p {font-size: 1em;}
}

/*560px*/
@media screen and (max-width: 35em) {
div.panel > a {width:30%;}
div.panel > span {width:68%;}
div.panel > span > p {font-size: 0.8em;}
}