body{

background-size:27%;
background-color:white;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
margin:0px;
font-size:1.1em; 
}

h2{font-size:1.3em; max-width:90%;}

.logo {
    width: 80%;

background:url('logo.png');
background-size:45%;
background-position:50%;
background-repeat:no-repeat;
padding-top:10px;

padding-bottom:10px;
position:absolute;
margin-left:10%;
margin-right:10%;
z-index:9999;
display:block;


}
.logo:before {
    content: "";
    float: left;

    padding-bottom: 8%;
}

.logo:after {
    content: "";
    display: table;
    clear: both;
}
.contactcontainer{
display:block;
position:relative;
height:50px;
width:45%;
overflow:hidden;
margin-bottom:3px;
}
.contactcontainer p{
padding-left:110px;
margin-top:2px;



text-align:right;
display:block;
margin-bottom:0px;
}

.hlogo {
    width: 100px;
height:47px;
float:left;
display:block;

background-repeat:no-repeat;
background:url('http://gtfireinstallations.co.uk/images/hetasregistered.jpg');
background-size:100%;
margin-bottom:5px;

}


.button{
display:block;
float:left;
width:16.6666%;
position:relative;

color:white;
cursor:pointer;
text-align:center;
font-size:1.5vw;
padding-bottom:4px;

border:0px;
background-color:black;
height:auto;
margin-bottom:0px;
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
}

.button:hover{

color:rgb(234,27,35);

background:rgb(35,43,46);
    -webkit-transition: 700ms ease-out;
    -moz-transition: 700ms ease-out;
    -o-transition: 500ms ease-out;
    transition: 500ms ease-out;

}

#selectedbutton{
background:rgb(35,43,46);
color:rgb(234,27,35);
}
.menu{
width:80%;
min-width:700px;


display:inline-block;
font-weight:800;

}
.content{
display:inline-block;
background:white;

width:80%;
min-width:700px;
margin-top:0px;
box-sizing: border-box;
border-left:10px solid black;
border-right:10px solid black;
padding-top:20px;
padding-bottom:30px;
}

.content p{
margin-left:30px;
margin-right:30px;
background:white;

}

.content h1{
margin-top:10px;
}

.fadein {
display:inline-block;
    width: 80%;
position:relative;
overflow:hidden;
height:410px;
min-width:700px;
background-color:white;


}

.fadein:before {
    content: "";
    float: left;

    padding-bottom: 65%;
}

.fadein:after {
    content: "";
    display: table;
    clear: both;
}

@media (min-width:1300px){
.fadein{height:440px;
}}


@media (min-width:1550px){
.fadein{height:530px;
}}

@media (min-width:1900px){
.fadein{height:630px;
}}
.fadein img {
    position:absolute;
    left:0;
    top:0;
position:center;
width:100%;
}
.phone{
position:absolute;
margin-top:-45px;
background-color:black;
color:white;
width:auto;
overflow:hidden;
font-size:1.2em;
font-weight:800;

background:url('phone.png');
background-size:19px;
background-position: 7px 4px;
background-repeat:no-repeat;
background-color:black;
right:11%;
}

.email{
position:absolute;
font-weight:800;
margin-top:-45px;
font-size:1.2em;
color:white;
width:auto;
margin-left:11%;
overflow:hidden;
background:url('email.png');
background-size:32px;
background-position: 5px 2px;
background-repeat:no-repeat;
background-color:black;

}
.email:hover, .phone:hover{
cursor:pointer;
opacity:.5;
 transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
   -webkit-transition: .25s ease-in-out;}

.email p, .phone p{


margin:5px;
margin-top:3px;
margin-bottom:6px;
overflow:hidden;
padding-left:35px;
}
.phone p{
padding-left:25px;
}

.footercontainer{
width:80%;
position:relative;
background:black;

padding:5px;
padding-left:0px;
padding-right:0px;


background:url('flame.gif');
background-size:102% 250px;
background-position:center 0px;

}
.footer{
width:320px;
display:inline-block;

color:white;

}

.footer img{

border:0px;
border-radius:5px;
position:relative;
width:150px;
}
.footer p{

position:relative;
font-size:.8em;
width:170px;
line-height:.8em;
padding-top:5px;




margin:0px;
padding-bottom:5px;
}


.servicescontainer{
width:80%;
box-sizing: border-box;
background:rgb(215,215,215);
margin-left:10%;
margin-right:10%;

border-radius:10px;
display:inline-block;

}

.list{
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
margin:0px;
width:50%;
box-sizing: border-box;

float:left;

}

.list p{
background:black;
color:white;
border-radius:10px;

float:left;
width:100%;
margin:0px;
margin-bottom:7px;
padding-top:5px;
padding-bottom:7px;
cursor:pointer;
}

.list p:hover{
background:rgb(234,27,35);
 transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
   -webkit-transition: .25s ease-in-out;
}

.sdescription{
margin:0px;
margin-top:60px;
width:50%;
box-sizing: border-box;
border-left:0px;
font-size:.9em;


float:left;
border-radius:0px 10px 10px 0px;
}

.sdescription{
display:none;
}
.sdescription p{
background:transparent;
}

.thegrid{
width:100%;
height:500px;
border: solid black;
border-width:0px 0px 0px 0px;
box-sizing: border-box;
}

.modelcolumn{
width:90%;


overflow:hidden;

float:left;

box-sizing: border-box;
margin-top:20px;
display:block;
position:relative;
margin-left:5%;
margin-right:5%;
display:none;
height:auto;
}

.makecolumn{
width:95%;
box-sizing: border-box;

border: solid black;
border-width:0px 0px 0px 0px;
display:block;
position:relative;
margin-left:3.5%;

}

.makecolumn img{
    width: 30%;
float:left;
border-radius:10px;
margin-left:1%;
margin-right:1%;
color:transparent;
font-weight:800;
text-align:center;

overflow:hidden;
border: solid black;
border-width:2px;
color:grey;
    box-sizing: border-box;
cursor:pointer;
border-style:outset;
  box-shadow: 2px 2px 5px;
}


.makecolumn img:before {
    content: "";
    float: left;

    padding-bottom: 95%;
}

.makecolumn img:after {
    content: "";
    display: table;
    clear: both;
}

.makecolumn img:hover {
opacity:.5;
 transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
   -webkit-transition: .25s ease-in-out;
}

.modelthumbcontainer{

margin-left:auto;
margin-right:auto;
overflow:hidden;

white-space:nowrap;   
}
.modelthumb{
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
display:inline-block;
width:19%;
float:left;
margin-right:1%;
height:100px;
padding-bottom:10px;
cursor:pointer;
display:block;

border-color:rgba(0,0,0,.5);
border-radius:10px;
border:2px;

padding-top:10px;
}
.modelthumbs{
display:none;
}
.modelthumb img{
max-width:60%;
height:90px;
}

.modelthumb p{
margin:0px;

font-size:.8em;
}

.modelthumb:hover{
opacity:.5;

}

.fireplacedescription{
width:90%;
float:left;
margin-top:10px;

max-height:400px;
overflow-y:scroll;
margin-right:5%;
margin-left:5%;
border:solid black;
border-width:0px 0px 0px 0px;
display:none;
font-size:.8em;
}
.fireplacedescription h1{
margin-top:50px;
}
.fireplacedescription p, ul{
text-align:left;
}

.rangename{
background:rgb(234,27,35);
border-radius:5px;
width:95%;
color:black;
padding-top:5px;
padding-bottom:5px;
margin-right:5%;


font-size:1.1em;
}

#pdf{
background:url('pdf.jpg');
background-size:20px;
background-repeat:no-repeat;
padding-left:25px;
}
#pdf a{
color:black;
text-decoration:none;
}
#pdf:hover{
opacity:.5;
}

#scrollbutton{
position:fixed;
top:100px;
left:100px;
width:100px;
height:100px;
background:blue;
}

#scrollbutton:hover{
opacity:.8;
}

#scrollbutton:active{
background:rgb(234,27,35);
}
#logtitle{
color:green;
text-align:left;
margin-left:5%;
margin-bottom:5px;
}
.logtable{
width:90%;
margin-left:5%;
border:3px solid black;
margin-right:5%;
float:left;
margin-bottom:20px;
}

.logtable img{

width:50%;
float:left;
}

.logtable h1{
float:left;
color:green;
margin-bottom:0px;
margin-left:2%;
font-size:1.8em;
}


#code{
text-transform:uppercase;
letter-spacing:-.5px;
float:left;
margin-top:20px;
font-size:1.1em;
margin-left:20px;
}

#code2{
text-transform:uppercase;
letter-spacing:-.5px;
float:left;
margin-top:0px;
font-size:1.0em;

margin:0px;

}
.logdescription p{
background:transparent;
}
.logdescription{
width:47%;
float:left;
text-align:left;
margin:0px;
background:transparent;
margin-left:2.5%;
font-size:1.0em;
}

.logdescription p{
margin:0px;
}


.address{
float:right;
margin-right:15%;
margin-left:15%;
width:70%;
border-radius:10px;
color:white;


}
.address h1{
background:black;

display:block;
color:white;
font-size:1.4em;
line-height:1.9em;
width:33.3%;
cursor:pointer;
height:50px;
float:left;
margin-bottom:0px;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.address h1:hover{
opacity:.5;
}
#contactform{
padding-top:50px;

border:3px solid black;
border-top:0px;
box-sizing: border-box;
border-radius:0px 0px 10px 10px;
display:inline-block;
width:100%;
display:none;
}
#contactdetails{

border:3px solid black;
border-top:0px;
box-sizing: border-box;
border-radius:0px 0px 10px 10px;
display:inline-block;
width:100%;

}

#map{
border:3px solid black;
border-top:0px;

box-sizing: border-box;
border-radius:0px 0px 10px 10px;
display:inline-block;
width:100%;
display:none;
}
.address img{
max-width:100%;
margin-left:auto;
margin-right:auto;
display:block;

}

.address h2{
margin-top:5px;

margin-bottom:5px;
}

.address p{
border-radius:5px;
background:white;
color:black;
}

.contactform{
width:100%;
display:inline-block;
border-radius:10px;
margin-top:60px;

color:white;
}

.contactform label{
float:left;
color:black;
}
.contactcolumn{
color:black;
float:left;
width:45%;

overflow:hidden;
display:inline-block;
margin-bottom:15px;
}

#namel, #phoneel, #emaill{

color:black;
width:60px;
display:block;
text-align:left;
margin-top:21px;
float:left;

margin:0px;
margin-left:10%;

}

#captchaid{
display:inline-block;
width:100%;
margin-left:auto;
margin-right:auto;
height:20px;
margin-bottom:10px;
}
#txtCaptcha{
margin-top:10px;
position:relative;
display:block;
margin-bottom:5px;
text-align:center;
}
#imgCaptcha{

height:40px;
position:relative;
display:block;

}
#name, #phonee, #emaili{
float:left;
width:70%;
border-radius:5px;


display:block;
}

#name:focus, #phonee:focus, #emaili:focus, #message:focus{
background:rgba(255,255,255,.9);
}
#messagel{
color:black;
float:left;
width:100%;
margin-top:-5px;

}
#message{
border-radius:5px;
font-family:calibri;
width:100%;
height:92px;
}

#submit{
width:50%;
margin-top:5px;
background-color:white;
border-color:black;
border-style:solid;
height:30px;
color:black;
font-weight:800;
border-radius:5px;
margin-bottom:10px;
}
#submit:hover{
opacity:.5;
}




@media (max-width:1350px){
.logtable img{

width:100%;
float:left;
}

.logtable h1{
width:100%;
background:transparent;}
.logdescription{
width:100%;
text-align:center;
background:transparent;}
#code, #code2{
text-align:center;
width:100%;
background:transparent;}
}
@media (max-width:700px){
.contactcolumn{
width:90%;
}

#messagel{
margin-top:20px;

}

.contactform{
height:auto;
}
#message{

}

#submit{
margin-bottom:20px;
}}


.active{
    background-color: #1A2040;
    color: white;

}

.price{
font-size:1.5em;
border-radius:5px;
border-color:(0,0,0,.5);
border-width:1px;
border-style:solid;
  box-shadow: 2px 2px 5px;
color:black;
float:right;
display:block;
padding-left:10px;
padding-right:10px;
margin-right:1%;
padding-top:4px;
padding-bottom:4px;
cursor:default;
}

.modelcolumn select{
  box-shadow: 2px 2px 5px black;
background:white;

border-radius:5px;
text-align:left;
font-size:.9em;
height:40px;
padding-left:10px;
padding-right:10px;
margin-bottom:10px;
border:0px;
color:black;
text-align:center;
border: 2px solid black;
font-weight:800;
max-width:95%;
}
.modelcolumn option{
height:30px;
padding-top:10px;
border-radius:10px;
font-size:.9em;

}

#dunsley-rangeselector{

}

#contura-rangeselector, #woodwarm-rangeselector{
}


#contura-default-thumbs .modelthumb{

}

#dunsley-default-thumbs .modelthumb{

}

#woodwarm-rangeselector, #contura-rangeselector option{
}
#woodwarm-default-thumbs-dropdown{
}

#woodwarm-phoenix-thumbs-dropdown{
 }

#woodwarm-fireview-thumbs-dropdown{
 }

#woodwarm-slender-fireview-thumbs-dropdown{
}


#contura-default-thumbs-dropdown{
}

#contura-i5-thumbs-dropdown{
}

#contura-i6-thumbs-dropdown{
}

#contura-500-thumbs-dropdown{
}

#contura-600-thumbs-dropdown{
}

#contura-700-thumbs-dropdown{
 }

#contura-800-thumbs-dropdown{
}



.fireplacedescription table{

width:80%;
margin-left:auto;
margin-right:auto;
margin-top:20px;
background:rgba(200,50,70,0.1);
margin-bottom:20px;
border-radius:10px;
font-size:1em;
}

.fireplacedescription table:before{
font-size:1.4em;
content: "Product Information:";
display:inline-block;

font-weight:bold;
}

.fireplacedescription img{
max-width:90%;
}
.fireplacedescription embed{
margin-top:30px;
display:block;
width:80%;
margin-left:auto;
margin-right:auto;
height:500px;
}

.modelcolumn option{
background-repeat:no-repeat;
background-size:20px;
}

.browseprompt{
font-size:1em;
background:yellow;
border-color:rgb(234,27,35);
border-width:1px;
border-style:solid;
  box-shadow: 2px 2px 5px rgb(234,27,35);
color:black;

float:left;
display:block;
padding-left:5px;
padding-right:5px;
margin-left:1%;
cursor:default;
width:280px;
text-align:left;
margin-bottom:10px;
max-width:90%;
display:none;
}

#contura img{


}

#woodwarm a, #dunsley a{color:rgb(234,27,35); cursor:pointer; font-weight:800; text-decoration:underline;}
#woodwarm a:hover, #dunsley a:hover{opacity:.5;}



#wrong{
color:white;
background:black;
border:1px white dotted;
max-width:80%;
padding-left:5px;
padding-right:5px;
margin-top:0px;
 transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
   -webkit-transition: .25s ease-in-out;}

label.error { width: 70%;
display:block;

margin-left:28%;

margin-top:-20px;
color:red;



font-size:.7em;
 transition: .55s ease-in-out;
   -moz-transition: .55s ease-in-out;
   -webkit-transition: .55s ease-in-out;}
@media (max-width:590px){
#captchaid{
position:relative;
width:100%;
}
#txtCaptcha{
position:relative;
width:80%;
margin-left:10%;
margin-right:10%;
}

}


#success{
color:black;
width:400px;
border:1px green dotted;
max-width:80%;
padding-left:5px;
padding-right:5px;
margin-top:10px;
 transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
   -webkit-transition: .25s ease-in-out;

background:url('tick.png');
padding-left:30px;
background-size:16px;
background-position:50px;
background-repeat:no-repeat;

background-color:white;
display:none;
cursor:default;
}


@media (max-width:1000px){
.fadein{
height:250px;
}
.logo {
    width: 100%;
margin-left:0%;
margin-right:0%;
}
.modelthumb{

height:180px;
}
.contactcolumn{
width:90%;
margin-left:5%;

margin-right:5%;
}
.contactform{

}
#message{
width:91%;
}

#name, #phonee, #emaili{
width:90%;

padding:0px;
margin-left:5%;
margin-right:5%;

}
#namel, #phoneel, #emaill{
width:100%;
text-align:center;

margin:0px;
}

label.error { width: 90%;
display:block;

margin-left:5%;
margin-right:5%;

}
}

#introimage2{
width:42.5%;
margin-left:5%;

border-radius:10px;
margin-bottom:20px;
  box-shadow: 2px 2px 5px ;
display:block;
float:left;
}

.quote{

margin-bottom:20px;
background:pink;
border-radius:10px;
width:40.5%;
padding-right:1%;
padding-left:1%;
margin-right:5%;
padding-top:20px;
padding-bottom:20px;
margin-left:5%;
font-size:1.8vw;
display:inline-block;


float:right;
  box-shadow: 2px 2px 5px ;
}


#intro p{
text-align:left;
background:transparent;
width:90%;
margin-right:auto;
margin-left:auto;
}

#cards
{


float:right;
margin-right:6%;

display:inline-block;
width:40%;
  box-shadow: 2px 2px 5px ;
border-radius:10px;
margin-bottom:20px;
}

.newtitle{
background:url('backg.png');
background-repeat:no-repeat;
color:white;
font-size:2.5em;
background-size:auto 100%;

background-position:center;
padding-bottom:5px;
max-width:100%;
}

#longer{
background:url('backg2.png');
background-repeat:no-repeat;
background-size:auto 100%;
background-position:center;
}
@media (max-width:720px){
.newtitle{
font-size:1.8em;
}
}

@media (max-width:560px){
.newtitle{
font-size:1.4em;
}
}

@media (max-width:360px){
#introimage2{
max-width:90%;
width:90%;
background:red;
margin-left:5%;
margin-right:5%;
  box-shadow:0px;
}
}

#model{max-height:240px;}

.griditem{
border-radius:10px;
border:0px black solid;float:left;
height:242px;
width:24%;
overflow:hidden;
margin-left:.8%;
box-sizing: border-box;
margin-bottom:30px;
}
.griditem img{
max-width:100%;
min-height:200px;
max-height:200px;
}


.griditem p{
display:block;
background:url('backg.png');
background-size:auto 100%;
color:white;
background-repeat:no-repeat;
background-position:center 1px;

}

@media (max-width:800px){

.griditem{width:47%;
margin-left:2%;
}
.logo{
background-size:65%;
padding-top:40px;
}
#map{
display:none;
}

.fadein{
width:100%;
min-width:0px;
}

.menu{
width:100%;
min-width:0px;
}
.fadein img{
width:100%;
min-width:0px;
min-width:300px;
min-height:100%
}
.footercontainer{
width:100%;
}
.button{
font-size:1em;
}
.content{
width:100%;
min-width:0px;
}

.phone{
right:2%;}
.email{
margin-left:2%;
}
}

@media (max-width:560px){
.logo{
background-size:75%;
padding-top:40px;
}
.menu a{
font-size:1.1em;
}

.griditem {
width:98%;
margin-left:1%;
margin-right:1%;
}

.fadein{
height:200px;
}
}

.display{
width:90%;
margin-left:5%;
margin-right:5%;
display:inline-block;
}
.display img{
margin-left:5%;
margin-right:5%;
float:left;
width:23%;
}


@media (max-width:1180px){
.fadein {height:350px;
}}

@media (max-width:1010px){
.fadein {height:300px;
}}


.next{
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
width:25%;
min-width:80px;
height:25px;
background:black;
border:2px white solid;
color:white;
float:right;
margin-right:10%;
display:inline-block;
margin-top:-40px;
}

.previous{
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
width:25%;
min-width:80px;
height:25px;
display:block;
background:black;
border:2px white solid;
color:white;
margin-top:-40px;
float:left;
margin-left:10%;

}
.next:after{
content:"\00a0 \00bb";
}

.previous:before{
content:"\00ab \00a0";
}
.previous, .next{
cursor:pointer;
}

.previous:hover, .next:hover{
opacity:.5;
}


@media (max-width:650px){
.list{width:100%; display:none;}
.sdescription{width:100%;}}

@media (max-width:750px){
.address{
margin-right:7.5%;
margin-left:7.5%;
width:85%;
}}

@media (max-width:570px){
.address h1{
font-size:1.0em;
height:38px;
}}


@media (max-width:400px){
.address{
margin-top:30px;
}
.address h1{
font-size:.9em;
height:38px;
width:100%;
margin-bottom:0px;
margin-top:0px;
}}

.woodad{
background:url('woodad.png');
background-size:104%;
background-position:-3px;
height:200px;
width:200px;
float:left;
margin-left:5%;
  box-shadow: 2px 2px 5px black;

margin-right:20px;
display:block;
border-radius:200px;


}

.woodad:hover{
opacity:.5;}

.display h2{
display:block;
margin-top:295px;
}

.listimage img{
width:100%;
margin-bottom:5px;
border:2px rgb(215,215,215) solid;
border-radius:10px 10px 00px 0px;
box-sizing: border-box;
}

.preload{
overflow:hidden;
width:0px;
height:0px;
}

.flames{
width:100%;
height:200px;
background:url('flame.gif');
background-size:102% 500px;
background-position:center 0px;
margin-bottom:-30px;
}


@media (max-width:350px){
.fadein{
height:150px;
}

.button{width:100%;
}
.logo{
background-size:100%;
padding-top:40px;
}
.footer p{
font-size:1em;
width:100%;
}
.footer{width:100%;}
.fadein{
height:150px;
}
.footer img {
width:90%;
height:auto;
margin-right:5%;
margin-left:5%;
position:relative;
}
}

@media (max-width:700px){
.phone{
margin-top:-95px;
width:50%;
right:25%;
}
.email{
width:50%;
right:25%;
}
}

@media (max-width:670px){
.phone, .email{

width:60%;
right:20%;
}

}

@media (max-width:580px){
.phone, .email{

width:70%;
right:15%;
}

}

@media (max-width:480px){
.phone, .email{
font-size:1.1em;
width:85%;
right:7.5%;
background-size:17px;
}
.email{
background-size:30px;
}
}

@media (max-width:400px){
.phone, .email{
font-size:1.0em;
}}

@media (max-width:370px){
.phone, .email{
font-size:0.9em;
background-size:15px;
width:90%;
right:5%;
}
.email{
background-size:25px;
}
.phone{
margin-top:-75px;
}
}

@media (max-width:380px){
.address{
font-size:.8em;
overflow:hidden;
}
.address img, #map{
max-width:200%;
width:200%;
margin-left:-50%;
overflow:hidden;
}

}

@media (max-width:480px){
.modelcolumn select{
font-size:.8em;
}}

@media (max-width:380px){
.modelcolumn select{
font-size:.5em;
}}

@media (max-width:1000px){
.modelthumb{
width:24%;
}
}

@media (max-width:550px){
.modelthumb{
width:32%;
}
}

@media (max-width:500px){
.display{
display:none;
}
.modelthumb{
width:48%;
}
.browseprompt{
display:none;
}
.modelcolumn{
width:90%;
}
.fireplacedescription{
width:90%;
}
.makecolumn{
margin-left:0%;
}
.makecolumn img{
    width: 90%;
float:left;
border-radius:10px;
margin-left:5%;
margin-right:5%;
margin-bottom:10px;
color:transparent;
font-weight:800;
text-align:center;

overflow:hidden;
border: solid black;
border-width:2px;
color:grey;
    box-sizing: border-box;
cursor:pointer;
border-style:outset;

}
.modelthumb{

height:100px;
}
.fadein{
height:200px;
}

.button{width:100%;
}
.logo{
background-size:90%;
padding-top:40px;
}

.fadein{
height:180px;
}

}


.introend{
float:right;
margin-right:5%;
margin-left:2.5%;
width:44%;
margin-bottom:20px;
font-size:1.4vw;
}

.spacer {
    width: 40%;
float:right;
color:transparent;
font-weight:800;
text-align:center;
display:block;
}


.spacer:before {
    content: "";
    float: left;

    padding-bottom: 11%;
}

.spacer:after {
    content: "";
    display: table;
    clear: both;
}


#callus{
font-size:2vw;
display:block;
width:40%;
float:right;
margin-right:6%;
}

@media (max-width:1300px){

.spacer:before {
    content: "";
    float: left;

    padding-bottom: 10%;
}}

@media (max-width:1000px){

.spacer:before {
    content: "";
    float: left;

    padding-bottom: 5%;
}}

@media (max-width:800px){
.quote{
font-size:2.2vw;
}
.introend{
font-size:1.9vw;
}
#callus{
font-size:2.4vw;
}}

@media (max-width:750px){
#introimage2{
width:90%;
}
#cards{
width:90%;
margin-left:5%;
margin-right:5%;
}
.quote{
font-size:1.8em;
width:90%;
}
.introend{
font-size:1.2em;
width:90%;
}
#cards{
max-width:90%;
}
#callus{
font-size:2em;
width:90%;
}}

.phone a, .email a{
color:white;
text-decoration:none;}