:root{
	--btn-rd: 1em;
	--plain: #fff;
    --title: #4D4C85;
    --txt: #7A7A7A;
    --default: #353535;
}

.fs-s{ font-size: .9rem; }	

body{
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
}

p{
    color: var(--txt);
    font-size: 1rem;
}

p small{
    font-size: 0.7rem;
}

.btn-primary {
	background: var(--secondary);
	color: var(--plain);
	border: 0;
	border-radius: var(--btn-rd);
	padding: .7em 1.8em;
}

.btn-primary:focus,
.btn-primary:hover {
	background: var(--secondary-01);
}

.btn-primary:focus{
    box-shadow: 0 0 0 0.25rem #FFEFF6;
}

.btn-secondary {
	background: var(--plain);
	color: var(--secondary);
	border: 0;
	border-radius: var(--btn-rd);
	padding: .7em 1.8em;
}

.btn-secondary:focus,
.btn-secondary:hover {
	background: var(--default);
    color: var(--plain);
}


.title{
    color:  var(--title);
}

h1.title{
    font-size: 3.5rem;
    font-weight: 600;
}

h2.title{
    font-size: 2.5rem;
    font-weight: 500;
}

h3.title{
    font-size: 2rem;
    font-weight: 500;
}

h4.title{
    font-size: 1.3rem;
    font-weight: 500;
}

h5.title{
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
}

h6.title{
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}