.container {
    width:100%;
    height:auto;
    background:rgb(231,231,231);
    float:left;
    margin:auto;
    padding:0;
  } 
  .page {
    max-width:210mm;
    max-height:297mm;
    width:210mm;
    height:297mm;
    background:white;
    margin:1cm auto;
    box-shadow:5px 5px 7px #0005;
    display:flex;
  }
  .sidebar {
    position: relative;
    padding:2cm 1mm;
    text-align:right;
    right: -30px;
  }
  .circular-portrait {
    position: relative;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid #23317e;
    display: block;
    margin:0 auto;
    right: -20px;
    top: -5px;

  }
    .circular-portrait img {
    width: 100%;
    height: auto;
    margin-top: -50px;
  }
  
  .is {
    line-height: 0.2;
  }

  .ho {
    position: relative;
    line-height: 0.5;
    top: 6px;
  } 

  .po {
    position: relative;
    line-height: 0.5;
    top: -2px;
  } 

  .content {
    flex:4;
    height:auto;
    width:auto;
    padding:1.5cm 1cm;
    line-height: 1.2
  }

  .container1 {
    position: relative;
    width: 100%;
    text-align: left;
    right: -7px;
    line-height: 1.7;
  }

  .container2 {
    position: relative;
    width: 100%;
    text-align: left;
    right: -20px;
    line-height: 0.1;
  }

  .nexto div {
    float: left;
    width:55%;
  } 
  
  .nexto1 div {
    float: left;
    width: 30%;
  }

  .nexto2 div {
    float: left;
    width:22%;
    position: relative;
    right: 10px;
  }

  .nexto3 div {
    float: left;
    width:37%;
    position: relative;
    right: 10px;
  }

  .nexto4 div {
    float: left;
    width:30%;
    position: relative;
    right: 10px;
  }

  .wide {
    clear: left;
  }
  
 .link {
  color: black;
}