body, html {
  height: 100%;
  margin: 0;
  font-family: "Arial";
}

.bg {
  background-image: url("desk-600482_1920web-white90.jpg");
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main {
	text-align: center; 
	padding-top:40px;
}
.priem {
	text-align:left; 
	padding-left: 300px;
}
 h1 { 
  font-size: 50px; 
  color: #021460;
  }
  h2 {
  color: #1d4493;
  }
  p {
  font-size: 18px;
  }
  p:before {
    content: ' \2714';
	color: #dc8100;
	padding-right:10px;
}
  a { 
  color: #dc8100; 
  text-decoration: none; 
  }
  a:hover { 
  color: #021460; 
  text-decoration: none; 
  }
  .col1 {
  width:23%;
  }
    .col2 {
  width:44%;
  }
    .col3 {
  width:33%;
  }
  .row1, .row2 {
  display: flex;
  width:80%;
  margin-left:auto;
  margin-right:auto;
  }
  .col2 {
  text-align: left;
  }
  .col3 img {
  padding-top:70px;
  padding-left: 50px;
  border-radius: 50%;
  }
    .col1 img {
  position: absolute;
  display: block;
  top: 250px;
  left: 100px;
  border-radius: 60%;
  display:none;
  }

  
 @media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .col1, .col2, .col3 {
    width: 100%;
  }
    .row1, .row2 {
  display: block;
  width:90%;
  margin-left:auto;
  margin-right:auto;
  }
    .col2 {
  text-align: left;
  }
  .col3 img {
  padding-top:20px;
  padding-left: 0px;
  border-radius: 50%;
  }
  .priem {
	text-align:left; 
	padding-left: 20px;
}
}