html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 30px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html,
body {
	font-family: 'Roboto Condensed', sans-serif;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/material-icons/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/assets/material-icons/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
       url(/assets/material-icons/iconfont/MaterialIcons-Regular.woff) format('woff'),
       url(/assets/material-icons/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
}

#list-squeeze-page>li
{
        list-style-type:none;
        line-height:30px;
}

#list-squeeze-page>li:before
{
        content: "\2713";
        font-size: 2em;
}

#main{
        -webkit-transition: margin-left 0.5s;
        -o-transition: margin-left 0.5s;
        transition: margin-left 0.5s;
}
#off-canvas-menu{
        height: 100%; /* 100% Full-height */
        width: 0; /* 0 width - change this with JavaScript */
        position: fixed; /* Stay in place */
        z-index: 1; /* Stay on top */
        top: 0;
        left: 0;
        background: #f5f5f5;
        text-color:white;
        overflow-x: hidden; /* Disable horizontal scroll */
        padding-top: 30px; /* Place content 60px from the top */
        -webkit-transition: 0.1s;
        -o-transition: 0.1s;
        transition: 0.1s; /* 0.5 second transition effect to slide in the sidenav */
}
#off-canvas-menu .menu-label{
        padding-left: 30px;
}
#off-canvas-menu .menu-list{
        padding-left: 30px;
}
#off-canvas-menu a{
  text-decoration: none;
  display: block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;

}

#off-canvas-menu .close-button{
  position: absolute;
  top: 20px;
  right:25px;
  margin-left: 50px;
}


aside.menu>ul>li{
        list-style:none;
}

#squeeze-page{
        padding:0;
}

#register, #sign-in{
        width: 100%;
}

#main-container {
        padding-right:10px;
        padding-left:20px;
}

#illustrations{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-transform:scale(0.9);
            -ms-transform:scale(0.9);
                transform:scale(0.9);
        max-height:100px;
}

#illustrations img{
        overflow:hidden;
}

#downloads img{
	max-height:100px;
        overflow:hidden;
}

@media (min-width:500px){
        #illustrations{
                max-height:180px;
        }
}

@media (min-width:670px){
	body{
                line-height:30px;
	}
        #illustrations{
                max-height:200px;
        }
        #list-squeeze-page>li
        {
                line-height:40px;
        }


        #sign-in
        {
                min-height: 757px;
        }
        #main-container {
                padding-right:32px;
                padding-left:32px;
        }
        #register, #sign-in{

                width: 500px;
        }


}

@media (min-width:768px){

        #register, #sign-in{
                width: 500px;
        }

}