img {
    width:100%;
}

h2, h3, h4 {
    text-align: center;
    margin: 2em 0;
}

.row {
    margin: 1em 0;
}

.footer {
    text-align:center;
    padding: 1em 0;
}

#profkuva {
    border: solid 10px black;
}

#logo {
    display:block;
    width: 100%;
    margin: 0 auto;
    max-width: 500px;
}

.card {
    width:100%;
}

.pedestal {
    text-align:center;
    padding: 2em;
}

.icon {
    font-size: 6em;
}

.social-icon{
	font-size:3em;
	padding: 10px 10px;
	display: inline-block;
	margin:auto;
}

h4 {
    padding: 1em 0;
    height: 4em;
}


 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
    #logo {
        padding: 0;
        width: 100%;
        height: 100%;
    }
  }


  .row {
    margin: 2em 0;
  }

  .titteli {
      color: grey;
      text-align: left;
      font-size: 1.6em;
  }