/* CSS Document */
body {
background-color: rgb(48,48,48);
font-size: 1em;
font-family: 'Federo', sans-serif;
color: white; 
}
  
h1, h2, h3, h4, h5 {
font-family: 'Federo', sans-serif;
text-shadow: 5px 5px 5px rgb(84,84,84);
}
 
  ul {
  list-style-type: none;
  margin:0;
  padding:0;
  }
  
  .menu li {
  padding: 8px;
  background: rgb(0,0,0);
  margin-bottom: 4px;
  margin-top: 4px;
  margin-left: 5px;
  }
  
   .headme {
   background: rgb(0,0,0);
   width: 100%;
   padding:  10px; 
   }
   
   * {
    box-sizing: border-box;
   }
   
   .break {
   content: "";
   clear: both;
   display: block;
   }
   
   [class*="col-"] {
    width: 100%;
    float: left;
	}
	
.general {  /*base declaration*/
font-size: 130%;
line-height: 1.7em;
}

 a:link {color:rgb(255,255,255);
 text-decoration:none;
 }
 a:visited {color:rgb(0,208,208);
 text-decoration:none;
 } 
 a:hover {
 color:rgb(144,255,160);
 text-decoration:underline;
 }
 
 img {
 max-width:99%;
 max-height:auto;
 }
 
/*@media only screen and (max-width: 400px) {	
	.col-s-1 {width: 49%;}
	.col-s-2 {width: 100%;}
	} */
	@media only screen and (min-width: 500px) and (max-width: 999px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}	
   }
   
    @media only screen and (min-width: 1000px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    .copy {
	font-size:1.5em;}
	}