html {
     height: 100%;
}
 body {
     font-family: 'Montserrat', 'Roboto', sans-serif;
     background-image: -webkit-linear-gradient(top left, #944eb7, #f0b9e4, #9d58bb);
     background-image: -o-linear-gradient(top left, #944eb7, #f0b9e4, #9d58bb);
     background-image: linear-gradient(to bottom right, #ffc000, #ffc000, #ffc000);

}
 h1, h2, h3, h4 {
     font-weight: normal;
}

 .reg {
     color:black;
     background:white;
}
 .inverse {
     color:white;
     background:black;
}
 div {
     padding: 5px 5px;
}
 .right {
     background:white;
     width:30%;
     float: right;
     font-family: sans-serif;
     border: 1px solid black;
     border-width: 0 0 1px 1px;
}
 img.bg {
    /* Set rules to fill background */
     min-height: 100%;
     min-width: 1024px;
    /* Set up proportionate scaling */
     width: 100%;
     height: auto;
    /* Set up positioning */
     position: fixed;
     top: 0;
     left: 0;
}
 .white {
     color:#fff;
}
 .main-design {
     text-align: center;
     margin-top:0px;
}
 .main-design img {
     width:100%;
}
 .event-details {
     background-color: #f69200;
     border-color: #ce2c00 !important;
     font-weight: bold;
     font-size: 150%;
     margin:0 -15px;
     padding:0;
}
 .event-details div{
    margin:0;
     padding:5px 0;
     text-align: center;
     vertical-align: baseline
}
 .event-details div.register {
    margin:0;
    padding:5px 0;
    line-height: 60px;
}
.summary {
    font-size:120%;
}
.event-details div.register a { color:#fff; text-decoration: none}
 .dateInfo {
    border-right: 1px solid #a7a5a5;
    line-height: 150%;
    padding-top:5px;
}
 .venue {
    text-transform: uppercase;
    line-height: 60px;
    font-size: 80%;
}
 .pricing {
    font-size: 60%;
     color:#fff;
     text-align: justify!important;
     padding-left: 10px
}
 .register {
    background: #ce2c00;
     text-align: center;
}
 .left-container {
     width:60%;
     height: auto;
     position: absolute;
     left: 2%;
}
 .logo-event img.logo {
    /* Set rules to fill background */
    /* Set up proportionate scaling */
     width: 80%;
     height: auto;
    /* Set up positioning */
     position: relative;
     top: 0;
     left: -40px;
}
 .event-info.venue {
     background: #FFB6C1;
     box-shadow: -1px 0px 10px #ff4e4e;
}
 .event-info.venue span {
     display: block;
     font-size: 300%;
     line-height: 100%;
}
 .event-info.list-of-items{
     color:#a92527;
     font-size: 300%;
     line-height: 100%;
     margin-top: 10px 
}
 .right-container {
     position:relative;
     width:20%;
     padding: 0px;
     right:60px;
     top: 20px;
     z-index: 2;
}
 .signup-form {
     width: 100%;
     margin: 0 auto;
}
 .signup-form .logo-mikma {
     text-align: center;
     margin:0;
}
 .form-control {
     box-shadow: none;
     color: #969fa4;
}
 .form-control:focus {
     border-color: #dc3838;
}
 .form-control,.btn {
     border-radius: 3px;
}
 .signup-form {
     width: 100%;
     margin: 0 auto;
     font-size:90%;
}
 .signup-form h2 {
     color: #000;
     margin: 10px 0 15px;
     position: relative;
     text-align: center;
}
 .signup-form h2:before, .signup-form h2:after {
     content: "";
     height: 1px;
     width: 30%;
     background: #fff;
     position: absolute;
     top: 50%;
     z-index: 2;
}
 .signup-form h2:before {
     left: 0;
}
 .signup-form h2:after {
     right: 0;
}
 .signup-form form {
     color: #000;
     border-radius: 3px;
     margin-bottom: 0px;
     background: #fff;
     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
     padding: 5px;
}
 .signup-form .hint-text {
     color: #2379f7;
     margin-bottom: 10px;
     text-align: center;
}
 .signup-form .form-group {
     margin-bottom: 3px;
     font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}
 .signup-form input[type="checkbox"] {
     margin-top: 3px;
}
 .signup-form .btn {
     font-size: 16px;
     font-weight: bold;
     min-width: 140px;
     outline: none !important;
}
 .signup-form .row div:first-child {
     padding-right: 10px;
}
 .signup-form .row div:last-child {
     padding-left: 10px;
}
 .signup-form a {
     color: #fff;
     text-decoration: underline;
}
 .signup-form a:hover {
     text-decoration: none;
}
 .signup-form form a {
     color: #e60000;
     text-decoration: none;
}
 .signup-form form a:hover {
     text-decoration: underline;
}
 .signup-form .text-left {
     font-size:25px;
}
 .signup-form .text-left span {
     font-size:25px;
     display:block;
}
 .sponsor-info {
     margin-top: 20px;
}
 .sponsor-info .futureBricks {
     width: 90%
}
 .sponsor-info .dns{
     width: 60%
}
 .sponsor-info .idealistic{
     width: 50%
}
 .sponsor-info .noa{
     width: 80%
}
 .sponsor-info span.sponsor-logo {
}
 .sponsor-info .title {
     position: relative;
     display: block;
     margin-top: 0px;
     font-weight: bold;
     font-size: 110%;
    /* left:25px;
     */
}
 .sponsor-info img {
     width:15%;
     margin:-13px 10px 
}
 .boat {
     position: absolute;
     right:10%;
     bottom: 25%;
     z-index: 1;
}
 .flag {
     position: absolute;
     right:-16px;
     top: -16px;
     z-index: 1;
}
 @media screen and (max-width: 1536px) {
    /* Specific to this particular image */
     img.bg {
         /left: 0%;
         margin-left: 0px;
        /* 50% */
    }
     .event-info.venue {
         margin-top:-20px 
    }
     .event-info.venue span, .event-info.list-of-items {
         font-size: 200%;
         width: 90%;
    }
     .right-container {
         width:36%;
         background: url(../images/bg_form.png) repeat top left;
         top: 10px;
    }
     .signup-form .logo-mikma {
         width:100%;
         margin: auto 
    }
     .signup-form .form-group {
         margin-bottom: 0px;
         padding: 5px;
    }
     .sponsor-info span.sponsor-logo {
         width:40%;
    }
     .signup-form h2 {
         margin: 3px 0 7px;
    }
     .signup-form .logo-mikma {
         padding:0;
         width: 60%;
    }
     .signup-form .text-left span {
         font-size:85%;
         display: inline;
         margin: 0px 5px;
         padding:0;
         line-height: 11px;
    }
     .sponsor-info {
         bottom:0;
         height: 20%;
    }
}
 @media screen and (max-width: 1024px) {
    /* Specific to this particular image */
     img.bg {
         left: 50%;
         margin-left: -512px;
        /* 50% */
    }
     .event-info.venue span, .event-info.list-of-items {
         font-size: 200%;
    }
     .event-info.list-of-items {
         width: 70%;
    }
     .sponsor-info span.sponsor-logo {
         width:40%;
    }
     .flag {
         width: 56%;
    }
     .flag img {
         width: 100%;
    }
     .boat {
         right: 0%;
         bottom: 18%;
         width: 60%;
    }
     .boat img {
         width: 47%;
    }
     .right-container {
         width: 42%;
         top: 10px;
         right: 10px;
    }
     .form-control {
         height: 25px !important;
         font-size: 14px !important;
    }
     .sponsor-info img {
         width: 16%;
         m;
         margin: -13px -7px;
         margin-top: 10px;
         margin-left: 10px;
    }
}
 @media screen and (max-width: 704px) {
    /* Specific to this particular image */
     img.bg {
         left: 50%;
         margin-left: -512px;
        /* 50% */
    }
     div {
         display:block 
    }
     .main-design {
        margin-top:0px;
    }
     .main-design img {
        width: 100%;
    }
     .event-info.venue span, .event-info.list-of-items {
         font-size: 166%;
         width: 80%;
    }
     .venue {
        text-transform: uppercase;
        border-right: 1px solid #a7a5a5;
        line-height: 22px;
        font-size: 90%;
    }
     .pricing {
        font-size: 60%;
        color:#fff;
         text-align: center !important;
         padding-left: 10px;
    }
     .left-container {
         position: relative;
         width: 130%;
         top: -20px;
    }
     .event-info.venue span, .event-info.list-of-items {
         font-size: 180%;
    }
     .flag, .signup-form .logo-mikma{
         display: none;
    }
     .boat {
         display: none;
    }
     .boat img {
         width:60% 
    }
     .flag img {
         width:10%;
    }
     .right-container {
         position:relative;
         width:90%;
         top:10px;
         left:-5% 
    }
     .event-details div.register {
        margin:0;
        padding:5px 0;
        line-height: 50px;
        margin-bottom: -11px;
    }
     .sponsor-info {
         font-size: 75%;
         display: inherit !important;
         width:100%;
         text-align: center;
         margin: 0;
    }
     .sponsor-info .title {
         position: relative;
         display: block;
         margin-top: 0px;
         font-weight: bold;
         font-size: 135%;
         left: 0px;
    }
     .sponsor-info div {
         margin:0;
         padding:0px;
    }
     .sponsor-info img {
         display: inline-block 
    }
     .sponsor-info .futureBricks {
        width: 80%;
        margin: 0;
        padding: 0;
        margin-top: -20px;
    }
     .sponsor-info .dns{
        width: 50%;
        margin: 0;
        padding: 0;
        margin-top: -40px;
    }
     .sponsor-info .idealistic{
         width: 60%
    }
     .sponsor-info .noa{
         width: 60%
    }
}

.main-design img {
	min-width:100%;
}