teeaich

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;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

teeaich

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

teeaich

.transparent {  
    filter: alpha(opacity=50); /* internet explorer */  
    -khtml-opacity: 0.5;      /* khtml, old safari */  
    -moz-opacity: 0.5;       /* mozilla, netscape */  
    opacity: 0.5;           /* fx, safari, opera */  
}  

teeaich

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) and (max-device-width : 480px) {
  /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
  /* Styles */
}

teeaich

::selection { background: #e2eae2; }  
::-moz-selection { background: #e2eae2; }  
::-webkit-selection { background: #e2eae2; }

teeaich

html {   
    background: url('images/bg.jpg') no-repeat center center fixed;   
    -webkit-background-size: cover;  
    -moz-background-size: cover;  
    -o-background-size: cover;  
    background-size: cover;  
}  

teeaich

.container {  
    min-height: 6.5em;  
    display: table-cell;  
    vertical-align: middle;  
}  

teeaich

#colorbox {  
    background: #629721;  
    background-image: -webkit-gradient(linear, left top, left bottom, from(#83b842), to(#629721));  
    background-image: -webkit-linear-gradient(top, #83b842, #629721);  
    background-image: -moz-linear-gradient(top, #83b842, #629721);  
    background-image: -ms-linear-gradient(top, #83b842, #629721);  
    background-image: -o-linear-gradient(top, #83b842, #629721);  
    background-image: linear-gradient(top, #83b842, #629721);  
}  

teeaich

@font-face {  
    font-family: 'MyWebFont';  
    src: url('webfont.eot'); /* IE9 Compat Modes */  
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  
    url('webfont.woff') format('woff'), /* Modern Browsers */  
    url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */  
    url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */  
}  
      
body {  

teeaich

p {  
    position:relative;  
    z-index:1;  
    padding: 10px;  
    margin: 10px;  
    font-size: 21px;  
    line-height: 1.3em;  
    color: #fff;  
    background: #ff0030;  
    -webkit-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);