@charset "UTF-8";
/* CSS Document */

body, html {
    height: 100%;
}

.bg {
    /* The image used */
    background-image:url(images/bg-01.jpg);

    /* Full height */
    height: 90%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color:#73787c;
}

.logo {
	position: absolute;
    width: 20%;
    height: auto;
	right: 0.5%;
    top: 5%;
}

.unveiling {
    position:absolute;
    max-width:45%;
    max-height:45%;
    top:50%;
    left:50%;
    overflow:visible;
}

img.unveiling {
	position:relative;
    max-width:100%;
    max-height:100%;
    margin-top:-30%;
    margin-left:-105%;	
}

.contact {
	position: absolute;
    left: 5%;
    bottom: 5%;
}


@media only screen and (min-width: 150px) and (max-width: 1000px)

{
	
.logo {
    width: 28%;
    height: auto;
}

.unveiling {
    position:absolute;
    max-width:45%;
    max-height:45%;
    top:50%;
    left:53%;
    overflow:visible;
}

.contact {
	position: absolute;
    right: 5%;
    bottom: 5%;
}
	
}