body::before {
  display: block;
  content: '';
  height: 60px;
}

/* Map - If needed */
#map {
  width: 70%;
  height: 70%;
  border-radius: 10px;
}

@media (min-width: 768px) {
  .news-input {
    width: 50%;
  }
}

/* Fonts - Roboto Font */
/* Decided for this one*/
body {
  font-family: 'Roboto', sans-serif !important;
}

/* For Button on ONLINE */
/* START
.my-small-btn01 {
    height:35px;
    width:200px;
    padding:5px;
}
END */
.img-fluid_coffee01 {
  max-width: 100%;
  width: auto;
  height: auto;
}

/* Contact - Image */
.rounded_image01 {
  border: 0px solid;
  border-radius: 10%;
  width: 150px;
  height: 150px;
}

/* Contact - Image */
.rounded-circle01 {
  border-radius: 50% !important;
}

/* Contact - line - 01 */
.line_contact_01 {
  width: auto;
  border-top: 10px solid #015f72;
  border-width: 1px;
}

/* For Button on ONLINE
.header_image01 {
    border:1px solid;
    border-radius:1%;
    width:8px;
    height:8px;
} */
/* masthead01 - Original */
/*
.masthead01 {
    height: 100vh;
    min-height: 500px;
    background-image: url('https://source.unsplash.com/BtbjCFUvBXs/1920x1080');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  */
/* masthead02 - Index_Home - 01 - Header 1 - OK */
.masthead02_01 {
  height: 80vh;
  min-height: 100px;
  /*
  background-image: url('img/Backgrounds/Background03.svg');
  */
  /*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
  background-color: #f2f4f5;
  background-size: cover;
  /*
  background-size: auto;
  */
  background-position: center;
  background-repeat: no-repeat;
}

/* masthead02 - Index_Home - 01 - Header 2 - OK */
.masthead02_02 {
  height: 90vh;
  min-height: 100px;
  /*
  background-image: url('img/Backgrounds/Background03.svg');
  */
  /*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
  background-color: #f2f4f5;
  /*
  background-size: auto;
  */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* masthead03 - About - 01 - Header 1 - OK */
.masthead03_01 {
  /*
  height: 90vh;
  */
  min-height: 100px;
  /*
  background-image: url('img/Backgrounds/Background03.svg');
  */
  /*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
  background-color: #f2f4f5;
  /*
  background-size: auto;
  */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* masthead03 - About - 02 - Career - University - OK */
.masthead03_02 {
  /*
  height: 100vh;
  */
  min-height: 100px;
  /*
  background-image: url('img/Backgrounds/Background03.svg');
  */
  /*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
  background-color: #f2f4f5;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* masthead03 - About - 03 - Experience - CV - OK */
.masthead03_03 {
  /*
  height: 85vh;
  */
  min-height: 100px;
  /*
  background-image: url('img/Backgrounds/Background04.svg');
  */
  /*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
  background-color: #f2f4f5;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* masthead04 - About - 03 - Experience - OK */
/*.masthead04 {
  height: 195vh;
  min-height: 100px;*/
/*
  background-image: url('img/Backgrounds/Background02.svg');
  */
/*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
/*background-color:#f0f0ee;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}*/
/* masthead05 - Projects - 01 - Header - OK */
.masthead05_01 {
  /*
  height: 270vh;
  */
  min-height: 100px;
  /*
  background-image: url('img/Backgrounds/Background03.svg');
  */
  /*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
  background-color: #f2f4f5;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* masthead05 - Projects - 02 - Other Projects - Personal Website,Manual - OK */
.masthead05_02 {
  /*
  height: 140vh;
  */
  min-height: 100px;
  /*
  background-image: url('img/Backgrounds/Background04.svg');
  */
  /*
  background-color:#F8F9F9;#f2f2f2*/
  background-color: #f2f4f5;
  /*
  background-size: cover;
  */
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* masthead05 - Projects - 03 - Lui - General - OK */
.masthead05_03 {
  /*
  height: 400vh;
  */
  min-height: 100px;
  /*
  background-image: url('img/Backgrounds/Background04.svg');
  */
  /*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
  background-color: #f2f4f5;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* masthead05 - Projects - 03 - Lui - Photos - OK */
.masthead05_03_01 {
  /*
  height: 50vh;
  min-height: 100px;
  */
  /*
  background-image: url('img/Backgrounds/Background04.svg');
  */
  /*
  /*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
  background-color: #f2f4f5;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* masthead05 - Projects - 04 - Lui - More Info - OK */
.masthead05_03_02 {
  /*
  height: 50vh;
  min-height: 100px;
  */
  /*
  background-image: url('img/Backgrounds/Background04.svg');
  */
  /*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
  background-color: #f2f4f5;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* masthead06 - Non-Career Projects - 01 - General - OK */
.masthead06_01 {
  /*
  height: 50vh;
  */
  min-height: 100px;
  /*
  background-image: url('img/Backgrounds/Background04.svg');
  */
  /*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
  background-color: #f2f4f5;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* masthead07 - Projects - 03 - Other Projects - Coffee - OK */
.masthead07_01 {
  /*
  height: 230vh;
  */
  min-height: 100px;
  /*
  background-image: url('img/Backgrounds/Background03.svg');
  */
  /*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
  background-color: #f2f4f5;
  background-size: auto auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* masthead08 - Contact - 01 - Header - OK */
.masthead08_01 {
  /*
  height: 200vh;
  */
  min-height: 100px;
  /*
  background-image: url('img/Backgrounds/Background03.svg');
  */
  /*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
  background-color: #f2f4f5;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* masthead09 - Contact - 02 - Background for Contact boxes - Main Location - OK */
.masthead08_02 {
  /*
  height: 20vh;
  width: 60vh;
  */
  /*
  min-height: 10px;
  min-width: 260px;
  */
  /*
  background-image: url('img/Backgrounds/Bg_contact02_03.svg');
  */
  /*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
  background-color: #ecedef;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* masthead10 - Contact - 03 - Background for Contact boxes - Contact Phone Email - OK */
.masthead08_03 {
  /*
  height: 14vh;
  width: 60vh;
  */
  /*
  min-height: 10px;
  min-width: 260px;
  */
  /*
  background-image: url('img/Backgrounds/Bg_contact02_03.svg');
  */
  /*
  background-color:#F8F9F9;#f2f2f2;#f0f0ee;*/
  background-color: #ecedef;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}
/*# sourceMappingURL=style.css.map */