body {
    font-family: 'Roboto Light', "Trebuchet MS", "Helvetica CY", sans-serif;
    font-size: 14px;
}

@font-face {
    font-family: 'Roboto Regular';
    src: url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
        url('../fonts/Roboto-Regular-webfont.eot?') format('eot'),
        url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
        url('../fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
        url('../fonts/Roboto-Bold-webfont.eot?') format('eot'),
        url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
        url('../fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Medium';
    src: url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
        url('../fonts/Roboto-Medium-webfont.eot?') format('eot'),
        url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
        url('../fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
        url('../fonts/Roboto-Light-webfont.eot?') format('eot'),
        url('../fonts/Roboto-Light-webfont.woff') format('woff'),
        url('../fonts/Roboto-Light-webfont.svg#RobotoMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


html, body, .wrapper {
    width: 100%;
    height: 100%;
}

.wrapper {

}

a.forecast-link {
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    border: 2px solid #70D1EE;
    background: none repeat scroll 0 0 #4FC6EA;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
}

.weather-city {
    border-bottom: 2px solid #70D1EE;

    background: none repeat scroll 0 0 #4FC6EA;



    background: -moz-linear-gradient(top,#64D5F0,#39B6E4);
    background: -webkit-gradient(linear, left top, left bottom, from(#64D5F0), to(#39B6E4));
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#64D5F0,endColorstr=#39B6E4,GradientType=0); zoom: 1;

    background-clip: border-box; -moz-background-clip: border; -webkit-background-clip: border-box; -khtml-background-clip: border-box;
    background-origin: border-box; -moz-background-origin: border; -webkit-background-origin: border-box; -khtml-background-origin: border-box;


    color: #FFFFFF;
    font-family: roboto regular;
    font-size: 2.071428em;
    padding: 5px 9px 2px;
    text-align: center;
    line-height: 130%;
    overflow: hidden;
    white-space: nowrap;
    height: 35%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
}
.weather-icon {
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}


.weather-temper {
    color: #FFFFFF;
    font-family: roboto bold;
    font-size: 4.142em;
    margin-top: 0.15em;
    text-align: center;
    line-height: 90%;
}


.weather-sky {
    color: #FFFFFF;
    font-family: roboto regular;
    font-size: 1.714em;
    text-align: center;
}





#logo-image {
    position: absolute;
    text-decoration: none;
}



.weather-text-wrapper {
    float: left;
    border-right: 2px solid #70D1EE;
    width: 70%;
    height: 65%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
}

.weather-icon-wrapper {
    float: right;
    width: 29.41%;
    height: 65%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
}
body ins{
    background: transparent;
}