html {
	/* This image will be displayed fullscreen */
	background:url('../img/bg01.jpg');
   

	/* Ensure the html element always takes up the full height of the browser window */
	min-height:100%;

	/* The Magic */
	background-size:cover;
    background-position: center center;
    height: 100%;
	
}

body {
    text-align: center;  
	width: auto;
    height: 100%; 
    min-height: 100%;
    color: #ffffff;
    font-family: 'Open Sans', Arial, sans-serif;
	
}

a{
	color: #0000FF;
}

a:hover{
	color: #0000FF;
	text-decoration: line-through;
}

a:visited{
	color: #0000FF;
}

h1{
    padding-bottom:8px;
	font-weight: 400;
	font-size: 1.2em;
    display: block;
}

h2{
    padding-bottom:8px;
	font-weight: 400;
	font-size: 1.0em;
    display: block;
}



#frameContainer{
    width:100%;
    height:100%;
    min-height:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-style: solid;
    border-width: 20px;
    border-color: #ffffff;
    position: fixed;
    left:0;
    top:0;
    z-index:100;
    pointer-events: none;
}



#bgImagesContainer{
    width:auto;
    height:auto;
}

#bgImage1{
    width:100%;
    height:100%;
    min-height:100%;
    position: fixed;
    left:0;
    top:0;
    background-size:cover;
    background-position: center center;
	background-image: url('../img/bg01.jpg');
}

#bgImage2{
    width:100%;
    height:100%;
    min-height:100%;
    position: fixed;
    left:0;
    top:0;
    background-size:cover;
    background-position: center center;
	background-image: url('../img/bg05.jpg');
   
}
#bgImage3{
   width:100%;
    height:100%;
    min-height:100%;
    position: fixed;
    left:0;
    top:0;
    background-size:cover;
    background-position: center center;
	background-image: url('../img/bg03.jpg');
}


#contentContainer{
    width:auto;
    height: auto;
    margin-left: auto ;
    margin-right: auto ;
    /*
    margin-top: 50px;
    margin-bottom: 20px;
     */
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
}


#logoContainer{
    margin-left: auto ;
    margin-right: auto ;
    position: relative;
    width:110px;
    height:auto;
    display:block;
    margin-bottom: 40px;
}

#logoContainer img{
    width:100%;
    height:auto;
}

#textContainer{
    width:100%;
    height:auto;
    display: block;
}

#line{
    margin-left: auto ;
    margin-right: auto ;
    position: relative;
    width:30px;
    height:2px;
    display:block;
    margin-bottom: 30px;
    margin-top: 30px;
    background-color: #ffffff;
}

#smallTextContainer{
    width:100%;
    height:auto;
    display: block;
    font-weight: 700;
	font-size: 0.7em;
    margin-bottom:15px;
}

#linkedIn{
    width:200px;
    height:auto;
    display: block;
    margin-left: auto ;
    margin-right: auto ;
}

#cta{
    width:100%;
    height:auto;
    display: block;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
 
}
a #cta {
     width:200px;
}

a:hover #cta {
    background-color: rgba(27, 45, 31, .4);
}


#cta img{
    width:80px;
    height: auto;
}