@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@media only screen and (min-height:154px) and (min-width:320px){
#returning{
margin-top:100px;
}
#mail{
position:fixed;
bottom:0;
background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbi1lbnZlbG9wZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMjAgMTIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iMTE4LjYzNSwyMS41MzggNjAuMDAxLDY3Ljk3NCAxLjM2NywyMS41MzggIi8+DQo8cG9seWdvbiBwb2ludHM9IjExOC42MzUsODguMDA5IDgzLjM3LDYwLjAwMyAxMTguNjM1LDMxLjk5OCAiLz4NCjxwb2x5Z29uIHBvaW50cz0iMS4yMDgsMzEuOTk4IDM2LjQ3Myw2MC4wMDMgMS4yMDgsODguMDA5ICIvPg0KPHBvbHlnb24gcG9pbnRzPSI3Ni45MTIsNjQuOTc1IDYwLjA4LDc4LjI1MiA0My4yNDgsNjQuOTc1IDEuMzY3LDk4LjAxIDM1LjAzMSw5OC4wMSA4NS4xMjgsOTguMDEgMTE4Ljc5Miw5OC4wMSAiLz4NCjwvc3ZnPg==') no-repeat left / 45px;);
height:30px;
width:45px;
padding:0;
color:rgba(255,255,255,0);
}
.tooltip .tooltiptext {
visibility: hidden;
width: 150px;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
position: absolute;
z-index: 1;
left:50px;
top:-5px;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
.tooltip .tooltiptext::after{
content: " ";
position: absolute;
top: 50%; 
right: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent black transparent transparent;
}
.first{
padding-top:100px;
text-align:center;
}
#questions{
text-align:center;
margin-top:10px;
font-size:15px;
position:fixed;
bottom:5px;
width:300px;
margin:auto;
}
html{
font-size:15px;
font-family:'Open Sans', sans-serif;
background-color:white;
}
body{
border:solid 1px;
border-color:transparent;
background-repeat:no-repeat;
margin:auto;
width:317px;
}
.submitted{
padding-top:100px;
}
#caf{
font-size:20px;
font-weight:bold;
margin-top:15px;
margin-bottom:5px;
}
#artists{
font-size:30px;
position:fixed;
width:100px;
top:190px;
margin-left:110px;
font-weight:bold;
display:block;
}
#visual{
position:relative;
left:80px;
top:-10px;
}
#cinematic{
position:relative;
top:20px;
right:90px;
}
#performing{
position:relative;
top:20px;
left:25px;
}
#literary{
position:relative;
top:50px;
left:10px;
}
#culinary{
position:relative;
top:50px;
left:70px;
}
#awards{
text-align:center;
font-weight:bold;
margin-top:0;
margin-bottom:20px;
}
time{
margin-left:5px;
}
#cakewalk-info time{
margin-left:5px;
}
#location{
margin-left:5px;
}
#call{
margin-top:20px;
text-align:center;
font-weight:bold;
font-size:18px;
height:24px;
}
time{
margin:0;
}
ul{
display:inline-block;
font-weight:bold;
font-size:18px;
border:solid 1px;
padding-top:20px;
padding-bottom:60px;
border-radius:20px;
margin:15px 5px;
width:266px;
height:48px;
}
li{
display:inline;
}
#projectinfo div{
display:inline-block;
}
#mor{
text-align:center;
margin-bottom:30px;
}
#info{
margin-left:110px;
margin-top:10px;
}
#info p{
}
#cakewalk-info{
margin-left:100px;
}
#projectinfo{
padding:0 5px;
}
#lock{
margin-right:50px;
}

dl{
margin:0;
}
dt{
font-weight:bold;
}
dd{
margin:0 0 5px 0;
}
#exp{
padding:1px;
width:100px;
}
#lock{
width:80px;
padding:1px;
background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbi1sb2NrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTEwMy44NzYsNDUuMjA4TDEwMy44NzYsNDUuMjA4YzAtMjQuMTkzLTE5LjY4My00My44NzUtNDMuODc1LTQzLjg3NWMtMjQuMTkzLDAtNDMuODc1LDE5LjY4Mi00My44NzUsNDMuODc1djBINXY2OS43NWgxMTANCgl2LTY5Ljc1SDEwMy44NzZ6IE0zNC4xMjYsNDUuMjA4YzAtMTQuMjY4LDExLjYwNy0yNS44NzUsMjUuODc1LTI1Ljg3NVM4NS44NzYsMzAuOTQsODUuODc2LDQ1LjIwOHYwTDM0LjEyNiw0NS4yMDhMMzQuMTI2LDQ1LjIwOHoNCgkgTTY1Ljg3NSw3OC4xMjZ2MjAuMDU5SDUzLjk4NlY3OC4xMjJjLTIuNDg1LTEuODI4LTQuMTA1LTQuNzY2LTQuMTA1LTguMDljMC01LjU1MSw0LjUtMTAuMDUsMTAuMDUxLTEwLjA1DQoJYzUuNTUyLDAsMTAuMDUsNC41LDEwLjA1LDEwLjA1QzY5Ljk4Miw3My4zNTYsNjguMzYyLDc2LjI5Niw2NS44NzUsNzguMTI2eiIvPg0KPC9zdmc+') no-repeat bottom right / 40%;
}

#card{
background-image:url(mcvsax_acc_vrt.svg);
background-repeat:no-repeat;
background-position:right;
border:solid black 1px;
padding:5px;
margin:10px 0;
}
#card div{
display:inline-block;
}
input{
}
#cc{
width:200px;
}
#mm, #yy{
}
#cvc{
width:70px;
}
.payment-errors{
color:red;
border:none;
}
#contact{
text-align:center;
}
#contact a{
color:black;
}
.submit{
display:block;
margin:auto;
height:50px;
width:250px;
color:white;
background:red;
border:solid 3px darkred;
font-weight:bold;
font-size:20px;
border-radius:50px;
margin-top:10px;
}
#submit-index{
margin-top:11px;
}
.submit:hover{
background-color:darkred;
}
#name, #project{
width:130px;
}
#email, #pp{
width:150px;
}
#mm, #yy{
width:25px;
}

#cc{
width:240px;
}
#cvc{
width:35px;
}
}
@media only screen and (min-height:239px) and (max-height:239px) and (min-width:480px) and (max-width:480px){
html{
background-color:white;
}
}
@media only screen and (min-height:280px) and (max-height:280px) and (min-width:592px) and (max-width:592px){
html{
background-color:white;
}
}
@media only screen and (min-height:339px) and (min-width:320px){
html{
background-color:white;
}
}
@media only screen and (min-height:263px) and (max-height:263px) and (min-width:360px) and (max-width:767px) {
html{
background-color:white;
}
body{
width:358px;
margin:auto;
}

#artists{
font-size:30px;
position:absolute;
top:190px;
margin-left:130px;
font-weight:bold;
}
#visual{
position:relative;
left:100px;
top:-10px;
}
#cinematic{
position:relative;
top:20px;
right:90px;
}
#performing{
position:relative;
top:20px;
left:60px;
}
#literary{
position:relative;
top:50px;
margin-left:10px;
}
#culinary{
position:relative;
top:50px;
left:90px;
}
ul{
width:307px;
}
}
@media only screen and (min-height:512px) and (min-width:360px) and (max-width:767px) {
html{
background-color:white;
}
.submit{
margin-top:30px;
}
#submit-index{
margin-top:31px;
}
}
@media only screen and (min-height:620px) and (min-width:768px){
html{
background-color:white;
}
.submit{
margin-top:30px;
}
#submit-index{
margin-top:31px;
}
body{
width:360px;
margin:auto;
}
#payment-form{
width:360px;
}
ul{
width:307px;
}
#artists{
margin-left:130px;
}
#performing{
left:60px;
}
#literary{
margin-left:10px;
}
#visual{
left:100px;
}
#culinary{
left:90px;
}
}