.container {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: none;
  margin-left: none; }
.bg-modal {
	  width: 100%;
	  height: 100%;
	  background-color: black;
	  opacity: 0.7;
	  position: absolute;  
	  top: 0; 
	  display: flex;
	  left: 0;
	  justify-content: center;
	  align-items: center;
  }
  
.modal-content {
	  width: 1000px;
	  height: 800px;
      background-color: white;
      border-radius: 4px;
      text-align: center;
	  padding: 20px;
  }
.ul-info {
	text-align: left;
	padding-left: 350px;
	padding-top: 30px;
	font-size: 35px;
	color: #0c518b
}  
.p-dict {
	text-align: center;
	color: #0c518b;
	font-size: 20px;
}


 img {
	 width: 256px;
	 height: 204px;
 }
 h1 {
	 font-size: 60px;
	 color: #626060;	 
 }
 
 p, ul {
	 font-size: 25px;
	 color: #626060;	 
	 text-align: justify;
	 margin: 20px;
	 
 }
 
 a {
	 color: #0c518b;
 } 
 
 a[href^="https"]::before {
  content: "🔗 ";
}

a[href^="mailto"]::before {
  content: "📧 ";
}

a[href^="tel"]::before {
  content: "📞 ";
}