div.headline {font-family: "Lato", sans-serif; color: #333; font-size: 30px; font-weight: bold;}
a.headline:link {font-family: "Lato", sans-serif; color: #333; text-decoration: none; font-size: 30px; font-weight: bold;}
a.headline:visited {font-family: "Lato", sans-serif; color: #333; text-decoration: none; font-size: 30px; font-weight: bold;}
a.headline:hover {font-family: "Lato", sans-serif; color: #900; text-decoration: none; font-size: 30px; font-weight: bold;}

div.subhead {font-family: "Lato", sans-serif; color: #666; font-size: 20px; font-weight: bold;}

div.body {font-family: "Lato", sans-serif; color: #777; font-size: 14px;}
a.body:link {font-family: "Lato", sans-serif; color: #000; text-decoration: none; font-size: 14px; font-weight: bold;}
a.body:visited {font-family: "Lato", sans-serif; color: #000; text-decoration: none; font-size: 14px; font-weight: bold;}
a.body:hover {font-family: "Lato", sans-serif; color: #900; text-decoration: none; font-size: 14px; font-weight: bold;}

div.nav {font-family: "Lato", sans-serif; color: #ccc; font-size: 10px; font-weight: bold;}
a.nav:link {font-family: "Lato", sans-serif; color: #ccc; text-decoration: none; font-size: 10px; font-weight: bold;}
a.nav:visited {font-family: "Lato", sans-serif; color: #ccc; text-decoration: none; font-size: 10px; font-weight: bold;}
a.nav:hover {font-family: "Lato", sans-serif; color: #fff; text-decoration: none; font-size: 10px; font-weight: bold;}

/* Start Parallax Effect */
body, html {height: 100%;color: #777;line-height: 1.8;}

/* Create a Parallax Effect */
.bgimg-0, .bgimg-1, .bgimg-2, .bgimg-3 {background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}

/* First image (Tom Personal) */
.bgimg-0 {background-image: url('pix/tom1.jpg');min-height: 100%;}

/* Second image (Legal) */
.bgimg-1 {background-image: url('pix/tom2.jpg');min-height: 400px;}

/* Second image (Arabian Horse) */
.bgimg-2 {background-image: url("pix/tom3.jpg");min-height: 400px;}

/* Second image (Related) */
.bgimg-3 {background-image: url("pix/tom4.jpg");min-height: 400px;}


.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {.bgimg-0, .bgimg-1, .bgimg-2, .bgimg-3 {background-attachment: scroll;}}