html *{-webkit-font-smoothing:antialiased;}
div,h1,h2,h3,h4,h5,ul,li,button,input,select,textarea,label { box-sizing: border-box; }
h1,h2,h3,h4,h5 { font-family: robotoBold; font-weight: normal; }
b, strong, .text-bold { font-family: robotoBold; font-weight: normal; }
/* fonts */
@font-face { font-family: robotoCondensed; src: url(font/robotoCondensed/RobotoCondensed-Regular.ttf); }
@font-face { font-family: robotoCondensedLight; src: url(font/robotoCondensed/RobotoCondensed-Light.ttf); }
@font-face { font-family: robotoCondensedBold; src: url(font/robotoCondensed/RobotoCondensed-Bold.ttf); }
@font-face { font-family: roboto; src: url(font/roboto/Roboto-Regular.ttf); }
@font-face { font-family: robotoLight; src: url(font/roboto/Roboto-Light.ttf); }
@font-face { font-family: robotoBold; src: url(font/roboto/Roboto-Bold.ttf); }
@font-face { font-family: robotoMedium; src: url(font/roboto/Roboto-Medium.ttf); }
@font-face { font-family: robotoThin; src: url(font/roboto/Roboto-Thin.ttf); }

body { font-family: roboto !important; font-size: 13px; }
.container { width: 1200px; margin: 0 auto; text-align: center; }
h1 { font-family: 'robotoThin'; font-size: 72px; margin: 75px 0 0 0; }
h2 { font-family: 'robotoThin'; font-size: 26px; margin: 0 0 50px 0; }
p { font-size: 16px; font-family: 'robotoLight'; }
a:link, a:visited { text-decoration: none; color: #0066cc; }

/* TABLET YATAY */
@media only screen and (width : 1024px) {
    .container { width: 100%; padding: 0 20px; }
}

 /* TABLET DIKEY */
 @media only screen and (width : 768px) {
    .container { width: 100%; padding: 0 20px; }
    h1 { font-size: 60px; }
    h2 { font-size: 22px; }
 }

/* TELEFON */
@media only screen and (max-width : 760px) {
    .container { width: 100%; padding: 0 20px; }
    h1 { font-size: 50px; margin-bottom: 15px; font-family: 'robotoLight'; }
    h2 { font-size: 20px; font-family: 'robotoLight'; }
    p { line-height: 26px; }
}