@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/*!
    normalize.css v3.0.0 | MIT License | git.io/normalize 
*/
 html {
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}

body {
    margin:auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display:block
}
audio, canvas, progress, video {
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]) {
    display:none;
    height:0
}
[hidden], template {
    display:none
}
a {
    background:transparent
}
a:active, a:hover {
    outline:0
}
abbr[title] {
    border-bottom:1px dotted
}
b, strong {
    font-weight:bold
}
dfn {
    font-style:italic
}
h1 {
    font-size:2em;
    margin:.67em 0
}
mark {
    background:#ff0;
    color:#000
}
small {
    font-size:80%
}
sub, sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup {
    top:-0.5em
}
sub {
    bottom:-0.25em
}
img {
    border:0
}
svg:not(:root) {
    overflow:hidden
}
figure {
    margin:1em 40px
}
hr {
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
pre {
    overflow:auto
}
code, kbd, pre, samp {
    font-family:monospace, monospace;
    font-size:1em
}
button, input, optgroup, select, textarea {
    color:inherit;
    font:inherit;
    margin:0
}
button {
    overflow:visible
}
button, select {
    text-transform:none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled], html input[disabled] {
    cursor:default
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border:0;
    padding:0
}
input {
    line-height:normal
}
input[type="checkbox"], input[type="radio"] {
    box-sizing:border-box;
    padding:0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height:auto
}
input[type="search"] {
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none
}
fieldset {
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend {
    border:0;
    padding:0
}
textarea {
    overflow:auto
}
optgroup {
    font-weight:bold
}
table {
    border-collapse:collapse;
    border-spacing:0
}
td, th {
    padding:0
}
/*!
    custom by @shekhardesigner
*/
 html, body, section {
    min-height:100%;
}
html {
    font: normal 14px'Montserrat', Arial, Sans-serif;
    color: #fafafa;
    background: url("https://neudesicindia.github.io/SDTV-App/Assets/Images/bg.jpg") 0 0 no-repeat;
    background-size: cover;
}
section {
    margin: 0 40px 0 60px;
}
h1 {
    margin: 60px 0 0;
    font-size: 40px
}
h1 small {
    font-size: 18px;
}
.tiles {
    margin: 20px 0 0 0;
    padding: auto;
    width:auto;
}

@media only screen and (max-width: 620px) {
    .tiles{
        margin: 20px 0 0 0;
    padding: auto;
    width:auto;
    }
}

.tiles > li {
    list-style: none;
    font-size: 40px;
    float: left;
    background: rgba(255, 255, 255, 0.3);
    border:4px solid transparent;
    width: 100px;
    height: 100px;
    padding:20px;
    line-height: 100px;
    /*temp */
    margin: 0 12px 12px 0;
    text-align:center;
    -webkit-transition:all 0.1s ease-out;
    -moz-transition:all 0.1s ease-out;
    -o-transition:all 0.1s ease-out;
    transition:all 0.1s ease-out;
}
.tiles > li.item-selected, .tiles > li:focus, .tiles > li:active {
    border-color: rgba(255, 255, 255, 0.3);
    outline:none;
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -o-transform:scale(1.15);
    -ms-transform:scale(1.15);
    transform:scale(1.15);
}