/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

body {
  margin: 0;
  padding-top: 0px;
  background-image: url(pattern.png);                     
  background-color: rgb(183, 164, 170);
  background-image:url("encore.jpg");
  background-size: cover;
}

h2, p, h1 { color: white; text-shadow: 1px 1px 1px black; }

h1{ text-align: center;  margin-top: 220px;}


#wrapper{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  background-color: #949d9b;
  padding: 25px;
}
section { text-align: center; }
.gfx{
  width:100%;
}
a {
  text-decoration: none; 
  font-family: "Times New Roman", sans-serif;
  font-size: 1.5em;
  padding: 10px;
  background-color: #ceba9f
  color: rgba(172, 98, 98, 0.94);
}
menu{ text-align: center; padding-bottom: 10px;  font-size: 1.4em; background-color: rgba(0,0,100, 0.5); margin-top: 0; padding-top: 10px; color: white; }
menu a{ color: white !important; }

@media (min-width: 600px){
  
  section{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  section p {
    margin-top: 2px;
    padding: 10px; 
  }
}

#title{ font-family: "Times New Roman", sans-serif; }
.mybut:{
  background: #3498db;
  background-image: -webkit - linear-gradient(top, #3498db, #2980b9);
  background-image: -moz - linear-gradient(top, #3498db, #2980b9);
  background-image: -ms - linear-gradient(top, #3498db, #2980b9);
  background-image: -o - linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  - webkit - border-radius: 29px;
  - moz - border-radius: 29px;
  border-radius: 29px;
  font font-family: Times New Roman;
  color: darkgray;
  font-size: 25px;
  padding: 15px 20px 15px 20px;
  text-decoration: none;

}
.mybut:hover { 
  background: #3cb0fd;
  background-image: -webkit - linear-gradient(top, #3cb0fd,#3498db );
  background-image: -moz - linear-gradient(top, #3cb0fd, #3498db );
  background-image: -ms - linear-gradient(top, #3cb0fd, #3498db );
  background-image: -o - linear-gradient(top, #3cb0fd, #3498db );
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db );
  text-decoration: none;
}