/* 3/29/2022  */


html { 
background: url(../images/4puppies-rev.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
height:100vh;
}

#logo {
margin-top:10vh;
margin-left:3em;
}


#text h1 {
color:#fff;
z-index:9999;
font-family:Roboto;
font-size:1.60vw;
//padding-top:1.25em;
padding-left:8%;
font-weight:400;
line-height:1.5em;

line-height:1.5em;
text-shadow: 2px 2px #000000;
}

#text h2 {
color:#fff;
z-index:9999;
font-family:Roboto;
font-size:1.35vw;
padding-top:1.10em;
padding-left:8%;
font-weight:400;
line-height:1.5em;
text-shadow: 2px 2px #000000;
}

#container1 #text {
width:44%;
height:100vh;
}

#navigation ul {
margin-top:2.00vw;
font-size:1.30vw;
padding-left:8%;
list-style:none;
}

#navigation ul li {
width:80%;
text-shadow: 2px 2px #000000;
color:#fff;
font-family:Arial;
font-size:0.8em;
margin-bottom:40px;
}

#navigation ul li a, a#email {
color:#fff;
text-decoration:none;
text-shadow: 1px 1px #000000;
background-color:rgba(197, 144, 2, 0.75);
padding:7px 20px 7px 20px;
border:2px solid #bbab6d;
border-radius:15px;
}

#navigation ul li a:hover, a#email:hover {
background-color:rgba(209, 198, 154, 0.75);
border:2px solid #fff;
  transition: 0.4s;
}

#pawtree {
width:18.5%;
margin-left:10%;
}

#container1 #footer {
padding-top:3.5vh;
padding-left:8%;
font-family:Roboto;
color:#fff;
line-height:1.5em;
font-weight:600;
}

#footer a {
color:#fff;
background-color:rgba(197, 144, 2, 0.75);
border:1px solid #fff;
padding:2px 16px;
text-decoration:none;
border-radius:12px;
font-weight:300;
}

#footer a:visited {
color:#fff;
}

#footer a:hover {
background:#2a78b2;
transition: all 300ms ease-in-out;
}
#container2 {
background: url(../images/bg1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
height:100vh;
border:1px solid grey;
}

#container3 {
background: url(../images/bg2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
height:100vh;
border:1px solid grey;
}

#container4 {
background: url(../images/bg3.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
height:100vh;
border:1px solid grey;
}

#container2 #text2 {
width:46%;
height:80vh;
margin-top:8vh;
margin-left:27%;
font-family:Roboto;
font-size:1.00vw;
line-height:1.4em;
background:#f2f4f8;
padding:40px 60px;
}

#bg1m, #bg2m, #sheri2a, #bg3m, #dog6b {display:none;}

#container3 #text3 {
width:50%;
height:80vh;
margin-top:8vh;
margin-left:46%;
font-family:Roboto;
font-size:1.10vw;
color:#322d2d;
line-height:1.4em;
padding:40px 60px;
}

#container4 #text4 {
width:50%;
height:80vh;
//margin-top:.25vh;
margin-left:27%;
font-family:Roboto;
font-size:1.10vw;
color:#322d2d;
line-height:1.4em;
padding:40px 60px;
}

.larger {
font-size:1.15em;
}

.updown #updown2 {
width:7%;
position:absolute;
top:180vh;
left:2%;
}

.updown #updown3 {
width:6%;
position:absolute;
top:270vh;
left:2%;
}


#quad {
width:100%;
margin-top:40px;
}

p#sheri-email {
font-size:1.5vw;
}

#pawtree-sitelink {
width:90%;
margin-top:4.5%;
margin-left:5%;
border:2px solid #76c300;

}