html, body{
    margin:0;
    padding:0;
    width:100%;
    height: auto;
}
@media screen and (prefers-color-scheme:dark) {
	body {
		background-color: black !important;
		color: white !important;
	}
}

@media screen and (prefers-reduced-motion: reduce) {
	* {
		-webkit-transition-duration: 0.001ms !important;
		        transition-duration: 0.001ms !important;
	}
}
.parentDiv{
    background-color:#e6f2ff;
    width: 100%;
    height: auto;
    margin: 0;    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.parentcontainer{
   width:93%;
   height: auto;
   margin:0.1em auto 3em auto;
}
@media screen and (max-width:700px){
    .parentcontainer {
        width:96%;
    }
}
h1{
    text-align: center;
    margin: auto;
    margin-top:20px;
}
h4, h3{
    margin:12px auto;
    height: auto;
    text-align: center;
    font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
}

.logo{
    margin: auto;
    width: 300px;
    display: flex;
    flex-direction: row;   
    justify-content: space-around;
}

.bar{
    width:100%;
    height: 16px;
    margin: auto;
    background-color:#80bfff;
}
.circle{
    width:50px;
    height:50px;
    background-color: #5c8a8a;
    border-radius:100%;
    margin: auto;
    text-align: center;
}
.circle img{
    height: 40px;
    width: auto;
    margin-top: 5px;
}
.topc {
    font-family: "Arial Black", sans-serif;
    color: #5c8a8a;
    text-shadow: 2px 3px 3.6px #80bfff;
    margin: auto;
}
h1.index{
    color:#008055;
    margin-top:22px;
    margin-bottom:12px;
    text-shadow: 2px 3px 3.6px #80bfff;
    font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
    width:100%;
    text-decoration: underline;
}

h4 a{
    color:#008055;
    display: block;
    margin-top: 5px;
}
h3 a {
    color: #0059b3;   
    text-decoration:none;
}
img.index{
    width: 100%;
    height: auto;
}

header{
    height: auto;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
}
nav{
    width: 100%;
    padding: 0.5em 0;
    height: auto;
    margin: auto;
    background-color:#80bfff;
}
.numbering{
    height: auto;
    width: 160px;   
    margin:auto;
    border-top:1px solid #0066cc;
    background-color:#80bfff;
}
.numbering h4{
    padding:0 4px 7px 4px;    
    color: #ffffff;
    text-align: center;
}
.cover {
    height: auto;
    width: 60%;
    margin: auto;
    display: flex;
    flex-direction: row;   
    justify-content: space-around;  
}
@media screen and (max-width:700px){
    .cover {
        width: 100%;
    }
}
iframe {
    border:0;
    }
.navlink1{       
    text-decoration:underline;  
    text-align: centre;
    color:#ffffff;
    font-weight:700;
    font-size: 15px;
    font-family: Garamond, serif; 
}
.navIcon{
    height: 32px;
    width: auto;
}
.cardContainer{
    width:100%;
    height: auto;
    margin: auto;
    padding: 10px;
    box-sizing: border-box;
}
.box{
    background-color: #ffffff;
    border-radius: 12px;
    width: 96%;
    height: auto;
    padding-bottom: 4px;
    padding-top: 3.5rem;
    margin-bottom:40px;
}
.box2{
    display: none;
}
@media screen and (min-width:630px){
    .box, .box2 {
        display: inline-block;
        width: 46%;
    }
}
@media screen and (min-width:630px){
    .box, .box2 {
        display: inline-block;
        width: 30%;
    }
}
/*
.ads{
    display: block;    
    height: 250px;
    width: 90%;
    margin:20px auto;
    border:0;
}
@media screen and (max-width:700px){
    .ads {
        width: 96%;
    }
}
*/
.feedback{
    width: 50%;
    height: auto;
}
@media screen and (min-width:660px){
    .feedback {
        width: 96%;
    }
}
input[type="text"]{
    border-radius: 12px;
    border: 1px solid #0088cc;
    padding: 0.3rem 6px;
    width: 100%;
    height: auto;
}
section {    
    padding:6px;
    width: 100%;
    height: auto;
    margin: auto;
    display: flex;
    flex-direction:row;
    align-content: space-between;
    box-sizing: border-box;
    border-bottom: 3px ridge #80bfff;
}
@media screen and (max-width:700px){
    section {
        flex-direction:column;
        align-content: space-between;
        padding:3px;
    }
}
media screen and (min-width:1000px){
    .lastSection {
        flex-direction:column;
        align-content: space-around;
        padding:3px;
    }
}
section.lastSection{
    border:0;
}
.news-div{
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 0;
}
.news-div img{
    width: 100%;
    height: auto;
}
.news-div h2{
    position: absolute;
    z-index: 1;
    bottom:9%;
    left:10%;
    color: #ffffff;
    width: 80%;
    word-spacing:2px;
    letter-spacing: 1px;
    text-shadow: 2px 3px 3.6px #80bfff;
    font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
   	 text-align: center;
}
.button, input[type="submit"], .listEditions {
    width: 45px;
    padding: 8px 0;
    height:auto;
    font-size:16px;
    font-weight:700;
    color:#009999;
    display: inline-block;
    margin: 1em auto;
    box-shadow: -0.1px -0.1px 1px #145252;
    background-color:#b3ffec;
    text-decoration:none;
    text-align:center;
}
 .listEditions{
        display: block;
        width: 100px;  
    }
@media screen and (min-width:800px){
    .button {
        width: 50px;  
    }
    .listEditions{
        width: 150px;  
    }
}
@media screen and (min-width:1100px){
    .button {
        width: 65px;         
    }
    .listEditions{
        width: 165px;  
    }
}
@media screen and (min-width:1800px){
    .button {
        width: 100px;  
    }
   .listEditions{
        width: 200px;  
    }
}
#changestyle{
    border:1px solid #009999;
}
.goback{
    width: 400px;
    padding: 8px 0;
    height:auto;
    font-size:16px;
    font-weight:700;
    color:#009999;
    display: block;
    margin: 1.5em auto;
    box-shadow: 0.2px 0.2px 1px #145252;
    background-color:#b3ffec;
    text-decoration:none;
    text-align:center;
}
@media screen and (max-width:1099px){
    .goback {
        width: 300px;  
    }
}
@media screen and (max-width:699px){
    .goback {
        width: 200px;  
    }
}

#pagetwo:target~#pageone,
#pagethree:target~#pageone,
#pagefour:target~#pageone,
#pagefive:target~#pageone,
#pagesix:target~#pageone,
#pagetwo, #pagethree, #pagefour,
#pagefive, #pagesix{
    display: none;
}
#pageone:target, #pagetwo:target, 
#pagethree:target, #pagefour:target,
#pageone, #pagesix:target, 
#pagefive:target{
    display: block;
    width:100%;
    height: auto;
    padding-top:30px;
}

article {
    display: flex;
    flex-direction: column;
    padding:0;
    margin: 30px auto;
    width:100%;
    height:auto;
    box-shadow: 0.1px 0.1px 2px #145252;
    border-radius:10px;
}
.buttonlinks{
    width:240px;
    height: auto;
    margin:1em auto;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}
@media screen and (min-width:800px){
    .buttonlinks {
        width: 300px;  
    }
}
@media screen and (min-width:1100px){
    .buttonlinks {
        width: 400px;  
    }
}
@media screen and (min-width:1800px){
    .buttonlinks {
        width: 600px;  
    }
}
.newscontent{    
    margin: auto;
    width: auto;   
    height: auto;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
@media screen and (max-width:700px){
    .newscontent {
        display: block;
        width: 100%;        
        padding:0 3px;
    }
} 
.newscontent p{
    height: auto;
    width: 100%;
    letter-spacing:0.6px;
}
section img {    
    width: auto;
    height: 300px;
    }

@media screen and (max-width:700px){
    section img {
        display: block;
        width: 100%;
        height: auto;
        float:none;
    }
} 
.cpaImg{
    margin: auto;
    width: 100%;
    height: auto; 
    display: flex;
    align-items: space-around;
    flex-direction: column;
}

@media screen and (min-width:1000px){
 .cpaImg {     
    display: flex;
    align-items: space-around;
    flex-direction: row;
    }
    .lastSection{
        justify-content:center;
    }
}

 iframe.cpaImg {
    max-width: 100%;
    height: 60px;
    margin: auto;
   }

.gotocpa {
            width: auto; 
            padding:0.5em 1.3em;  
            margin:auto;
            font-size:16px;
            font-weight:700;
            color:#009999;
            box-shadow: -0.1px -0.1px 1px #145252;
          background-color:#b3ffec;
            text-decoration:none;
            text-align:center;
 }   
 @media screen and (max-width:700px){
  .gotocpa {
        margin: 20px auto; 
        padding:0.5em 0;  
        width: 60%;    
    }
}

.showcase{
    padding: 10px 0;
    width: 27%;
    margin: auto;
    margin-bottom: 15px;
    background-color:#990099;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}
@media screen and (max-width:700px){
 .showcase {     
        width: 50%;
    }
}

p{
    font-family: "lucida console" sans-serif;
    font-size: 15px;
    width: 100%;
}
.intro{
 color: #0088cc;
	text-align:center;
	font-family: Georgia, Serif;
	word-space:3px;
	letter-spacing:1px;
	font-size:20px;
	width:95%;
}
.intro small {
    color:#008055;    
    font-style:italic;
    font-size:14px;
}
.intro2{
 color: #0088cc;
	text-align:center;
	font-family: Georgia, Serif;
	word-space:1px;
	letter-spacing:1px;
	font-size:20px;	
}
@media screen and (max-width:700px){
    .intro2 {
        text-align: left; 
    }
}
.description{
	font-family: Georgia, Serif;
	word-space:2px;
}
footer {
        background-color: #80bfff;
        border:2px solid #80ffaa;
        border-width:2px 0;
        width:100%;
        min-height:90px;
        padding:5px 0 7px 0;
        margin:0;
        color: #q;qqqqq
        font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', qqArial, sans-serif;
        }
   .whiteLine {
        width:80%;
        height:8px;
        border-radius:40px;
        border:1px solid #80ffaa;
        margin:5px auto 35px auto;
        background-color: #ffffff;
        }
   footer small {
            text-align: center;
            display: block;
            margin: auto;
        }
   footer a {
            color:#00802b;
        }
        #invisible{
            display: inline;
        }

.inpageAd, .outerAd, .navlink2, .navlink3, .ads{
    display: none;
}
/*
.inpageAd{
    width:100%;
    border:0;
    height:300px;
    padding:0;
    margin:0;
}   

.outerAd{
    width:97%;
    border:0;
    height:100%;
    display:block;
    margin: auto;
}
*/
.showlist_container{
    height: auto;
    width: 78%;
    margin: 3em auto;
}
@media screen and (max-width:700px){
    .showlist_container {
        width: 92%;
    }
}
@media screen and (min-width:1099px){
    .showlist_container {
        width: 70%;
    }
}
.cpaContainer{
    min-height:100%;
    width:100%;
}
.cpaContainer .showcase{
    width:68%;
    padding-left:6px;
    padding-right:6px;
}
.cpaContainer iframe{
    min-height:95vh;
    width:100%;
    margin: auto;
    border:0;
}
#count{
    text-decoration: underline;
    font-weight:800;
    font-size:19px;
}
#hide{
    display: none;
}
#playVideo{
    display:block;
    width:67%;
    margin:28px auto 12px auto;
    background-color:#ffffff;
    color: #990099;
    padding:10px;
    text-decoration:none;
	}
	.price{
	    color:#990099;
	}
th, td{
    border:0;
    padding:4px;
}
table{
    border:0;
    width:100%;
}
caption {
    font-weight:bold;
    font-style:italic;
}

.mobileView, .desktopView{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:flex-end;
    width:100%;
    height:auto;
    margin:auto;
}
@media screen and (max-width:700px){
    .desktopView {
        display:none;
    }
}
@media screen and (min-width:700px){
    .mobileView {
        display:none;
    }
}