@font-face {
  font-family: pt-b;
  src: url(../fonts/PTSans-Bold.ttf);
}

@font-face {
  font-family: pt-r;
  src: url(../fonts/PTSans-Regular.ttf);
}

@font-face {
  font-family: cab-r;
  src: url(../fonts/Cabin-Regular.ttf);
}

@media only screen and (min-width : 948px) {
  .header {
    margin-top: 4em;
  }
  
  .hide-mobile{
    display: none;
  }

  .main-back {
    background:#d6dbe2;
  }

  .maintitle-bg {
    height: 100%;
    width: 100%;
    background: rgba(181, 188, 204, 0.1)
  }
}

@media only screen and (max-width : 947px) {  
  .hide-desktop{
    display: none;
  }

  .main-back {
    background: none;
  }


}

html {
    background:#fcf6f6;  
}

html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    /* Set your content font stack here: */
    font-family: pt-b, Georgia, Times, "Times New Roman", serif;
}

p, span, li {
    /*background:#464866;*/
    font-family: cab-r, Georgia, Times, "Times New Roman", serif;
    /*color: #fff;*/
}

ul {
  list-style-type: square;
}

li {
  padding: .2em 0em;
}

.footer {
  margin-bottom: 4em;
}

.container-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1em 0 1em;
  height: 100%;
}

.container-title {
  position: relative;
  text-align: center;
  height: 100%;
}

.title-bg {
  height: 100%;
  width: 100%;
  background: rgba(181, 188, 204, 0.6)
}

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

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0;
}

#name {
  margin-bottom: 0;
  font-size: 4em;
}

#email {
  color: #697696;
}

  #email:visited {
    color: #343b4b;
  }

  #email h4 {
    margin-top: 0;
    margin-bottom: 3em;
    font-family: pt-r, Georgia, Times, "Times New Roman", serif;
  }

#cv-btn {
  color: white;
  border-radius: 4px;
  background: #697696;
}

#profile {
  display: flex;
  justify-content: center;
}