html,body{margin:0 auto; font-size: 12px;  width: 100%;background: #f9f9f9;}
div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td ,a{margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
fieldset, img { border: 0;}
/* remember to define focus styles! */
:focus {outline: 0;}
address, caption, cite, code, dfn,em, strong, th, var, optgroup {font-style: normal;font-weight: normal;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
abbr, acronym {border: 0;font-variant: normal;} 
input, button, textarea,select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ol, ul ,li{list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}
caption, th {text-align: left;}
sup, sub {font-size: 100%;vertical-align: baseline;}
/* remember to highlight anchors and inserts somehow! */
a:link, a:visited, a:active{text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

@media screen and(max-width:680px){
    .cont{width: 75%}
}
 @media screen and(max-width:540px){
    .cont{width: 80%}
}
@media screen and(max-width:480px){
    .cont{width: 85%}
}
@media screen and(max-width:430px){
    .cont{width: 90%}
}
@media screen and(max-width:350px){
    .cont{width: 95%}
}

.cont {
    width: 66.6%;
    margin: auto;
}
.clearfix:before, .clearfix:after {
    content: ' ';
    display: table;
    clear: both;
}