.wrapper {

    width: 100%;

    margin: 0 0;

    text-align:center;

}


body {

    background-color: #e6e6e6;
font-size:2.5vmin;

}


 .inventory-thumb {
width:70%; 
border:solid black 1px;
}

.inventory-box1 {
display: inline-block;
vertical-align:top;
width:99%;
border:solid black 1px;
margin-top:3px;
background-color:white;

}   

.inventory-button {
float:right; 
border:solid silver 2px; 
box-shadow: black 2px 2px; 
background-color:lightgrey; 
width:20%; 
height:auto; 
font-size:2.5vmin; 
text-align:center;
text-decoration:none; 
color:darkblue;
}


.floorplan {
width:99%;
}


.model-box1 {
display: inline-block;
vertical-align:top;
float:left; 
width:99%;
margin-top:5px;
}


.model-box2 {
display: inline-block;
vertical-align:top;
float:left; 
width:99%;
margin-top:5px;
}


.contact {
float:right; 
border:solid black 1px; 
padding:8px;
width:95%;
}

.floating-box {

    display: inline-block;

    font-family: Arial; 

font-size:16px; 

color: black; 





width: 97%; 

text-align:center;

padding:5px;

}



    .floating-box2 {

    display: inline-block;

    width: 100%;
   

   height: 150px;



vertical-align: top;
}


    .headpic {
background:url(img-g/hmpgAnim101416a.gif) top center no-repeat; 
background-size: contain;
    display: inline-block;

    width: 100%;

   height:200px;

vertical-align: top;
}

    .headpic1 {
width: 100%;
vertical-align: top;
}

    .leftpic1 {

width: 80%;
}


.new-used-box1 {

display: inline-block;

font-family: Arial; 
font-size:16px; 
color: black; 
width: 95%; height:auto; 
text-align:center;
padding:5px;
margin-left:0;
border:solid black 1px;
background-color:#706b6b;
}

.new-used-box2 {

display: inline-block;

font-family: Arial; 
font-size:16px; 
color: black; 
width: 95%; height:auto; 
text-align:center;
padding:5px;
margin-right:0;
border:solid black 1px;
background-color:#706b6b;
}

.colLeft {

width:97%;
font-family:arial;
font-size:4vmin;
padding:1%;
background-color:white;
border: solid black 1px;
}

.colRight {

width:97%;
font-family:arial;
font-size:4vmin;
padding:1%;
background-color:white;
border: solid black 1px;
}


.nav {

    display: inline-block;

    vertical-align:top;

    width: auto;

    height: auto;

    margin: 1px;

     border: solid black 2px;

     border-radius:5px;

    font-family:Arial;

    font-size:14px;

    text-align:left;

    padding:4px;

    background-color:white;

font-weight:bold;

}



.content1 {font-family: Arial; text-align: left; font-size:12px;   background-color: white; padding:1%; width: 97%; height:auto; clear:both; border: 1px solid black;}







@media screen and (min-width: 955px) {

    body {

        background-color: #e6e6e6;    
        font-size:18px;   
}

    

 .inventory-thumb {
width:99%;

}

    


.inventory-box1 {
display: inline-block;
vertical-align:top;
width:30%;
border:solid black 1px;
margin-top:3px;
background-color:white;

}    

    
.floorplan {
width:55%;
}



.model-box1 {
display: inline-block;
vertical-align:top;
float:left; 
width:45%;
margin-top:5px;
}


.model-box2 {
display: inline-block;
vertical-align:top;
float:right; 
width:45%;
margin-top:5px;
}


.contact {
float:right; 
border:solid black 1px; 
padding:8px;
width:40%;
}

       

    .floating-box {

    display: inline-block;
    font-family: Arial; 
font-size:18px; 
color: black; 
 background-color:#e6e6e6;
padding:1%; 
width: 97%;
border:none; 
}



    .floating-box2 {

    display: inline-block;
    width: 50%;
    height: 350px;
    margin:5px;
vertical-align: top;
text-align:center;

}



    .headpic {

    display: inline-block;
    width: 48%;
    height: 350px;
    margin:5px;
vertical-align: top;
text-align:center;

}



    .headpic1 {
float:left;
width: 50%;
vertical-align: top;
}

    .leftpic1 {
float:left;
width: 35%;
}



    .floating-box3 {

    display: inline-block;
    font-family: Arial; 
font-size:16px; 
color: black; 
  margin-right:5%;
 background-color:#e6e6e6;
padding:2px; 
width: 38%;
border:none; 
float:right;
}

.new-used-box1 {

display: inline-block;
float:left;
font-family: Arial; 
font-size:16px; 
color: black; 
width: 48%; height:auto; 
text-align:center;
padding:5px;
margin-left:5px;
border:solid black 1px;
background-color:#706b6b;
}

.new-used-box2 {

display: inline-block;
float:right;
font-family: Arial; 
font-size:16px; 
color: black; 
width: 48%; height:auto; 
text-align:center;
padding:5px;
margin-right:5px;
border:solid black 1px;
background-color:#706b6b;
}


.colLeft {
float:left;
width:45%;
font-family:arial;
font-size:18px;
padding:2%;
background-color:white;
border: solid black 1px;
}

.colRight {
float:right;
width:45%;
font-family:arial;
font-size:18px;
padding:2%;
background-color:white;
border: solid black 1px;
}


.nav {

    display: inline-block;

    vertical-align:top;

    width: auto;

    height: auto;

    margin: 1px;

     border: solid black 2px;

     border-radius:5px;

    font-family:Arial;

    font-size:14px;

    text-align:left;

    padding:4px;

    background-color:white;

font-weight:bold;

}


.content1 {font-family: Arial; text-align: left; font-size:16px; color: black; 
text-shadow: white 1px 1px;  background-color: white; padding:1%; width: 97%; height:auto; border: 1px solid black;}