* {text-align:center; margin:0; padding:0;}

html {}

body {background-color:black; color:white; padding:1em 5%; margin:0 auto;}

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

img.img1x1 {width:300px; max-width:90%; padding:10px; border:1px solid #goldenrod;}
img.img2x1 {width:600px; max-width:90%; padding:10px; border:1px solid #goldenrod;}

a { color: inherit; text-decoration: none; }

    button {
        background-color: #fff;
        text-transform: capitalize;
        text-decoration: none;
        margin: 1em auto;
        text-align: center;
        border-radius: 1em;
        border: 2.5px solid goldenrod;
        display: block;
        -webkit-transition-duration: 0.25s; /* Safari */
        transition-duration: 0.25s;
    }

    button:hover, button:active { box-shadow: 5px 5px 10px gold; }

    button a { 
      color: black;    
      font-size: 24px; 
      letter-spacing: 2px; 
      padding: 6px 3px;    min-width: 150px; 
      display: block; 
    }

header {padding: 25px 5%; text-align:center;}

h1 {letter-spacing:6px; text-transform:uppercase; font:32px/1.3 sans-serif; color:goldenrod;}
h1 span {font:italic 96px/1 cursive;}

h2 {font:16px/1.3 serif; color:gold; text-transform:uppercase;}

section {padding: 25px 5%; text-align:center;}

div {display:block; max-width:100%; width:300px; margin:0 auto; }

form div {padding:5px 0;}

p {line-height:1.3; margin:10px 0;}

p span.bold {text-transform:uppercase; font-weight:bold;}

p span.underline {text-decoration:underline;}


ul, li {list-style-type: none; margin:0 auto; padding:0;}

    
footer { 
  width: 90%;    padding: 10px 5%;
}    

/*-----------------------------------
    Media Queries    
-----------------------------------*/

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

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

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

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



