Thank you for using Divi Cloud

ADD THE FOLLOWING CODE TO COMPLETE IT  ↓

Give me the css

/*Load custom fonts*/

@import ‘https://fonts.googleapis.com/css?family=Josefin+Sans’;

/*Heading Styles*/

/*H1 styling*/

h1 {
font-family: ‘Josefin Sans’, sans-serif;
font-size: 60px;
line-height: 1.4em;
font-weight: normal;
letter-spacing: 0px;
}

/*H2 styling*/

h2 {
font-family: ‘Josefin Sans’, sans-serif;
font-size: 55px;
font-weight: 500;
line-height: 1.4em;
letter-spacing: 0px;
}

header#main-header {
background-color: rgba(247, 190, 19, .2);
}
.mobile_menu_bar::before {
color: #803c19;
}
.et_mobile_menu {
border-top: 3px solid #803c19;
background-color:rgba(255,255,255,0.9) !important;
}
a.et_pb_button {
color: #803c19;
background-color; #fff;
}

/* *** Style quote area, bring up blurbs to overlap *** */

.dc-blurb-icon img {
padding: 2% 2% 0 2%;
margin-top: -80px;
}

div.et_pb_blurb.dc-blurb {
border: 5px solid #803c19;
border-radius: 25px;
background-color: #fff;
}

div.dc-blurb-row.et_pb_row {
top: -120px !important;
margin-bottom: -40px;
}

span.et_pb_fullwidth_header_subhead,
.header-content h1 {
letter-spacing: .2em;
}

.header-content-container {
letter-spacing: .4em;
}

/* *** Animating quote effects *** */

.dc-quote p {
font-size: 1.5em;
margin: 10px 0 0 10px;
white-space: nowrap;
overflow: hidden;
width: 45em;
animation: type 3.75s steps(60, end);
letter-spacing: .1em;
}

.dc-quote p:nth-child(2) {
animation: type2 6s steps(60, end);
}

.dc-quote p:nth-child(3) {
animation: pop-in 3s 5s forwards;
opacity: 0;
}

@keyframes type {
from {
width: 0;
}
}

@keyframes type2 {
0% {
width: 0;
}
50% {
width: 0;
}
100% {
width: 100;
}
}

@keyframes pop-in {
0% {
opacity: 0;
-webkit-transform: translateY(4rem);
transform: translateY(4rem);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

.dc-quote-section {
border-radius: 10% 10% 0 0;
margin-top: -50px;
border-top: 10px solid #803c19;
}

.top10px {
padding-top:10px;
}
/* *** Style quad image rows *** */

.dc-row-quad {
border-bottom: 24px solid #f9bd09;
}

.dc-row-quad.left {
border-radius: 0 0 0 150px;
}

.dc-row-quad.right {
border-radius: 0 0 150px 0;
}

.vertical-align {
display: flex;
flex-direction: column;
justify-content: center;
}
.dc-quad-module-mobile {
border-bottom: 2px solid #803c19;
padding-bottom: 20px;
padding-top: 10px;
}

DELETE THIS SECTION AFTER THAT’S DONE ↓

How to add it

the EQUINE club

Boarding. Lessons. Events.

Our Philosophy

Why we do what we do.