@media all and (max-width: 500px) {

#container1 #text h1  {
text-align:center;
width:100em;
margin-left:0.75em;
padding:0;
}

#container1 #text h2  {
text-align:center;
width:100em;
margin-left:0.75em;
padding:0 30px 0 0;
}

#logo {
width:22em;
margin-top:3vh;
margin-left:1.5em;
}

#container1 #text {
width:100%;
}

#container1 #text h1 {
width:100%;
font-size:1.1em;
margin-top:-16px;;
padding-top:0;
}

#container1 #text h2 {
width:100%;
font-size:0.8em;
padding-top:7px;
padding-left:13%;
}


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

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

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


#container2 {
background:#e8ebf1;
height:135vh;
border:1px solid grey;
}

#container3 {
background:#e8ebf1;
height:135vh;
border:1px solid grey;
}

#container4 {
background:#e8ebf1;
height:145vh;
border:1px solid grey;
}


#container2 #text2 {
width:88%;
height:85vh;
margin-top:4vh;
margin-left:7%;
padding:0;
font-family:Roboto;
font-size:3.50vw;
line-height:1.4em;
background:none;
}

#container3 #text3 {
width:88%;
height:85vh;
margin-top:4vh;
margin-left:7%;
padding:0;
font-family:Roboto;
font-size:3.50vw;
line-height:1.4em;
background:none;
}

#container4 #text4 {
width:88%;
height:85vh;
margin-top:4vh;
margin-left:7%;
padding:0;
font-family:Roboto;
font-size:3.50vw;
line-height:1.4em;
background:none;
}

#bg1m {
display:block;
float:left;
margin:10px 20px 10px 0;
width:55%;
}

#bg2m {
display:block;
float:left;
margin:16px 20px 10px 0;
width:55%;
}

#sheri2a {
display:block;
float:right;
margin:10px 10px10px 20px;
width:28%;
}

#bg3m {
display:block;
float:left;
margin:0 22px 5px 0;
width:50%;
border:1px solid #c1c0cf;
}

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

#dog6b {
display:block;
width:96%;
margin:20px 0 0 2%;
}