html,body {
  /* background: #EFF3F4; */
  overflow-x: hidden;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}



/* NavBar */

 .navbar{
  /* margin: 0;
  padding: 15px auto; */

  vertical-align: middle;
} 

.navbar .material-icons-outlined {
  font-size: 1.2em;
}


.navbar .on-mobile {
  visibility: hidden;
  display: none;
} 



/*  1087px*/
@media screen and (max-width: 1023px) {
  .navbar-menu.is-active {
    display: block ;
}

.navbar .material-icons-outlined {
  font-size: 0.9em;
}

.navbar .on-desctop {
  visibility: hidden;
  display: none;
} 

.navbar .on-mobile {
  visibility: visible;
  display: block;
} 


}

.container.main{
  margin-top: 3.5rem;
  margin-bottom: 7.5rem;
}

.container.main > .anchor{
  display: block;
  position: relative;
  top: -80px;
  visibility: hidden;
}

.container.main > .head{
  margin-left: 1em;
  margin-right: 1em;
}






.container.projects > .container {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}


.container.contacts > .container {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.container.contacts > .container.content {
  max-width: 600px;
}

.container.contacts > .container.write_form {
  max-width: 600px;
  margin-top: 3rem;
}
 
.container.contacts > .container.write_form > .container {
     /* text-align: center; */
     margin-top: 2rem;
     margin-bottom: 2rem;
 }
 
.container.contacts > .container.write_form > .container .title {
     text-align: center;
 }
 
 
 @media screen and (max-width: 1023px){
  
  .container.contacts > .container.write_form {
         margin-left: 7px;
         margin-right: 7px;
     }
   
 }