* {text-align:center;}

html {}

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

img {max-width:100%; margin:0 auto; height:auto; border:1px solid #ac1d26; box-shadow:1px 1px 1px dark#ac1d26;}
img#logo {display:block; margin:0 auto; width:450px; max-width:90%; border:none; box-shadow:none;}

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

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 #ac1d26;
        display: block;
        -webkit-transition-duration: 0.25s; /* Safari */
        transition-duration: 0.25s;
    }

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

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

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

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

div {display:block; max-width:100%;}


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%;
}    

footer h2 {color:white; text-shadow:2px 1px 1px black; background:#ac1d26;   max-width:450px; margin:50px auto;   text-align:center;}

/*-----------------------------------
    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) {}