body{
background-image: url('tortoisetile.png');
}

table, th, td {
  border:2px solid green;
  background-color: white;
}

@media only screen{
.tort img {
width: 30%;
padding-left: 10%;
padding-right: 7%;
}

.container{
padding-left: 33%;
}
.text {
width: 50%;
}

.container1{
float: left;
width: 30%;
}
.container2{
float: left;
padding-left: 5%;
width: 60%;
}

.enclosureimg img{
width: 100%;
}

.enclosuretext {
background-color: white;
border: 2px solid green;
}
}

@media only screen and (max-width: 700px) {
.tort img {
width: 80%;
}
.container{
padding-left: 15%;
}

.text {
width: 80%;
}

.container1{
float: left;
width: 80%;
padding-left: 10%;
}
.container2{
float: left;
padding-left: 10%;
width: 80%;
}

.enclosureimg img{
width: 100%;
}

.enclosuretext {
background-color: white;
border: 2px solid green;
}

}

div.text {
background-color: white;
border: 2px solid green;
}