html {
    background-color: #252525;
}

header, nav, footer, article, aside {
    margin: 10px;
    padding-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 2%;
    border-bottom-style: groove;
    border-bottom-width: 5px;
    border-bottom-color:#111111;
    border-left-style: groove;
    border-left-width: 3px;
    border-left-color:#111111;  
}

nav {
    display: block;
    background-color: lightgray;
    text-align: center;
    padding: 16px;
    
}

header {
    background-image: url(p5030204.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 3;
    height: 200px;
    background-position-x: right;
    background-position-y: 60%;
    background-color: goldenrod;
    text-indent: 3%;   
}

article {
    padding: 0%;
    padding-top: 5%;
    padding-bottom: 5%;
    float: left;
    height: 100%;
    width: -webkit-fill-available;
    background-color: white;
}

article.linklist{
    float: left;
    background-color: beige;
    bottom: 3;
}

aside {
    float: right;
    background-color: beige;
}



h1 {color: black; font-size: 12; }

h3 {
    color: black; 
    font: italic;    
}





a {
  color: #492604;
}

a.nav-a {
    padding: 1%;
}

img {
    max-width: 100%;
    height: auto;
}

img.bot_logo {
    max-height: 20px;
    max-width: 30px;
}

ul.no-bullets {
    list-style-type: none; /* Remove bullets */
}


a:hover {
    background-color: #5f5d5a;
}

/*
iframe {
    width: -webkit-fill-available;
    min-height: 400px;
    border: none;
}
*/

iframe {
    



    
    height: 73vh;
    width: 100%;
    resize: both;
    overflow: auto;
    border:none;
    
    
    }

.headertxt {
    color:rgb(182, 152, 120);
    text-shadow: 1px 1px black;
}

.btop {
    padding: 5%;
}


@media only screen and (max-width: 768px) {

    h1 {
        font-size: large;
    }
    h3 {
        font-size: medium;
    }

    .nav-a {
        font-size: 20;
    }
  }