@font-face {
font-family: 'font';
src: url('font.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}

.o-logo{
  width:100px;
  margin-top:5px;
}

.startapprecosa{
  width:70%;
  max-width: 700px;
  min-width: 50%;
}

#telegram-c{
  padding:32px 24px 24px 24px;
  margin:0 auto;
  width:50%;
}

#telegram-d{
  font-size: 16px;
}

#font{
font-family:font;
}


.content-cp{
  width:80%;
  margin:0 auto;
  margin-top:120px;
  align-content: center;
}

.content-cp h1{
  font-size: 30px;
  text-align: center;
}

.content-cp input{
  width:50%;
  margin:0 auto;
  margin-top:10px;
}

.content-cp textarea{
  width:90%;
  height:400px;
  margin:0 auto;
  margin-top:10px;

}
.content-cp iframe{
background-color: rgb(170, 159, 162);
}
.content-cp select{
  width:50%;
  margin:0 auto;
  margin-top:10px;
}

#p-input{
  text-align: center;
}

.cp-welcome{
  text-align: center;
  font-size: 20px;
}

.cp-menu{
  text-align: center;
}

.cp-menu ul li{
  display: inline-block;
  background: rgb(0, 91, 136);
  padding:8px;
  margin:4px;
}

.cp-menu ul li:hover{
  background: rgb(4, 48, 70);
}

#testo{
  margin:0 auto;
  width:80%;
}

#bottone{
  margin-top:16px;
  margin-left:42px;
  width:70%;
  height:120px;

	background:#57a0c4;
	border-radius:13px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:23px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 2px 0px #5b6178;
}
#bottone:hover{
	background:#2599d2;
}

.startapprevideo{
  width:90%;
  height:600px;
}

#form{
  height:150px; padding:0px; margin:0px;
}

#form2{
  width:100%;
}

.textcenter{
  text-align: center;
}


.magazine{
  line-height: 40px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  #testo{
    margin:0 auto;
    width:92%;
  }
}