* {
      font-family: arial;
    }



/* HOME Gallery Styles */
dl {
 width: 100%; 
 display: grid;
/*  grid-template-columns: max-content auto;*/
}

dt {
   grid-column-start: 1;
  justify-content: right; 
  align-items: center;
   float: left;
  /* adjust the width; make sure the total of both is 100% */
  padding: 50;
  margin: 0
  
}

dd {
   width: 100%;
    grid-column-start: 20;
    display: flex;
  justify-content: left; 
  align-items: center;
   float: left;
  /* adjust the width; make sure the total of both is 100% */
  padding: 0;
  margin: 0;
       }

.ximage {
	position:center;
	height:75%;
	width:75%;
			/*top padding is 25px	right padding is 50px`	bottom padding is 75px	left padding is 100px */
	padding: 40px 20px 20px 20px;
}
@media only screen and (max-width: 600px) {
.ximage {
	position:relative;
	height:50%;
	width:120%;
	padding: 40px 5px 20px 10px;
	}
}
div.Ctext { 
		font-size: 2vw;
        padding-left: 20px;
}      
@media only screen and (max-width: 600px) {
div.Ctext {
		font-size: 4vw;
		padding-left: 30px;
	}
}

/* Banner Styles*/
.KBanner{	
	font-size: large;
	font-weight:900;
	font-family: "Comic Sans MS";	
	color: #FA0B0B;
	text-align: center;
 }

.KBanner1{	
	font-size: medium;
	font-weight:200;
	font-family: "arial";	
	color: #000099;
	text-align: center;
 }
 
 .KBanner2{	
	font-size: small;
	font-weight:900;
	font-family: "Comic Sans MS";	
	color: #Ff0B0B;
	text-align: center;
 }

 .KBanner3{	
	font-size: 2em;
	font-weight:900;
	font-family: "Comic Sans MS";	
	color: #Ff0B0B;
	text-align: center;
 }

.KBanner5{	
	font-size: medium;
	font-weight:500;
	font-family: "Comic Sans MS";	
	color: darkred;
	text-align: center;
 }

/* Naigation Styles */
.Kluna { 
	opacity: 0; 
	transition: 1s opacity; }

a:hover image.Kluna { 
	opacity: 1; } text {
	font-family: "Verdana";
	font-size: 65px;
	fill:  #fff;
	filter: url(#dropshadow);
}

/* ID's  have #'s */
#Rtext { font-family: Verdana, sans-serif; font-size: 65px; fill: #f00; filter: url(#dropshadow); }
#Ytext { font-family: Verdana, sans-serif; font-size: 65px; fill: #ff0; filter: url(#dropshadow); }
#Mtext { font-family: Verdana, sans-serif; font-size: 50px; fill: #fff; filter: url(#dropshadow); }
#Ltext { font-family: Verdana, sans-serif; font-size: 40px; fill: #fff; filter: url(#dropshadow); }
#Stext { font-family: Verdana, sans-serif; font-size: 35px; fill: #fff; filter: url(#dropshadow); }
#Gtext { font-family: Verdana, sans-serif; font-size: 65px; fill: #000; filter: url(#dropshadow); }

/* Popup box styles */

.left{
  float: left;
  width: 300px;
  border: 3px solid #73AD21;
  padding: 10px;
}
@media only screen and (max-width: 600px) {
	.left{
		width: 80px;
		border: 2px solid #73AD21;
		padding: 5px;
	}
}

.right {
  float: right;
  width: 300px;
  border: 3px solid #73AD21;
  padding: 10px;
}
@media only screen and (max-width: 600px) {
	.right {
		width: 80px;
		border: 2px solid #73AD21;
		padding: 5px;
	}
}



.center {
  margin: auto;
  width: 50%;
}

 .policyPopup {
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.4);
            display: none;
        }
.policyPopup-content {
            background-color: white;
            margin: 10% auto;
            padding: 20px;
            border: 1px solid #888888;
            width: 50%;
            font-weight: bolder;
        }
@media only screen and (max-width: 600px) {
.policyPopup-content{
		width: 70%;
		background-color: lightblue;
		}
	}	
.policyPopup-content button {
            display: block;
            margin: 0 auto;
        }
.show {
            display: block;
        }




/* Style the Header */
header {
  background-image: url(../images/cp-icon.png), url(../images/cp-icon.png);
  background-position:  left top,right top;
  background-repeat: no-repeat, no-repeat;
  background-size: 5%, 5%; 
  left:100px; 
  width:100%;
  text-align: center;
  font-size: 35px;
  color: blue; */
}



/* Style the Nav */

nav {
  background-size: 100%;
  background-image: url(../images/bloke-mov.gif), url(../images/gurl-mov.gif);
  background-position:  top right ,bottom left;
  background-repeat: no-repeat, no-repeat;
  background-size: 15%, 15%;	 
 }

/* Style the body */
body{
	 font-family: "Arial";	
	  font-size: 100%;
}


/* Style the MAIN*/
main{
  	background-size: 100%;
}


/* Style the footer */
footer {
   	color: white;
    font-size: 0.8em;
    padding: 0px 0px 0px 20px;
 	background: url(../images/cp9.png);
	background-repeat: no-repeat;
	background-position: bottom;
  	height: 180px; 
  	background-color: grey;
  	background-size: 100% 100%;
	text-align: center;
    }
@media only screen and (max-width: 600px) {
  footer {
   	color: darkblue;
	padding: 0px 0px 120px 20px;
	height: 250px; 
  	background-size: 100% 30%;
	background-color: lightblue;
  }
 
}