@import url('http://fonts.googleapis.com/css?family=Lato:300,400,700');@import url('http://fonts.googleapis.com/css?family=Luckiest+Guy');body{font-family:'Lato', Calibri, Arial, sans-serif;background:url(../img/bg.png) repeat #7ee2eb;font-weight:300;font-size:15px;color:#666;margin:0;-webkit-font-smoothing:antialiased;}a{color:#555;text-decoration:none;}#logo{color:#fff;font-family:"Luckiest Guy";font-size:40px;margin:40px 0 50px 0;text-align:center;z-index:3;}#logo a{color:#fff;}#logo a:hover{color:#555;}#logo #hmcc{border-bottom:1px solid #fff;font-family:"Arial";font-size:18px;font-weight:bold;line-height:0.1em;margin:0 0 15px 0;width:100%;}#logo #hmcc a{background:#7ee2eb;padding:0 10px;}.notice{color:red;}#lang{font-size:12px;font-weight:bold;text-align:right;}#lang ul{margin:0;padding:20px 0 0 0;}#lang ul li{display:inline;padding:0 5px;}#lang ul li:last-child{padding:0 40px 0 5px;}#lang ul a:hover{color:white;}#main{margin:0 250px;max-width:100%;}#main .title{background:rgba(255,255,255,0.5);font-size:24px;margin:0 0 20px 0;padding:10px;}#main h1{font-family:"Luckiest Guy";font-size:24px;font-weight:normal;margin:0 0 15px 0;}#main .content{background:rgba(255,255,255,0.75);margin:0 auto 100px auto;max-width:600px;font-weight:400;padding:40px;line-height:24px;border-radius:15px;-moz-border-radius:15px;}#register{background:rgba(255,150,150,0.9) !important;color:#fff;}#side-1{float:left;font-family:"Luckiest Guy";font-size:18px;font-weight:bold;position:fixed;width:215px;z-index:50;}#side-1 ul{margin:0;padding:0;}#side-1 ul li{border-top:solid 1px #fff;list-style:none;padding:0 0 0 20px;}#side-1 ul li a{color:#fff;display:block;font-weight:normal;padding:10px;}#side-1 ul li a:hover{background:none;color:#555;}#side-1 ul li:first-child{border-top:none;}#side-1 ul li:last-child{background:url(../img/register_flag.png);background-size:100% 100%;border:none;padding:5px 0 10px 20px;}#side-2{background:rgba(255,255,255,0.5);padding:10px;position:absolute;right:30px;top:30px;width:180px;}#calendar{padding:20px 0 10px 0;}#calendar table{width:100%;text-align:center;}#calendar table tr#days td{color:#090;font-family:"Luckiest Guy";font-size:24px;}#calendar table tr#time{background:#090;}#calendar table tr#time td{color:white;padding:10px;}#calendar span{background:white;}#calendar ul li{background:yellow;display:inline-block;padding:0 3px 0 0;text-align:center;}#parachute{position:fixed;top:60px;right:10px;}#parachute img{width:245px;}#layer-1{position:fixed;right:0;top:0;z-index:-1;}#layer-2{position:fixed;top:0;z-index:-1;left:0;}#layer-3{position:fixed;top:0;right:0;z-index:-1;}#cloud-1-1{position:absolute;right:35px;top:250px;}#cloud-1-2{position:absolute;right:600px;top:800px;}#cloud-2-1{position:absolute;left:35px;top:350px;}#cloud-2-2{position:absolute;left:500px;top:950px;}#cloud-3-1{position:absolute;right:35px;top:550px;}#cloud-3-2{position:absolute;right:400px;top:1100px;}#flags{margin:-150px 0 0 0;position:absolute;right:0;width:calc(100% - 249px);width:-webkit-calc(100% - 249px);width:-moz-calc(100% - 249px);z-index:1;}#flags img{width:100%;}#ribbon{left:0;position:absolute;width:100%;z-index:-1;}#ribbon img{width:100%;}#star-1,#star-2,#star-3,#star-4,#star-5,#star-6,#star-7{position:absolute;}#star-1,#star-2,#star-3{left:0;}#star-4,#star-5,#star-6,#star-7{right:0;}#star-1{margin:270px 0 0 20px;}#star-2{margin:190px 0 0 130px;}#star-3{margin:350px 0 0 170px;}#star-4{margin:340px 150px 0 0;}#star-5{margin:540px 110px 0 0;}#star-6{margin:160px 70px 0 0;}#star-7{margin:260px 20px 0 0;}#abc{left:0;position:absolute;}#abc #balloon-a{margin:0 0 0 20px;position:absolute;}#abc #balloon-b{margin:170px 0 0 70px;position:absolute;z-index:2;}#abc #balloon-c{margin:90px 0 0 140px;position:absolute;}#sun{margin:-150px 0px 0 -100px;position:absolute;z-index:-1;}#church{position:absolute;left:0;width:100%;}#church img{position:absolute;width:100%;}#registration label{display:inline-block;text-align:right;width:180px;}#registration label[for=Male],#registration label[for=Female],#registration label[for=Yes],#registration label[for=No]{margin:0 0 5px 5px;width:auto;}#registration input,#registration select{margin:0 0 5px 10px;vertical-align:middle;}#registration input{width:50%;}#registration input[type=Radio]{width:auto;}#registration select{font-size:18px;}#registration .register-button{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#da4f49;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);background-repeat:repeat-x;border-color:#bd362f #bd362f #802420;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:10px 15px;margin:30px 40% 0px 40%;font-size:18px;}#registration .register-button:hover{background:#ee5f5b;}#footer{margin:270px 40px 0 0;position:absolute;right:0;z-index:10;}#footer a{color:white;font-weight:bold;}@media screen and (max-width: 730px){#lang{text-align:center;}#lang ul li{width:20%;}#lang ul li:last-child{padding:0px;}#lang ul a:hover{color:white;}#logo{font-size:30px !important;}#logo #hmcc{font-size:12px !important;}#parachute{display:none;}#side-1{float:none;margin:0;position:inherit;text-align:center;width:100%;}#main{margin:60px 0 0 0;}#main .content{padding:20px;}#main h1{font-size:18px;}#abc{width:10%;}#abc #balloon-a{margin:-90px 0 0px 20px;}#abc #balloon-b{margin:-70px 0 0 70px;}#abc #balloon-c{margin:-80px 0 0 120px;}#abc img{width:50%;}#flags{margin:-100px 0 0 0 !important;width:100%;}#cloud-1-1{top:300px;}#registration input{width:40%;}}@media screen and (max-width: 920px){#flags{margin:-170px 0 0 0;}}@media screen and (min-width: 1200px){#flags{margin:-130px 0 0 0;}}