/* General Settings */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

body {
    font-size: 16px;
    font-family: "Arial", Helvetica, sans-serif;
    margin: 0;
    color: #000;
}

main { 
    display: block;
    padding: 30px 0;
}

* { outline: none !important; }

a:hover {
    text-decoration: none;
    opacity: 0.95;
}

h1, h2, h3, h4, h5, h6, p, a, input, div, textarea, label {
    margin: 0;
}

h2 { font-size: 28px; }

ul {
    list-style: none;
    padding-left: 0;
    font-weight: 400;
    font-style: normal;
    margin: 0;
}

p { font-size: 1em; }

img { border-style: none; }

.container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 100%;
    box-sizing: border-box;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* End General Settings */

/* Header */

header { 
    background: #231717; 
    padding: 10px;
}
.top-ad {
background-color: goldenrod;
padding: 20px;
margin-right: 10px;
width: 60%;
max-width: 1000px;
font-weight: bolder;
font-size: 200%;
color:#f00;
float: right;
position: fixed;
right: 0;



}
.title-header .title {
    display: inline-block;
    color: #fff;
    font-size: 18px;
}

.title-header .logo {
    display: inline-block;
}

.title-header .logo img {
    vertical-align: middle;
}

nav { background: #2B40A2; }

nav li a { 
    color: white;
    display: inline-block;
    padding: 10px 10px;
}

/* End Header */

/* Footer */

footer {
    background: #2B40A2;
    color: #fff;
    padding: 10px;  
    height: 100px;
}

footer a { color: cornsilk; }

/* End Footer */

/* Home Page Content */

.menu-item.additional-items h2 {
    width: 50%;
    float: left;
}

.menu-item.additional-items .item-inner ul {
    display: inline-block;
    width: 50%;
    float: left;
}

/* End Home Page Content */

/* Page Content */

.event-item {
    margin-bottom: 25px;
    border: 1px solid #000
}

form {

margin: 5% 5%;
max-height: 60%;
max_width: 60%;
border:solid black 2px;
background: #C7B8B8;
background-image: radial-gradient(white, #C7B8B8);
text-align: center;






}
label{
font-size:16px;
text-decoration: underline;
line-height: 1.2;



}
textarea{

margin: 10px;
width:40%;
max-width:40%;
}

input{ 
margin:4px;
width:40%;
max-width:40%;
line-height:2.0;


}

input:hover{
transform: scale(1.2, 1.2);

}

select:hover{
transform: scale(1.5, 1.5);


}
select{
width:40%;
max-width:40%;
height: 25px;
}
/* End Page Content */

/*  Sprites  */
span.sprite{
display:inline-block;
}
.sprite-palette {

	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background-color:aliceblue;
	background: url('../images/sprite.png') 0px 0px;
}

.sprite-guitar {

	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background: url('../images/sprite.png') -40px 0;
}

.sprite-mask {

	
	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background: url('../images/sprite.png') -80px 0;
}

.sprite-controller {

	
	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background: url('../images/sprite.png') -120px 0;
}

.sprite-mic {

	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background: url('../images/sprite.png') -160px 0;
}

.sprite-quill {

	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background: url('..images/sprite.png') -200px 0;
}

.sprite-cup {

	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background: url("../images/sprite.png") -240px 0;
}

.sprite-utensils {

	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background: url('../images/sprite.png') -280px 0;
}

.sprite-milk {

	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background: url('../images/sprite.png') -320px 0;
}

.sprite-logo {

	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background: url('../images/sprite.png') -360px 0;
}

.sprite-bigcup {

	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background: url('../images/sprite.png') -400px 0;
}