html, body
{
	font-family: "roboto";
	transition: 0.5s all;
}

header
{
	padding-top: 5px;
	padding-bottom: 5px;
}

header .div_elem_distant
{
	margin-left: 2.5%;
	width: 95%;
	background-color: transparent;
}

header .div_elem_distant img
{
	width: 45px;
	height: 45px;
	background-size: cover;
	background-repeat: no-repeat;
	transition: .5s all;
}

header .div_elem_distant .div_elem_side_by_side
{
	width: 250px;
	/*justify-content: space-between;*/
	/*background-color: yellow;*/
	color: white;
}

header .div_elem_distant .div_elem_side_by_side h3
{
	background-color: tras
	;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-bottom: -1px;
	margin-left: 7px;
}	

header .div_elem_distant .div_elem_side_by_side ul
{
	display: flex; 
	flex-direction: row;
	list-style-type: none;	

}

header .div_elem_distant .div_elem_side_by_side ul li
{
	margin-right: 25px;
}

.titus
{
	margin-left: 10%; 
	width: 80%; 
	min-height: 40px; 
	height: auto; 
	overflow: hidden; 
	background-color: #f2f2f2; 
	margin-top: 50px; 
	border-bottom: black 1px ridge;
}

.titus .div_elem_side_by_side
{
	width: auto; 
	height: auto; 
	float: right; 
	background-color: #f2f2f2;	
}

.titus .div_elem_side_by_side h2
{
	margin-right: 15px;
}	

.titus .div_elem_side_by_side button
{
	border: none; 
	border-radius: 50px; 
	width: 40px; 
	height: 40px; 
	margin-top: 15px;
	background-color: #f2f2f2;
	transition: 0.5s all; 
}

.titus .div_elem_side_by_side button:hover
{
	background-color: #eddede;	
}	


.hidden_text
{
	margin-left: 10%; 
	width: 80%; 
	min-height: 40px; 
	height: auto; 
	overflow: hidden; 
	background-color: #f2f2f2; 
	margin-top: 5px; 
	/*border-bottom: black 1px ridge;*/
	font-weight: 600;
	font-size: 17px;
	display: none;
}

.hidden_text p
{
	margin-left: -0px;
	width: 100%;
}

.class_slide
{
    margin-left: 15%; 
    width: 70%; 
}