html {
  scroll-behavior: smooth;
}

*{
	box-sizing: border-box;
	padding: 0.5px;
}

body {
  margin:0;
  font-family: Arial;
  background-image: linear-gradient(peachpuff, indianred);
  height: 100vh;
}

div {
	text-align:center;
}

.title {
	font-family:Palatino, URW Palladio L, serif;
	font-size: 5rem;
	color: white;
	padding: 0px;
}

h3 {
	padding: 0px;
	font-family: "Snell Roundhand", cursive;
	line-height: 0px;
	font-size: 30px;
	font-style: italic;
	color: white;
}

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

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

.col img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The grid: Four equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
}

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

.column img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.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;
	float: right;
}

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;
}