html {
	background-color: black;
	background-image: url(images/TL-Background-1920.jpg), url(images/TL-Background-768LowP.jpg);
	background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
	height: 97%;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

body {
	height: 100%;
} /* End of body */

section {
	background-color: rgba(255,255,255,0.7);
	border-radius: 10px;
	font-family: 'Arvo', serif;
	text-align: center;
	letter-spacing: 6px;
	padding-top: 60px;
	height: 85%;
	margin: 20px 10px 20px 10px;
} /* End of section */

#namePart1 {
	font-size: 80px;
	width:620px;
	margin: auto;
	border: 2px solid black;
	border-radius: 10px;
} /* End of namePart1 */

#namePart2 {
	font-size: 40px;
	margin-top: 50px;
} /* End of namePart2 */

#namePart3 {
	margin-top: 50px;
	margin-bottom: 50px;
} /* End of namePart3 */

#phoneNumber {
	margin-bottom: 20px;
} /* End of phoneNubmer */

#emailAddress {
	/*margin-bottom: 30px;*/
} /* End of emailAddress */

a.class1 {color: black;}
a.class1:link {text-decoration: none; color: black;}
a.class1:visited {text-decoration: none; color: black;}
a.class1:hover {text-decoration: none; color: grey;}
a.class1:active {text-decoration: none; color: black;}
/* End of links */

#TDBC {
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
}

#mobileTDBC {
	position:absolute;
    width:100%;
    bottom:5%;
    margin-left:-50%;
}

a.class2 {color: white; opacity: 0.5;}
a.class2:link {text-decoration: none; color: white; opacity: 0.5;}
a.class2:visited {text-decoration: none; color: white; opacity: 0.5;}
a.class2:hover {text-decoration: none; color: darkred; opacity: 0.5;}
a.class2:active {text-decoration: none; color: white; opacity: 0.5;}
/* End of links */

#TDBC { display:inline; } /* Default Style (desktop first!) */
#mobileTDBC { display:none; } 
/* End of sahre button */

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media screen and (max-width: 1024px) {
	#TDBC { display:none; }
	#mobileTDBC { display:inline; }  

	html {
		height: 100%;
	}

	body {
		height: 95%;
		margin-top: 6px;
	}

	section {
		height: 90%;
		padding-top: 35px;
		margin: 15px 5px 15px 5px;
	}

	#namePart1 {
		font-size: 26px;
		width: 90%;

	} /* End of namePart1 */

	#namePart2 {
		font-size: 13px;
		margin-top:30px;
	} /* End of namePart2 */

	#namePart3 {
		margin-top: 30px;
		font-size: 8px;
		margin-bottom: 30px;
	} /* End of namePart2 */

	#phoneNumber {
		margin-bottom: 10px;
	}

	#emailAddress {
		margin-bottom: 10px;
	}

	a {
		font-size: 10px;
	}

	a.class2 {
		font-size: 9px;
	}
}