@import url('https://fonts.googleapis.com/css?family=Merriweather&display=swap');

p {
  font-size: 18px;
  text-align: center;
  font-family: 'Merriweather', serif;
}
h1, h3, h2, ul li, .singlespeaker {
  font-family: 'Merriweather', serif;
}
.tagline {
  text-align: center; 
  padding: 5px 40px 40px 40px; 
  line-height: 1.5em;
}
li {
  font-size: 18px;
}
.backgroundbox {
	max-width: 90vw; 
  	border-left: 2px solid black; 
  	border-right: 2px solid black; 
  	margin: auto; 
  	padding: 25px;
}
.speakers {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.singlespeaker {
  flex: 1;
  min-width: 150px;
  max-width: 200px;
  padding: 10px;
  text-align: center;
}
.singlespeaker img {
  width: 100%;
}
.orderbutton {
    color: white;
  	font-size: 20px;
  	font-weight: 800;
  	padding: 15px;
    border: 2px solid black;
    border-radius: 10px;
    text-align: center;
    width: 350px;
    margin: auto;
    background: #6639b7;
    -webkit-transition: background 1s; /* Safari */
    transition: background 1s;
  	display: block;
}
.orderbutton:hover {
    background: white;
    border: 2px solid #6639b7;
}



@media only screen and (max-device-width: 1050px) {
.backgroundbox {
	max-width: 100vw!important;
  	padding: 0px!important;
  	margin: 0 0 0 0!important;
  	border-left: none!important;
  	border-right: none!important;
}