img{
    width:100%;
}
h1{
    margin:0;letter-spacing:-0.05em;
}
h2{
    font-size:36px;
    font-weight:normal;
    margin:0;
    letter-spacing:-0.08em;
    color:#000; 
    line-height:140%;
    padding-bottom:30px;
}
h2 strong {color:#f47320;font-weight:700;font-size:44px}

p{
    font-size:20px;
    margin:0;
    color:#434343;
    font-weight:500;
    line-height: 1.5em;
}
ul{
    margin:0;
    font-size:0.9em;
}
li{
    margin-bottom:0.5em;
}
.wide-web{
    display: block;
}
.narrow-mobile{
    display: none;
}

.br-hidden{
    display: none;
}
#k-q-wrap{
    margin:0 auto;
    max-width: 1280px;
    box-sizing: border-box;
    font-size:20px;
    text-align: center;
}
.head-logo{
    text-align:left;
    padding:10px
}
.head-logo img{
    width:200px;
}
.head-q{	
    display:inline-block;margin-bottom:10%
}
.lineup{
    width:100%; 
    overflow:hidden; 
    position:relative; 
    background: #fff;
    margin-bottom:10%
} 
.lineup h2, .lineup h2 strong {font-size:80px;color:#000}

.thing-right{
    float:right;
    width:100%;
    overflow:hidden;
    position:relative;
    background:#FFF;
}
.thing-right .thing-desc{
    width:52%;
    float:right;
    text-align: left;
}
.thing-right .thing-img{
    width:48%;
    float:right;
}
.thing-right .thing-img img{
    padding-right:0%;
    width:85%;
}
.thing-left{
	float:left; 
	width:100%; 
	overflow:hidden; 
	position:relative; 
	background:#e7e7e8;
}
.thing-left .thing-desc{
	width:54%;
	float:left;
	text-align: left;
}
.thing-left .thing-img{
	width:46%;
	float:left;
}
.thing-left .thing-img img{
   padding-left:15%;
   width:85%;
}

#thing3 .thing-desc,
#thing6 .thing-desc{
    padding-top:11%;     
}
#thing4 .thing-desc{
    padding-top:16%; 
}
#thing5 .thing-desc{
    padding-top:14%
}
#thing7 .thing-desc{ 
	background:url('../images/thing-7-w.jpg') 12% 50% no-repeat;  	
	background-size:43%;
	padding:12% 0% 10% 48%
  }

#thing4 .thing-desc h2,
#thing6 .thing-desc h2{
    padding-left:13%;
    width:80%;
}

#thing3 .thing-desc h2, 
#thing5 .thing-desc h2{
    padding-left:11%;
    width:75%;
}
#thing7 .thing-desc h2{
    padding-left:12%;
    width:80%;
}
#thing2 .thing-desc p,
#thing4 .thing-desc p,
#thing6 .thing-desc p{
    padding-left:13%;
    width:75%;
}
#thing1 .thing-desc p,
#thing3 .thing-desc p,
#thing5 .thing-desc p{
    padding-left:11%;
    width:77%;
}
#thing7 .thing-desc p{
	padding-left:12%;
    width:72%;
    margin-bottom:5%
}
.t-logo {
	width:auto;vertical-align:top;
} 

ul:nth-of-type(1){
    float:left;
    padding-left:1.6em;
    width:48%;
}
ul:nth-of-type(2){
    float:left;
    width:38%;
}
#thing4 .h3-bold{
    font-size: 1.1em;
    font-weight: 600;
    padding-bottom: 0.2em;
}
 
.foot_copy{
    overflow:hidden;
    width:100%;
    position:relative;
    background:#2C2C2C;
    height:9em;
}
.foot_copy a img{
    width:10em; 
    margin-top:2.75em;
}
.foot_copy .copy_desc{
    font-size:0.8em;
    color:#fff; 
    margin-top:1em;
}
.ieBg { 
 -ms-behavior: url('../styles/backgroundsize.min.htc');
 behavior: url('../styles/backgroundsize.min.htc');
}
 

@media(max-width:1024px){
    #k-q-wrap{
       
    }
    .wide-web{
        display: block;
    }
    .narrow-mobile{
        display: none;
    }
    .br-hidden{
        display: none;
    }
  	.head-t .head-t-desc{
        padding-top:22%;
    }
    .head-t .head-t-desc h1{
        line-height: 1.1em;
        letter-spacing:-1px; 
        padding-bottom:0.25em;
    }
        
    ul:nth-of-type(1){
        float:left;
        padding-left:1.6em;
        width:48%;
    }
    ul:nth-of-type(2){
        float:left;
        padding-left:0%;
        width:38%;
    }
    h2 {font-size: 30px;}
    h2 strong {font-size:36px;} 
    .lineup h2 strong {font-size: 55px;}
    .thing-right{
        float:right;
        width:100%;
        overflow:hidden;
        position:relative;
        background:#fff;
    }
	
    .thing-left{
        float:left; 
        width:100%; 
        overflow:hidden; 
        position:relative;  
    }
    .thing-left .thing-desc{
        width:54%;
        float:left;
        text-align: left;
    }
    .thing-left .thing-img{
        width:46%;
        float:left;
    }
	#thing3 .thing-desc,
	#thing6 .thing-desc{
	    padding-top:10%;     
	}
	#thing4 .thing-desc {
		padding-top:15%;  
	}
	#thing5 .thing-desc {
		padding-top:14%;  
	}
    #thing7 .thing-desc{ 
		background:url('../images/thing-7-w.jpg') 12% 50% no-repeat;  	
		background-size:42%;
        padding:12% 0% 10% 50%
    }

    #thing4 .thing-desc h2,
    #thing6 .thing-desc h2{
        padding-left:13%;
        width:77%;
    }
    #thing3 .thing-desc h2, 
    #thing5 .thing-desc h2{
        padding-left:10%;
        width:80%;
    }
    #thing7 .thing-desc h2{
	    padding-left: 10%;
	    width:85%;
	}
    #thing4 .thing-desc p,
    #thing6 .thing-desc p{
        padding-left:13%;
        width:77%;
    }
    #thing3 .thing-desc p,
    #thing5 .thing-desc p{
        padding-left:10%;
        width:80%;
    }
     #thing7 .thing-desc p{
	    padding-left: 10%;
	    width:75%;
	}
 	
}
@media(max-width:960px){
    .wide-web{
        display: none;
    }
    .narrow-mobile{
        display: block;
    }
    .br-hidden{
        display: block;
    }
    #k-q-wrap{
        font-size:20px;
    }
    .lineup {margin-bottom:0px}
    ul:nth-of-type(1){
        float:left;
        padding-left:19%;
        width:42%;
    }
    ul:nth-of-type(2){
        float:left;
        padding-left:4%;
        width:35%;
    }
    .thing-right{
        float:right;
        width:100%;
        overflow:hidden;
        position:relative;
        background:#fff;
    }    
    .thing-right .thing-desc{
        width:100%;
        float:right;
        text-align: center;
    }
    .thing-right .thing-img{
        width:100%;
        float:right;
    }
    .thing-right .thing-img img{
        padding-right:0%;
        width:100%;
    }
    .thing-left{
        float:left; 
        width:100%; 
        overflow:hidden; 
        position:relative; 
        background:#FFF;
    }
    .thing-left .thing-desc{
        width:100%;
        float:left;
        text-align: center;
    }
    .thing-left .thing-img{
        width:100%;
        float:left;
    }
    .thing-left .thing-img img{
        padding-left:0%;
        width:100%;
    }
    #thing1 .thing-desc,
    #thing2 .thing-desc,
    #thing3 .thing-desc,
    #thing4 .thing-desc,
    #thing5 .thing-desc,
    #thing6 .thing-desc,
    #thing7 .thing-desc{
    	padding-top:0%;
        padding-bottom: 10%;
        padding-left: 0%;
        padding-right: 0%;
    }
    #thing1 .thing-desc h2,
    #thing2 .thing-desc h2,
    #thing3 .thing-desc h2,
    #thing4 .thing-desc h2,
    #thing5 .thing-desc h2,
    #thing6 .thing-desc h2,
    #thing7 .thing-desc h2{
        padding-left:0%;
        width:90%;
        margin:0px auto
    }
    .thing-desc p,
    #thing2 .thing-desc p,
    #thing3 .thing-desc p,
    #thing4 .thing-desc p,
    #thing5 .thing-desc p,
    #thing6 .thing-desc p,
    #thing7 .thing-desc p{
        padding-left:0%;
        font-size:18px;
        width:85%;
        line-height:150%;
        margin:0px auto;
        letter-spacing:-0.05em;
        display:inline-block
    }
    #thing7 {
    	background:url('../images/line.jpg') center top no-repeat;
    	background-size:100%;
    	padding-top:80px
    }
    #thing7 .thing-desc {
    	background:none
    }
    #thing7 .thing-desc p{
    	width:65%;
        padding:25px 0px 50px;
    }
   	.t-logo {
    	width:auto;vertical-align:top
    } 

}
 
@media(max-width:768px){
    .head-logo img{
        width:180px;
    }
    #k-q-wrap{
        font-size:16px;
    }
    h2 {font-size: 36px;}
    h2 strong {font-size: 42px;} 
    .lineup h2 strong {font-size: 50px;}
 
	.t-logo {
    	width:110px;vertical-align:top
    } 
	
}

@media(max-width:500px){
    #k-q-wrap{
        font-size:16px;
    }
    .t-logo {
    	width:95px;vertical-align:middle
    }
    h2 {font-size: 24px;padding-bottom:20px}
    h2 strong {font-size: 28px;} 
    .lineup h2 strong {font-size: 30px;}
    .thing-desc p,
    #thing2 .thing-desc p,
    #thing3 .thing-desc p,
    #thing4 .thing-desc p,
    #thing5 .thing-desc p,
    #thing6 .thing-desc p,
    #thing7 .thing-desc p{
        padding-left:0%;
        width:80%;
        margin:0px auto;
        letter-spacing:-0.05em;
        display:inline-block;
        font-size:16px
    }
    
    #thing7 {
    	padding-top:40px
    }
    #thing7 .thing-desc p{
        padding:15px 0px 30px
    }
}
@media(max-width:375px){
	#k-q-wrap{
        font-size:14px;
    }
    h2 {font-size: 20px;}
    h2 strong {font-size: 24px;}
    .lineup h2, .lineup h2 strong {font-size:24px;color:#000}
    .t-logo {
    	width:90px;vertical-align:middle
    }

    .thing-desc p,
    #thing2 .thing-desc p,
    #thing3 .thing-desc p,
    #thing4 .thing-desc p,
    #thing5 .thing-desc p,
    #thing6 .thing-desc p,
    #thing7 .thing-desc p{
        width:80%;
        font-size:15px
    }
}