body{
	background-size: cover;
}

div.container{
    position:fixed;
    top: 8%;
    right: 0%;
    width:45%;
	min-width:800px;
	height: 320px;
    background:white;
}
.cv {
	padding-top: 20px !important;
}

.tel {
	font-size: 8pt;
	padding-left: 30px;
}

.linkedin {
	margin-right: 20px;
}

div.logo {
	position: fixed;
	bottom: 20px;
	right: 0;
	height: 30%;
	width: 100%;
}

.logo_cover {
	height: 100%;
	width: auto;
	float: right;
}

div.image_wrapper{
    float: left;
	width: 28%;
}

.headshot {
	height: calc(100% - 20px);
	border: 10px solid white;
}

div.content_wrapper{
    padding-left: 240px;
	padding-top: 20px;
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

div.name{
    font-size: 20pt;
}
div.subtitle{
    border-top: 1px solid black;
    width: 70%;
	min-width: 400px;
    padding-top: 5px;
    margin-top: 5px;
    font-size: 8pt;
}

div.details{
    color:black;
	font-size: 12pt;
    margin-top: 8px;
    min-width: 500px;
}

a:link {
    color:black;
    text-decoration: none;
}

/* visited link */
a:visited {
    color:black;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color:black;
    text-decoration: none;
}

/* selected link */
a:active {
    color:black;
    text-decoration: none;
}

div.credit{
    position: fixed;
    bottom: 0;
	left: 0;
	float: left;
    width: calc(100% - 60px);
	height: 20px;
    background:white;
    color: black;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: calc(5pt + 0.4vw);
    padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}

div.profession{
	font-size: 15pt;
    padding-top: 15px;
}

@media (min-width: 768px) and (orientation:portrait) {
   div.container {
	   width: 90%;
	   margin-left: 5%;
	   margin-right: 5%;
	   top: 17%;
	   height: 340px;
   }
   div.logo {
	   height: 47%;
	   width: 100%;
   }
   .logo_cover {
	   width: 90%;
	   margin-left: 5%;
	   margin-right: 5%;
	   height: auto;
   }
   .headshot {
	   height: calc(100% - 20px);
	   border: 10px solid white
   }
   .cv {
		text-align: left;
		padding-top: 25px;
	}
	div.credit {
		height: 40px;
		font-size: 12pt;
	}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
   div.container {
	   height: 340px;
   }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
   div.container {
	   height: 340px;
   }
}

@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {
   div.container {
	   height: 340px;
   }
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
   div.container {
	   height: 340px;
   }
}

@-moz-document url-prefix() { 
  div.firefox_container {
     height: 335px !important;
  }
}