html {
  scroll-behavior: smooth;
}

*{
	margin:0px; 
	padding:0px; 
}

body{
	background-image:linear-gradient(peachpuff,indianred);
	color: white;
	text-align: center;
}

p {
  font-family: Verdana,Arial,Sans-serif;
	font-size: 16px; 
	line-height:1.5;
	text-indent: 50px;
	text-align: justify;
	text-justify: inter-word;
	margin: 25px;
} 

hr.divider {
	border: 3px solid peachpuff;
}

.title {
	font-family: 'Dancing Script', cursive;
	font-size: 5rem;
	color: #660000;
    text-shadow: 7px 7px 9px wheat;
}

.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

.column img {
  -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 70%;
}

.column img:hover {
  -webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.col {
  float: left;
  width: 25%;
  padding: 0px;
}

/* Style the images inside the grid */
.col img {
  opacity: 0.8; 
  cursor: pointer;
  width:100%;
  height: 80%;
}

.col img:hover {
  opacity: 1;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Clearfix (clear floats) */
.row {
  display: flex;
}

.btn{
    border: none;
    font-size: 0.9rem;
    text-transform: uppercase;
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 0.55rem 0;
    width: 150px;
    font-weight: 600;
    background: transparent;
    margin: 2 0.5rem;
    cursor: pointer;
    color:#fff;	
}

a {
	text-decoration: none;
	color:#fff
}

.btn.btn-pink{
    background: #912934;
    color: #fff;
    border-color: #912934;
    transition: all 0.5s ease-in-out;
}
.btn.btn-pink:hover{
    background: transparent;
    border-color: #fff;
    color: #fff;
}

.btn.btn-white{
    transition: all 0.5s ease-in-out;
	float: right;
}

.btn.btn-white:hover{
    background: #912934;
    border-color: #912934;
    color: #fff;
}