body {font-family: 'Montserrat Display' serif !important;}

.osano-cm-widget { display: none; }

/* Some background colours */
.bg-beige {
  background-color: #DED6D0 !important;
}
.bg-black {
  background-color: #231f20 !important;
}
.bg-red {
  background-color: #e82e42 !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.text-large{font-size: 2.5rem}

/* Zoom effect */

.zoom {
  padding: 10px;
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.1); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/* Back to top button */
#topBtn {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 30px;
  z-index: 99;
  font-size: 28px;
  border: none;
  outline: none;
  background-color: RGBA(168,228,235,0.7);
  color: black;
  cursor: pointer;
  padding: 1px;
  border-radius: 10px;
}

#aboutme .img{
	margin-right: 30px;
	width: 35% !important;
}
#topBtn:hover {
  color: white;
}

/* Style all font awesome icons */
.fa {
    padding: 10px;
    font-size: 30px;
    width: 40px;
    text-align: center;
    text-decoration: none;
	margin: 5px 2px;
	border-radius:50%;
}

/* Add a hover effect if wanted */
.fa:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
    background: #3B5998;
    color: white;
}

/* Twitter */
.fa-twitter {
    background: #55ACEE;
    color: white;
}

/*Instagram*/
.fa-instagram {
  background: #125688;
  color: white;
}

.fa-chevron-up {
  color: white;
}

/* Tablet View */

@media (max-width: 768px) {
.text-large{font-size:1.5rem}
#aboutme .img{width: 30% !Important;}
}
/* Desktop View */

@media (min-width: 1024px) {
.navbar {
	padding: 5px 15px;
	}
#aboutme .img{width: 40% !Important;}
}