body{
  background-color:#B0E0E6;
  background-image: url('img/background_beach2.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size:cover;
  font-family: 'Open Sans', sans-serif;

}

.ss-font-quote {
  font-family: 'Redressed', cursive;
  font-size:140%;
}

h1, h2, h3, h4, h5,.ss-heading-1, .ss-heading-2{
  font-family: 'Lobster Two', cursive !important;
}

.ss-heading-1{
	font-size:4rem;
}
.ss-heading-2{
	font-size:2.5rem;
}


h1:before, h2:before, h3:before, h4:before, h5:before,h1::before, h2::before, h3::before, h4::before, h5::before{
	content:'' !important;
}

.ss-video-box{
  float:right;
  width:50%;
  padding-left:2rem;
}

.ss-block, .ss-footer-block{
  border-radius:2rem;
  border:6px solid rgba(10,180,210,0.65);
  background: #FFEFBA;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #FFFFFF, #FFEFBA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color:#101010;
  padding:3rem;
  margin-top:3rem;
  margin-bottom:3rem;
}

.ss-half-block{
  border-radius:2rem;
  border:6px solid rgba(10,90,105,1);
  background: #E0EAFC;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #CFDEF3, #E0EAFC);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #CFDEF3, #E0EAFC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color:#101010;
  padding:3rem;
  margin-top:3rem;
  margin-bottom:3rem;
}

.ss-gospel-block{
  border-radius:2rem;
  border:6px solid #fff;
  /* background-image: radial-gradient( circle 993px at 0.5% 50.5%,  rgba(137,171,245,0.87) 0%, rgba(245,247,252,1) 100.2% ); */
  background:#66CC96;
  background: -webkit-linear-gradient(335deg, #66CC96, #a6fCc6);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(335deg, #66CC96, #a6fCc6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  box-shadow: -1px 1px 4px 0px #333;
  color:#101010;
  padding:3rem;
  margin-top:3rem;
  margin-bottom:3rem;
}

.ss-drop-cap{
  font-size:3rem;
  float:left;
  font-weight: bold;
  line-height: 1;
  margin: 0.0em 0.1em 0.2em 0;
}
.ss-drop-cap:before {
  margin-top: -0.3em;
}
.ss-drop-cap:after {
  margin-bottom: -0.15em;
}

.ss-font-large{
  font-size:1.80rem;
}

@media screen and (max-width: 1224px){ 

}

@media screen and (max-width: 992px){
	.ss-font-quote {
 		font-size:1.3rem;
	}
	.ss-font-large{
  		font-size:1.50rem;
	}
	.ss-block, .ss-footer-block, .ss-half-block, .ss-gospel-block{
		padding:1.5rem;
	}
	.ss-heading-1{
		font-size:3.5rem;
	}
	.ss-heading-2{
		font-size:2.25rem;
	}
	.ss-video-box{
	  float:center;
	  display:block;
	  width:100%;
	  padding-left:0rem;
	  padding-top:0.75rem;
	  padding-bottom:0.75rem;
	}
  .ss-gospel-block, .ss-half-block, .ss-footer-block{
    margin-top:1.5rem;
    margin-bottom:1.5rem;
  }
}

@media screen and (max-width: 768px){
	.ss-font-quote {
 		font-size:1.2rem;
	}
	.ss-font-large{
  		font-size:1.33rem;
	}
	.ss-block, .ss-footer-block, .ss-half-block, .ss-gospel-block{
		padding:0.75rem;
	}
	.ss-heading-1{
		font-size:3rem;
	}
	.ss-heading-2{
		font-size:2rem;
	}
  .ss-gospel-block, .ss-half-block, .ss-footer-block{
    margin-top:1rem;
    margin-bottom:1rem;
  }

}

@media screen and (max-width: 576px){
	.ss-font-quote {
 		font-size:1.1rem;
	}
	.ss-font-large{
  		font-size:1.20rem;
	}
	.ss-block, .ss-footer-block, .ss-half-block, .ss-gospel-block{
		padding:15px;
	}
}