h1 {
  font-family: 'Lato', sans-serif;
  color: #0080ff;
  text-align: center;
  font-size: 350%;
  display: block;
}

.testimonal-name {
  color: #0080ff;
}

body {
  font-size:20px;
  font-family: verdana;
  color: #FAFAFA;
  text-align:center;
  background:#FAFAFA;
}

p {
  color: #FFA82A;
  text-align:left;
}

.testimonal {
  color: black;
}

.modal-title{
  color: #0080ff;
}


.text-center {
  text-align: center;
}

.contact-icons {
  color: #0080ff;
}


.modal-photo {
  width: 98%;
}

.half-size {
  height: 25%;
}
.square {
  float:left;
  position: relative;
  width: 30%;
  padding-bottom : 30%; /* = width for a 1:1 aspect ratio */
  margin:1.66%;
  background-color:#FAFAFA;
  overflow:hidden;
  cursor:pointer;
}

.content {
  position:absolute;
  height:90%; /* = 100% - 2*5% padding */
  width:90%; /* = 100% - 2*5% padding */
  padding: 5%;

}
.table{
  display:table;
  width:100%;
  height:100%;
}
.table-cell{
  display:table-cell;
  vertical-align:middle;
}

.content .rs{
  width:auto;
  height:auto;
  max-height:90%;
  max-width:100%;
}
/*  For responsive images as background */
.bg{
  background-position:center center;
  background-repeat:no-repeat;
  background-size: contain;
  color:#FAFAFA;
}

.img1{
  background-image: url('../img/meglish.jpg');
}
.img2{
    background-image: url('../img/tastings.jpg');
}
.img3{
    background-image: url('../img/marinamura.jpg');
}

.img4 {
  background-image: url('../img/whatisit.png');
}

.img5{
  background-image: url('../img/candlelight_screenshot.jpg');
}

.img6{
  background-image: url('../img/dopemessage.jpg');
}

/*  following just for the demo */
.footer {
  padding-top: 50px;
  margin-bottom: 20px;
}

.nav-bar {
  background: #FAFAFA;
}

.top-p{
  padding: 10%;
  text-align:left;
  color: #FFA82A;
}


.pic{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
 }
 .pic:hover {
   opacity: 0.3;
   filter: alpha(opacity=30);
 }

 .gif{
   padding-top: 10%;
 }

 .flag-icon-background {
   background-size: contain;
   background-position: 50%;
   background-repeat: no-repeat;
 }
 .flag-icon {
   background-size: contain;
   background-position: 50%;
   background-repeat: no-repeat;
   position: relative;
   display: inline-block;
   width: 1.33333333em;
   line-height: 1em;
 }
 .flag-icon:before {
   content: "\00a0";
 }
 .flag-icon.flag-icon-squared {
   width: 1em;
 }

 .flag-icon-es {
   background-image: url(../flags/4x3/es.svg);
 }
 .flag-icon-es.flag-icon-squared {
   background-image: url(../flags/1x1/es.svg);
 }

 blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}