html, body {
   height: 100%;
   margin: 0;
   font-family: 'Roboto Condensed';
   overflow-x: hidden;
}


.cpc_description_name { vertical-align: top; font-size: 16px; line-height: 25px;}
.cpc_description_value { vertical-align: top; font-weight: bold; font-size: 20px; line-height: 25px; }

#cp_event_header {
   width: 100%; display: table-row; background-color: black;
   /* Safari 4-5, Chrome 1-9 */
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252425), to(#313131));
   /* Safari 5.1, Chrome 10+ */
   background: -webkit-linear-gradient(top, #252425, #313131);
   /* Firefox 3.6+ */
   background: -moz-linear-gradient(top, #252425, #313131);
}

#cp_event_header #form_header { max-width: 960px; margin: auto; padding-top: 5px; padding-bottom: 5px; }
#cp_event_header #form_header form { float: right; display:table; vertical-align: middle; margin-right: 10px; }
#cp_event_header #form_header form div { height: 32px; }
#cp_event_header #form_header .language { color: white; text-decoration: none; font-family: 'Roboto Condensed'; font-size: 25px; line-height: 32px;} 

#cp_event_content {
   width: 100%; vertical-align: middle; display: table-row; height: 100%;
   
   background: url("");
   background-color: black;
   background-repeat: no-repeat;
   background-position: center;
}

#cp_event_content #banner_image { max-width: 960px; margin: auto; }


#cp_event_content #content_container { max-width: 960px; margin: auto; margin-top: 10px; padding-bottom: 30px; }
#cp_event_content #content_container #description { display: table-cell; color: white; font-size: 20px; padding: 10px; width: 100%;}

#cp_event_content #content_container #form_register { display: table-cell; padding: 10px; width: 410px; text-align: left; font-size: 15px;}
#cp_event_content #content_container #form_register .login_header { background-color: #313131; color: white; font-size: 20px; padding: 10px; text-align: left;}
#cp_event_content #content_container #form_register .firstname { width: 185px; margin: 5px; font-size: 15px; }
#cp_event_content #content_container #form_register .lastname { width: 185px; margin: 5px; font-size: 15px; }
#cp_event_content #content_container #form_register .email { width: 390px; margin: 5px; font-size: 15px; }
#cp_event_content #content_container #form_register .country { width: 255px; margin: 5px; font-size: 15px; }
#cp_event_content #content_container #form_register .canopyType { width: 120px; margin: 5px; font-size: 15px; }
#cp_event_content #content_container #form_register .canopySize { width: 115px; margin: 5px; font-size: 15px; }
#cp_event_content #content_container #form_register .canopyColor { width: 115px; margin: 5px; font-size: 15px; }
#cp_event_content #content_container #form_register .tshirtSize { width: 115px; margin: 5px; font-size: 15px; }
#cp_event_content #content_container #form_register .register { margin: 5px; width: 195px; font-size: 15px; }

#cp_event_content #content_container .registered { color: white; font-size: 20px; font-weight: bold; }

#cp_event_footer { padding-top: 30px; 
   
   /* Safari 4-5, Chrome 1-9 */
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#000000));
   /* Safari 5.1, Chrome 10+ */
   background: -webkit-linear-gradient(top, #222222, #000000);
   /* Firefox 3.6+ */
   background: -moz-linear-gradient(top, #222222, #000000);

}

#cp_event_footer #logos { max-width: 960px; margin: auto;}
#cp_event_footer #logos div { display: table-cell; text-align: center; padding-bottom: 30px;}
#cp_event_footer #logos img { width: 155px; }

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

    #cp_event_header #form_login { width: 100%; }
   
    #cp_event_content #banner_image img { width: 100%; }


}

@media screen and (max-width: 800px) {
   
    #cp_event_content #content_container #description { float: none; display: table; max-width: 100%; color: white; font-size: 20px; padding: 10px; }

    #cp_event_header #form_login form { margin: auto; }
     
    #cp_event_content #content_container #form_register { float: none; display: table;  width: 400px; margin: auto; color: white; font-size: 20px; padding: 0px; }

   .cpc_description_name { font-size: 12px; line-height: 20px; }
   .cpc_description_value { font-size: 15px; line-height: 20px; }

}

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

   #cp_event_content #content_container #form_register { width: 310px; text-align: right; font-size: 12px}
   #cp_event_content #content_container #form_register .firstname { width: 135px; font-size: 12px; }
   #cp_event_content #content_container #form_register .lastname { width: 135px; font-size: 12px;}
   #cp_event_content #content_container #form_register .email { width: 290px; font-size: 12px;}
   #cp_event_content #content_container #form_register .country { width: 170px; font-size: 12px;}
   #cp_event_content #content_container #form_register .canopyType { width: 85px; font-size: 12px;}
   #cp_event_content #content_container #form_register .canopySize { width: 80px; font-size: 12px;}
   #cp_event_content #content_container #form_register .canopyColor { width: 85px; font-size: 12px;}
   #cp_event_content #content_container #form_register .tshirtSize { width: 100px; font-size: 12px;}
   #cp_event_content #content_container #form_register .register { width: 140px; font-size: 12px; }

   #cp_event_content #content_container .registered { font-size: 18px; }

   .cpc_description_name { font-size: 10px; line-height: 15px; }
   .cpc_description_value { font-size: 12px; line-height: 15px; }

   #cp_event_content #logos img { width: 120px; }
}

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

   #cp_event_content #content_container #form_register { width: 210px; text-align: right; font-size: 12px }
   #cp_event_content #content_container #form_register .firstname { width: 85px; font-size: 12px; }
   #cp_event_content #content_container #form_register .lastname { width: 85px; font-size: 12px;}
   #cp_event_content #content_container #form_register .email { width: 190px; font-size: 12px;}
   #cp_event_content #content_container #form_register .country { width: 85px; font-size: 12px;}
   #cp_event_content #content_container #form_register .canopyType { width: 85px; font-size: 12px;}
   #cp_event_content #content_container #form_register .canopySize { width: 85px; font-size: 12px;}
   #cp_event_content #content_container #form_register .canopyColor { width: 85px; font-size: 12px;}
   #cp_event_content #content_container #form_register .tshirtSize { width: 85px; font-size: 12px;}
   #cp_event_content #content_container #form_register .register { width: 140px; font-size: 12px; }

   #cp_event_content #content_container .registered { font-size: 15px; }

  .cpc_description_name { font-size: 10px; line-height: 15px; }
  .cpc_description_value { font-size: 12px; line-height: 15px; }
  
  #cp_event_content #logos img { width: 100px; }

}