/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%} ul{list-style: none}

body {
  background: #eee;
  color: #333;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
}

select,input,text {
  font-family: 'Lato', Helvetica, Arial, sans-serif;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.clear {
  clear: both;
}

@media (min-width: 376px) {
  .mobile-only {
    display: none;
  }
}

@media (max-width: 375px) {
  .desktop-only {
    display: none;
  }
}