.center {
  display: block;
    margin: auto;
    width: 50%;
   // border: 3px solid green;
    padding: 10px;
}
h1{
  padding:10px;
  //text-align:center;
}

.content{

  //margin: 5%;
  background-color: darkgray;
 // min-width:480px;
  display: block;
  padding:20px;
}
.content2{
  
  margin : 5%;
  min-width:280px;
   max-width:676px;
  
  background-color:lightgray;
  padding-bottom:20px;
  display :block;
margin-left :auto;
  margin-right :auto;


  
}

.bg-4 { 
    background-color: #2f2f2f;
    color: #ffffff;
}

.margin {margin-bottom: 45px;}

.container-fluid {
     // padding-top: 70px;
     // padding-bottom: 70px;
  
}
q {
    quotes: "\201C" "\201d" "\00bb" "\2039" "\203A";
}


blockquote{
  font-size: 30px;
  background: #f9f9f9;
  border-left: 10px solid #cc;
  margin: .5em 10px;
  padding: 0 10px;
  quotes: "\201C" "\201D" "\2018" "\2019";
  padding: 10px 20px;
  line-height: 1.4;
}

blockquote:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 30px;
  color: #ccc;
  font-size: 3em;
}

.quotation::after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 35px;
  color: #ccc;
  font-size: 3em;
}

p{
  margin: 0;
}

footer{
  margin:1px;
  text-align: right;
  font-size: 1em;
  font-style: italic;
}

.thumbnail{
  
  margin-left:25%;
  margin-right:25%;
 // min-width:223px;

  
  
}
.row{
  
  margin:30px
  
}