/* base CSS soon v4
   goodwebsites.co.nz */

html, body { border:0; margin:0; padding:0; height:100%; }
body { text-align:center; width:100%;

background:url(bg.jpg) center center no-repeat;
background-size:cover;
	
font:16px/1.6 'Source Sans Pro', Arial, helvetica, sans-serif; font-weight:400;

color:#a1a1a1; color:#fff;

}

a { outline:none; text-decoration:none; color:#00B3FF; color:#FDCA75;  } 

.footer a { color:#a1a1a1;   }

a:hover { text-decoration:underline; }

.footer a:hover { color:#00B3FF; color:#fff; text-decoration:none;  }

p, tr, td, table {  margin:0; padding:0; }

table {	border-collapse: collapse; position:absolute; }

.header { padding:40px 0 20px; font-weight:200; }
.footer { padding:20px 0; font-size:14px;  }

.main { text-align:center; vertical-align:middle; height:100%; 

		font-family: 'Roboto Slab', cursive;
		color:#606060; color:#fff;

}

.pattern {
  background-image:url(pattern_90.png);
  background-repeat:repeat;
  background-attachment:scroll;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}



    .header {
      
     font-size:30px;
      
    }
		
    @media screen and  (min-width: 768px ) { .header { font-size:40px; } }
    @media screen and  (min-width: 992px ) { .header { font-size:50px; } }
    @media screen and  (min-width: 1170px) { .header { font-size:60px; } }
		
    
     .name {
       
     font-size:24px;
     
     /*font-weight:700;*/
     
     }

    @media screen and  (min-width: 768px ) { .name { font-size:34px; } }
    @media screen and  (min-width: 992px ) { .name { font-size:44px; } }
    @media screen and  (min-width: 1170px) { .name { font-size:54px; } }


.display-none { 

		display:none;

		/*font-size:16px;*/
		/*font-weight:700;*/

}