/*styles1.ccs -  Style Sheet */

/* Standard styles */

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
}
body{                                                                                            
  background: url(/images/wht_txt.png) top left repeat fixed;                                                           
  color: navy;
  font-family: Arial, sans-serif;                                              
  margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;                                                       
  margin:0;
}


/* #### Mobile Phones Portrait #### */
@media screen and (max-width: 480px)
  {
    h1{font-size:4.1vw;
	    }
    h2{font-size:3.8vw;
	    }
    h3{font-size:3.6vw;
    }
	  h4{font-size:3.4vw;
	    }
   .button1 {font-size:3.2vw; margin: -15% 0%;
	    }
   .button2 {font-size:3.1vw; margin: -15vh 0vw;
	    }
   .article {
	   column-count: 1;
     padding:1vmin 4vmin;
	   padding-top: 0vmin;
		  }
   .imag {
     width: 100%;
     height: auto;
     }

  }
	
		
/* #### Mobile Phones Landscape #### */
@media screen and (max-width: 750px)
  {
	 h1{font-size:3.8vw;
	    }
   h2{font-size:3.2vw;
	    }
   h3{font-size:2.8vw;
    }
	 h4{font-size:2.5vw;
	    }
   .button1 {font-size:3vw;
	    }
   .button2 {font-size:2.8vw;
	    }
   .article {
	   column-count: 1;
     padding:1vmin 4vmin;
	   padding-top: 0vmin;
		  }
   .imag {
     width: 50%;
     height: auto;
     }

  }
	

/* #### Tablet Portrait #### */
@media screen and (min-width: 751px)
  {
	 h1{font-size:3.5vw;
	    }
   h2{font-size:3.0vw;
	    }
   h3{font-size:2.8vw;
    }
	 h4{font-size:2.2vw;
	    }
   .button1 {font-size:2.5vw;
	    }
   .button2 {font-size:2.2vw;
	    }
   .article {
     column-count: 2;
     column-gap: 7vmin;
     column-rule: 1px solid lightblue;
	   padding:1vmin 4vmin;
		 border-top: 2px solid black;
	   padding-top: 5vmin;
      }
   .imag {
     width: 40%;
     height: auto;
     }

  }

	
/* #### Tablet Landscape #### */
@media screen and (min-width: 900px)
  {
   h1{font-size:3.3vw;
	    }
   h2{font-size:3.0vw;
	    }
   h3{font-size:2.7vw;
    }
   h4{font-size:1.8vw;
	    }
   .button1 {font-size:2.2vw;
	    }
   .button2 {font-size:2.0vw;
	    }
   .article {
     column-count: 2;
     column-gap: 7vmin;
     column-rule: 1px solid lightblue;
	   padding:1vmin 4vmin;
		 border-top: 2px solid black;
	   padding-top: 5vmin;
      }
   .imag {
     width: 30%;
     height: auto;
     }

  }	
	

/* #### Desktop #### */
@media screen and (min-width: 1200px)
  {
   h1{font-size:3.2vw;
    }
   h2{font-size:3vw;
    }
   h3{font-size:2.5vw;
    }
   h4{font-size:1.5vw;
    }
   .button1 {font-size:2.1vw;
	    }
   .button2 {font-size:1.9vw;
	    }
  .article {
   /* Old Chrome, Safari and Opera */
    -webkit-column-count: 3;
    -webkit-column-gap: 7vmin;
    -webkit-column-rule: 1px solid lightblue;  

   /* Old Firefox */
    -moz-column-count: 3;
    -moz-column-gap: 7vmin;
    -moz-column-rule: 1px solid lightblue;

   /* Standard Syntax */
   column-count: 3;
   column-gap: 7vmin;
   column-rule: 1px solid lightblue;
	 padding:1vmin 4vmin;
	 border-top: 2px solid black;
	 padding-top: 5vmin;
     }
   .imag {
     width: 30%;
     height: auto;
     }

  }


/* #### Big Desktop #### */
@media screen and (min-width: 1800px)
  {
   h1{font-size:3.2vw;
    }
   h2{font-size:3vw;
    }
   h3{font-size:2.5vw;
    }
   h4{font-size:1.5vw;
    }
   .button1 {font-size:2.1vw;
	    }
   .button2 {font-size:1.9vw;
	    }
  .article {
   /* Old Chrome, Safari and Opera */
    -webkit-column-count: 3;
    -webkit-column-gap: 7vmin;
    -webkit-column-rule: 1px solid lightblue;  

   /* Old Firefox */
    -moz-column-count: 3;
    -moz-column-gap: 7vmin;
    -moz-column-rule: 1px solid lightblue;

   /* Standard Syntax */
   column-count: 3;
   column-gap: 7vmin;
   column-rule: 1px solid lightblue;
	 padding:1vmin 4vmin;
	 border-top: 2px solid black;
	 padding-top: 5vmin;
     }
   .imag {
     width: 20%;
     height: auto;
     }
	
  }


.backgrnd{background-image: url("images/wht_txt.png");                                                   
  background-repeat: repeat;
}

.absolute1 {
  position: absolute;
  top: 0px;
  width: 100%;
  border: 3px solid #73AD21;
}

.absolute2 {
  position: absolute;
  top: 5vh;
  left: 20%;
	width: 75%;
  border: 3px solid #73AD21;
}


.large{font-size:18px!important;
}

.italic{
  font-style: italic;
}

.display-container{position:relative; 
   display:block; margin: 0px; padding: 0px;
}


/*
.display-container:hover 
.display-hover{display:block}
.display-container:hover span.display-hover{display:inline-block}
.display-hover{display:none}
*/


.top,.bottom{position:absolute; width:100%; border: z-index:1;
}
.top{top:0;
}
.bottom{bottom:0;
}


.floatleft{
 float: left;
 padding-right: 2%!important;
}

.floatright{
 float: right;
 padding-left: 2%;
 padding-right: 2%!important;
}

.clearfix {
  overflow: auto;
}

.left-align{text-align:left!important;
}
.right-align{text-align:right!important;
}

.center {
  text-align: center;
}

.centercont {
  margin: auto;
  width: 80%;
  padding: 10px;
}


.bar{padding:8px 16px float:left; width: 100%; display:block; outline:0;
position:static;float:left;
white-space:normal;
}

.bar-item{width: auto; display:block; z-index:2;
text-align:left; white-space:normal; float:none; outline:0;
}

.topbar{border-top:6px solid #ccc!important;
}
.bottombar{border-bottom:6px solid #ccc!important;
}
.leftbar{border-left:6px solid #ccc!important;
}
.rightbar{border-right:6px solid #ccc!important;
}


.button1{border:none; display:inline-block; padding:.1vh 4vw; vertical-align:middle;
overflow:hidden; text-decoration:none; color:black; background-color:transparent;
text-align:center;cursor:pointer; white-space:nowrap; border-radius: 10%;
}

.button2{border:none; display:inline-block; padding:.1vh 2vw; vertical-align:middle;
overflow:hidden; text-decoration:none; color:black; background-color:transparent;
text-align:center; cursor:pointer; white-space:nowrap; border-radius: 10%;
}



.no-button{display:block; margin-left:1vw; vertical-align:0%;
overflow:hidden; text-decoration:none; color:black; background-color:transparent;
text-align:left;
}

.margin-left{margin-left: 5%;
}

.hide-small{display:inline!important;
}



.col .half .third .twothird .threequarter .quarter{float:left; width:100%;
}

.quarter{width:24.99999%;} .third{width:33.33333%;
}

.half{width:49.99999%; padding:0 8px; float:left;
} 

.twothird{width:66.66666%;
}

.threequarter{width:74.99999%;
}

.row-padding .half .third .twothird .threequarter .quarter .col{padding:0 8px;
}

.row:after .row:before .row-padding:after .row-padding:before{content:""; display:table; clear:both;
}

.container .panel{padding:0.01em 16px;
}

.container {
  width: 100%;
  
}

.box {
  box-sizing: border-box;
  width: 49.99%;
	padding: 5vmin 5vmin;
  border: 2px solid blue;
  float: left;
}

.boxfull {
  box-sizing: border-box;
  width: 99.99%;
	padding: 5vmin 5vmin;
  float: left;
}

.displaynone {display:none;
}

/* Colors */
.amber,.hover-amber:hover{color:#000!important;background-color:#ffc107!important;}
.aqua,.hover-aqua:hover{color:#000!important;background-color:#00ffff!important;}
.blue,.hover-blue:hover{color:#fff!important;background-color:#2196F3!important;}
.light-blue,.hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important;}
.brown,.hover-brown:hover{color:#fff!important;background-color:#795548!important;}
.cyan,.hover-cyan:hover{color:#000!important;background-color:#00bcd4!important;}
.blue-grey,.hover-blue-grey:hover,.blue-gray,.hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important;}
.green,.hover-green:hover{color:#fff!important;background-color:#4CAF50!important;}
.light-green,.hover-light-green:hover{color:#000!important;background-color:#8bc34a!important;}
.indigo,.hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important;}
.khaki,.hover-khaki:hover{color:#000!important;background-color:#f0e68c!important;}
.lime,.hover-lime:hover{color:#000!important;background-color:#cddc39!important;}
.orange,.hover-orange:hover{color:#000!important;background-color:#ff9800!important;}
.deep-orange,.hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important;}
.pink,.hover-pink:hover{color:#fff!important;background-color:#e91e63!important;}
.purple,.hover-purple:hover{color:#fff!important;background-color:#9c27b0!important;}
.deep-purple,.hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important;}
.red,.hover-red:hover{color:#fff!important;background-color:#f44336!important;}
.sand,.hover-sand:hover{color:#000!important;background-color:#fdf5e6!important;}
.teal,.hover-teal:hover{color:#fff!important;background-color:#009688!important;}
.yellow,.hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important;}
.white,.hover-white:hover{color:#000!important;background-color:#fff!important;}
.black,.hover-black:hover{color:#fff!important;background-color:#000!important;}
.grey,.hover-grey:hover,.gray,.hover-gray:hover{color:#000!important;background-color:#9e9e9e!important;}
.light-grey,.hover-light-grey:hover,.light-gray,.hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important;}
.dark-grey,.hover-dark-grey:hover,.dark-gray,.hover-dark-gray:hover{color:#fff!important;background-color:#616161!important;}
.pale-red,.hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important;}
.pale-green,.hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important;}
.pale-yellow,.hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important;}
.pale-blue,.hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important;}
.text-amber,.hover-text-amber:hover{color:#ffc107!important;}
.text-aqua,.hover-text-aqua:hover{color:#00ffff!important;}
.text-blue,.hover-text-blue:hover{color:#2196F3!important;}
.text-light-blue,.hover-text-light-blue:hover{color:#87CEEB!important;}
.text-brown,.hover-text-brown:hover{color:#795548!important;}
.text-cyan,.hover-text-cyan:hover{color:#00bcd4!important;}
.text-blue-grey,.hover-text-blue-grey:hover,.text-blue-gray,.hover-text-blue-gray:hover{color:#607d8b!important;}
.text-green,.hover-text-green:hover{color:#4CAF50!important}
.text-light-green,.hover-text-light-green:hover{color:#8bc34a!important;}
.text-indigo,.hover-text-indigo:hover{color:#3f51b5!important;}
.text-khaki,.hover-text-khaki:hover{color:#b4aa50!important;}
.text-lime,.hover-text-lime:hover{color:#cddc39!important;}
.text-orange,.hover-text-orange:hover{color:#ff9800!important;}
.text-deep-orange,.hover-text-deep-orange:hover{color:#ff5722!important;}
.text-pink,.hover-text-pink:hover{color:#e91e63!important;}
.text-purple,.hover-text-purple:hover{color:#9c27b0!important;}
.text-deep-purple,.hover-text-deep-purple:hover{color:#673ab7!important;}
.text-red,.hover-text-red:hover{color:#f44336!important;}
.text-sand,.hover-text-sand:hover{color:#fdf5e6!important;}
.text-teal,.hover-text-teal:hover{color:#009688!important;}
.text-yellow,.hover-text-yellow:hover{color:#d2be0e!important;}
.text-white,.hover-text-white:hover{color:#fff!important;}
.text-black,.hover-text-black:hover{color:#000!important;}
.text-grey,.hover-text-grey:hover,.text-gray,.hover-text-gray:hover{color:#757575!important;}
.text-light-grey,.hover-text-light-grey:hover,.text-light-gray,.hover-text-light-gray:hover{color:#f1f1f1!important;}
.text-dark-grey,.hover-text-dark-grey:hover,.text-dark-gray,.hover-text-dark-gray:hover{color:#3a3a3a!important;}
.border-amber,.hover-border-amber:hover{border-color:#ffc107!important;}
.border-aqua,.hover-border-aqua:hover{border-color:#00ffff!important;}
.border-blue,.hover-border-blue:hover{border-color:#2196F3!important;}
.border-light-blue,.hover-border-light-blue:hover{border-color:#87CEEB!important;}
.border-brown,.hover-border-brown:hover{border-color:#795548!important;}
.border-cyan,.hover-border-cyan:hover{border-color:#00bcd4!important;}
.border-blue-grey,.hover-border-blue-grey:hover,.border-blue-gray,.hover-border-blue-gray:hover{border-color:#607d8b!important;}
.border-green,.hover-border-green:hover{border-color:#4CAF50!important;}
.border-light-green,.hover-border-light-green:hover{border-color:#8bc34a!important;}
.border-indigo,.hover-border-indigo:hover{border-color:#3f51b5!important;}
.border-khaki,.hover-border-khaki:hover{border-color:#f0e68c!important;}
.border-lime,.hover-border-lime:hover{border-color:#cddc39!important;}
.border-orange,.hover-border-orange:hover{border-color:#ff9800!important;}
.border-deep-orange,.hover-border-deep-orange:hover{border-color:#ff5722!important;}
.border-pink,.hover-border-pink:hover{border-color:#e91e63!important;}
.border-purple,.hover-border-purple:hover{border-color:#9c27b0!important;}
.border-deep-purple,.hover-border-deep-purple:hover{border-color:#673ab7!important;}
.border-red,.hover-border-red:hover{border-color:#f44336!important;}
.border-sand,.hover-border-sand:hover{border-color:#fdf5e6!important;}
.border-teal,.hover-border-teal:hover{border-color:#009688!important;}
.border-yellow,.hover-border-yellow:hover{border-color:#ffeb3b!important;}
.border-white,.hover-border-white:hover{border-color:#fff!important;}
.border-black,.hover-border-black:hover{border-color:#000!important;}
.border-grey,.hover-border-grey:hover,.border-gray,.hover-border-gray:hover{border-color:#9e9e9e!important;}
.border-light-grey,.hover-border-light-grey:hover,.border-light-gray,.hover-border-light-gray:hover{border-color:#f1f1f1!important;}
.border-dark-grey,.hover-border-dark-grey:hover,.border-dark-gray,.hover-border-dark-gray:hover{border-color:#616161!important;}
.border-pale-red,.hover-border-pale-red:hover{border-color:#ffe7e7!important}.border-pale-green,.hover-border-pale-green:hover{border-color:#e7ffe7!important;}
.border-pale-yellow,.hover-border-pale-yellow:hover{border-color:#ffffcc!important}.border-pale-blue,.hover-border-pale-blue:hover{border-color:#e7ffff!important;}