/* Define a custom web font */

@font-face {
    font-family: "caitlin";
    src: url("LuckyDipCaitlin.ttf");
}

@font-face {
	font-family: 'Buenard', serif;
	src: url(Buenard-Regular.ttf);
	
}

body {
	background-color: #fbf4f9;
	font-family: 'Buenard', serif;
}


.main-color {
	background-color: #eca0b6;
}

.page_name_color {
	background-color: #eca0b6;
	color: #fff;
}

.main-text-color {
	color: #fbf4f9;
}

.media_title_color {
	color: #9ce;
}


.caitlin {
	font-family: 'caitlin';
}

.buenard {
	font-family: 'Buenard', serif;
}


.italic {
	font-style: italic;
}


.font-2rem {
	font-size:1.3rem;
}

.font-3rem {
	font-size:1.6rem;
}

.font-1rem {
	font-size:1.2rem;
}

.font-4rem {
	font-size:2.2rem;
}

.font-7rem {
	font-size:7rem;
}

hr {
  margin-top: 5rem;
  margin-bottom: 5rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  max-width: 1100px;
}

h1 {
	font-size: 7rem;
	line-height: 0.8;
	color: #9ce;
}

.max-width {
	max-width: 1100px;
}

.max-width-top {
	max-width: 1350px;
}

img { display: block; }

/* background-torn img-fluid mx-auto d-block mb-0 */
.background-torn { 
	background-image: url("image/torn-page-transition.png");
	height:660px;
	background-repeat: no-repeat;
  	background-position: center;
}

.side-image-back {
	background-image: url(website_side_border.png);
	width: 100%;
	background-repeat: yes;
}

.img-bottom {
    vertical-align: bottom;
}

.width-100 {
	width: 100%;
}

.height {
	height: 300px;
}


.width-65 {
	width: 60%;
}


@media (min-width: 990px) {
  .width-35 {
	max-width: 35%;
}
}