@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

body {
    font-family: 'Roboto', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', Arial, sans-serif;
}

p {
    font-family: 'Roboto', Arial, sans-serif;
}


section#main-menu {background-color: #21156c;}
.navbar-main {background-color: #21156c;}
.navbar-main .navbar-nav li a:hover {background-color: #000;}
.navbar-main .navbar-nav li a:click {background-color: #000;}
.l1{
display: flex;
width:100%; 
justify-content: space-around;
background-color: #21156c;
padding-top: 50px;
padding-bottom: 50px;
}
.l2{
	
	background-color: #2A323E;
	padding-top: 20px;
	padding-bottom: 20px;
}
.pag{
	
	display: block;
 	margin-left: auto;
  	margin-right: auto;
  	width: 34.563%;
  
}
.l3{
	width: 100%;
	display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.icon{
	width: 3%; 	
}
.rl1 img{
	margin-left: 15px;
	width: 15%;
}

.qr{
	width: 35%;
	margin-left: 25%;
}
.titulop{
	font-size: 28px;
	margin-block-start: 0.53em;
    margin-block-end: 0.53em;
    color: #000;
        font-weight: 500;
}
.lista{
	padding: 0px;
}
.lista li{
	list-style: none;
	text-align: left;
	color: #fff;
	font-size: 14px;
	
	line-height: 1.9em;
	
}
section#footer {
	padding: 0px;
}

section#home-banner{

	background-image: url("https://insatechnology.com/wp-content/uploads/2020/02/custom-header.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

.host{
	width:15%;
}
.testo--final{
	font-size: 12px;
	font-weight: 900;
	color: #000;
	letter-spacing: 1px;
	
}

.mpag{
	font-size: 24px;
	color: #fff;
	text-align: center;
	padding-bottom: 20px;

}