/*Custom CSS*/

body {
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
}

.jumbotron {
	/*background-color: black;*/
	/*align-items: center;*/
    /*background-image: url("../img/young-people-with-no-money-worries.jpg");*/
    /*background-size: cover;*/
    /*color: white;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*padding-top: -200px;*/
    /*padding-bottom: -200px;*/
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.horizontal-center {
	min-width: 100%;
	min-width: 100vh;

	display: flex;
	align-items: center;
}

#header-Font-Size{
  font-size: 50px;
  padding-top: 1px;
}

#image-Mask {
  border-radius: 50%;
}

#icon-button {
  padding: 0;
  border: none;
  background: none;
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
/*@media (min-width: @screen-sm-min) { ... }*/

/* Medium devices (desktops, 992px and up) */
/*@media (min-width: @screen-md-min) { ... }*/

/* Large devices (large desktops, 1200px and up) */
/*@media (min-width: @screen-lg-min) { ... }*/

/*@media (max-width: @screen-xs-max) { ... }*/
/*@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }*/
/*@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }*/
/*@media (min-width: @screen-lg-min) { ... }*/


/*@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }*/