@charset "UTF-8";
/* CSS Document *//* W3.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}

/*a{background-color:transparent}a:active,a:hover{color:#990000;outline-width:0}*/
a{background-color:transparent}a:active,a:hover{color:#A96;outline-width:0}


/* End extract */
html,body{font-family:Courier,Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:Courier,Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}


/*Cphoto Menu*/
.topnav {overflow: hidden;background-color: #333;}
.topnav a {float: right;display: block;color: #AA9966;text-align: center;padding: 14px 16px;text-decoration: nonfont-size: 17px;}
.active {background-color: #4CAF50;color: white;}
.topnav .icon {display: none;}

/*Cphoto*/ .w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
/*Cphoto*/.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
/*Cphoto*/.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
./*Cphoto - grid home.html*/-padding,.w3-row-padding>.w3-half,.w3-row-padding>./*Cphoto*/,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
/*Cphoto*/.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}

/*Cphoto top navigation*/.w3-large{font-size:18px!important}.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #A96!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:4px solid #A96!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
/*Cphoto*/.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
/*Cphoto*/.w3-button:hover{color:#990000!important;background-color:#fff!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* fonts over pics*/ 
.container {position: relative;font-family: courier;}
.text-blockonwh {position: absolute; bottom: 10px;right: 10px;background: rgb(153,152,102,0.2);color: #eee;padding-left: 20px;
  padding-right: 20px;}
  .text-blockonph {position: absolute; bottom: 10px;right: 10px;background: rgb(3,3,3,0.2);color: #eee;padding-left: 20px;
  padding-right: 20px;}
  /* The overlay effect - lays on top of the container and over the image */
.overlayonwh {position: absolute;bottom: 10px;background: rgb(153,153,102);background: rgba(153,153,102, 0.2); /* Black see-through */color: #f1f1f1;width: 96%;*/transition: .5s ease;opacity:0;color: #a96;padding-left: 20px;  padding-right: 20px;}
.overlayonph {position: absolute;bottom: 10px;background: rgb(3,3,3);background: rgba(3,3,3, 0.2); /* Black see-through */color: #f1f1f1;width: 96%;*/transition: .5s ease;opacity:0;color: #eee;padding-left: 20px;  padding-right: 20px;}
/* When you mouse over the container, fade in the overlay title */
.container:hover .overlayonwh {opacity: 1;}
.container:hover .overlayonph {opacity: 1;}
/* Colors */

.w3-white,.w3-hover-white:hover{color:#A96!important;background-color:#fff!important}
.w3-bluegrey,.w3-hover-bluegrey:hover{color:#607d8b!important;background-color:#fff!important}