@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,900;1,700&display=swap');

body{
  background-image: url('images/white-concrete-wall.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  font-family: 'Raleway', sans-serif;
}

p{
  font-weight: 200;
  font-size: 19px;
  color: #666463;
}

.main-wrapper{
  width: 100%;
  max-width: 1920px;
}

/* Color Branding: #68b9b9 */

.backhead{
  background-image: url('images/backHead.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.avatar-photo{
  border-radius: 50%;
  border: 10px solid #486e6f;
}

.colorBranding {
  color: #68b9b9;
}

.backBranding {
  background-color: #68b9b9;
  width: 75%;
  margin: 0 auto;
}

.subtitlesSidebar{
  background-color: #3a3e3c;
  color: white;
  font-weight: bold;
}

.font-bold{
  font-weight: 700;
}

.font-black{
  font-weight: 900;
}

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

.text-small{
  font-size: 14px;
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  #avatar.backBranding {
    background-color: transparent ;
  }
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .backBranding {
    width: 100%;
  }
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
  
}