@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

body{

	font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
	background-color: #FFF;
	box-sizing: border-box;
	max-width: 1920px;
	width: 100%;
	margin:100px auto;
}


.main{
	max-width: 800px;
	width: 100%;
	margin:auto;
	font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
	color: #162850;
	box-sizing: border-box;
	border: 1px solid #c2c2c2;
	padding: 20px 0;
}

.logo-sign{
	margin: auto;
	padding: 0;
}

.logo-sign img{
	max-width: 100%;
}

.text-sign{
	padding: 20px 0;
	padding-left: 30px;
	border-left: 2px solid #162850;
	box-sizing: border-box;
}

.text-sign h2{
	font-weight: bold;
	font-size: 2.1rem;
	margin-bottom: 0;
}

.text-sign p{
	font-size: 1.4rem;
	font-weight: lighter;
	margin-bottom: 5px;
}

.icons{
	padding-left: 0;
}

.icons ul{
	padding-left: 0;
	list-style: none;
}

.icons li{
	display: inline-block;
	width: 250px;
}

.icons img{
	max-width: 35px;
	margin: 5px;
}

.icons span{
	font-size: 0.9rem;
}


@media screen and (max-width: 575px){

.main{
	padding: 0 20px;
}

.logo-sign{
	text-align: center;
}

.text-sign{
	margin: auto;
	border-left: none;
	padding-left: 10px;
	border-top: 2px solid #162850;
}

.icons{
	padding-right: 0;
}


}