@font-face {
	font-family: 'Gilroy';
	src: 
		url('/fonts/CHD/Gilroy-Regular.otf') 
		format('opentype');
}

@font-face {
	font-family: 'Gilroy';
	src: 
        url('/fonts/CHD/GilroyExtraBold.otf')
        format('opentype');
	font-weight: bold;
}

@font-face {
	font-family: 'Gilroy';
	src: 
        url('/fonts/CHD/GilroySemiBold.otf')
        format('opentype');
	font-weight: heavy;
}


body{
    font-family: Gilroy;
    color: #9c9c9c;
}

h1, h2, h3, b{ 
    color: #13122c;
    font-weight: bold;
}

.btn{
    border-radius:  20px;
}

.quote{
    max-width: 400px;
    display: inline-block;
    transition:  1s;
}

.quote-body{
    background: white;
    padding: 1.5em;
    border-radius: 7px;
}

.confirmation{
    width: 100%;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
}

.confirmation h1, .confirmation h2, .confirmation h3{
    color: white;
}

.confirmation-body{
    background: #13122c;
    color: white;
    padding: 1.5em;
    border-radius: 7px;
}

@media only screen and (max-width: 750px) {    
    .confirmation{
        margin-top: 1em;
        max-width: 100%;
        width: 100%;
    }
}