/** RESETS  **/
*, html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
	color: #000;
	background: #FFF;
}
	
body, div, ul, li, h1, h2, h3, input, p, th, td, figure, figcaption {
	margin: 0;
	padding: 0;
}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
}
	
th {
	font-style: normal;
	font-weight: normal;
}
	
ul, li {
	list-style: none;
}
	
h1, h2, h3 {
	font-size: 100%;
	font-weight: normal;
}
	
input {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

body{
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
    font-family: Tahoma, Arial, sans-serif;
}

a{
	text-decoration: none;
}
	/** RESETS END **/

	/* main page  */
	
body, html{
	height: 100%;
}
#mainContainer{
	height: 100%;
	padding-top: 0px;
	background-color: #fff
}
#construction{
	background-image: url("../images/sunrise_breaking_on_rocks_1.jpg");
	height: 100%; 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

}
#logoArea{
	padding: 25px 0px 0px 25px;
	vertical-align: top;
}
#logo{
	width: 26%;
	display: inline-block;
}
#inspire{
	display: inline-block;
	width: 70%;
	padding: 0 15px 0 0;
	text-align: right;	
}
#contains{
	display: inline-block;
	background-color: black;
	opacity: .3;
}
#back{

	font-size: 5vw;
	color: #fff
	
}


	/* END main page  */

#divCalendar{
	text-align: center;
}
#calendar{
	width: 450px;
	margin-top: 100px;
}	
#calendarButton{
	position: absolute;
	top: 120px;
	right: 120px;
	width: 120px;
	height: 40px;
	border-radius: 10px;
	background-color: #D43668;
	text-align: center;
	font: 16px arial;
	color: white;
}
#buttonTitle{
	line-height: 40px;
}

	/* max width 600px  */
	/**
	
@media only screen and (max-width: 768px){
	#construction{

		
	}
}
	
@media only screen and (max-width: 600px){
	#construction{

		
	}
	#calendarButton{

	}

	#calendar{

	}	
}