/* For desktop: */
col-1 {width: 8.33%;}
col-2 {width: 16.66%;}
col-3 {width: 25%;}
col-4 {width: 33.33%;}
col-5 {width: 41.66%;}
col-6 {width: 50%;}
col-7 {width: 58.33%;}
col-8 {width: 66.66%;}
col-9 {width: 75%;}
col-10 {width: 83.33%;}
col-11 {width: 91.66%;}
col-12 {width: 100%;}

#text {
    font-family: Arial, Helvetica, sans-serif;
}
/* #profile {
  height: 10em;
    position: relative 
}
#profile img{
  margin: 0;
    background: yellow;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) */
/* } */

#row-1{
  background-image: url('./back2.jpg');
  background-repeat: no-repeat;
}

#resume{
  background-image: url('./back2.jpg');
  background-repeat: no-repeat;
}

#port{
  background-image: url('./back2.jpg');
  background-repeat: no-repeat;
}

.container{
  max-width: 500px;
  margin: auto;
}

/* #brand-statement{
  display: flex;
  justify-content:space-between;
} */


@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class="col-sm-8"] {
    width: 100%;
  }
}