img {
    max-width: 100%;
    height: auto;
    }

#logo-wrapper {
	background-image: url(BRV.svg);
	background-size: cover;
	width: 200px;
	height: 111px;
	margin-top: -10px; 
	margin-bottom: 30px;	
}

body {
    font-size: 11pt;
    font-family: 'Roboto';
	font-weight: 400;
    color: #4B4B4B;
}


.CustomFooterWrapper{
    font-family: 'Roboto';
	font-weight: 400;
	cursor: pointer;
	padding: 0px 0px 10px 20px;
	font-size: 10pt;
	text-align: center;
    color: #2673ae;
}

#container {
    font-family: 'Roboto';
	font-weight: 400;
	display: flex;
	justify-content: flex-end;
}

.MainTitle
{
    color: #2673ae;
    font-family: 'Roboto';
	font-weight: 500;
}

.Subtitle
{
    color: #2673ae;
    font-family: 'Roboto';
	font-weight: 400;
}

.SubtitleAppointment, .SubtitleAppointmentStartPage
{
    color: #2673ae;
    font-family: 'Roboto';
	font-weight: 400;
}

.Appointment .Title
{
    color: #2673ae;
    font-family: 'Roboto';
	font-weight: 400;
}

.AppointmentGroup
{
    color: #2673ae;
    font-family: 'Roboto';
	font-weight: 400;
}


@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.woff2') format('woff2'),
		url('Roboto-Regular.woff') format('woff');
    font-weight: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('roboto-slab-v24-latin-regular.woff2') format('woff2'),
           url('roboto-slab-v24-latin-regular.woff') format('woff');
    font-weight: normal;
}