@import url('https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900');

body {
	font-family: 'Raleway', sans-serif;
}
.header {
	width: 100vw;
	background: rgb(48,94,162);
	background: linear-gradient(180deg, rgba(48,94,162,1) 0%, rgba(89,148,242,1) 100%);
	color: white;
}

.navbar {
	padding: 2rem 8vw;
	font-weight: 300;
}

.header {
	width: 100vw;
	background: rgb(48,94,162);
	background: linear-gradient(180deg, rgba(48,94,162,1) 0%, rgba(89,148,242,1) 100%);
	color: white;
}

.navbar-light .navbar-nav .nav-link {
	margin: 0 15px;
	text-decoration: none;
	display: inline-block;
  color: white !important;
}

.navbar-brand, .navbar-brand:hover, .navbar-brand:active {
	color: white !important;
}

.nav-item a:hover {
	transition: linear 0.2s;
}

.nav-link::after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  margin-top:3px;
  background: white;
  transition: width .2s;
}

.nav-link:hover::after {
	width: 100%;
}

.btn-schedule {
	font-weight: 500;
	width: auto;
	transition: linear 0.2s;
	border: 1px solid white;
	background-color: rgba(89,148,242,0);
	color: white;
	border-radius: 20px;
	padding: 8.5px 16px;
}

.btn-schedule:hover {
	background-color: white;
	color: rgba(89,148,242,1);
}

.btn-plans {
	font-weight: 500;
	width: auto;
	transition: linear 0.2s;
	border: 1px solid white;
	background-color: rgba(89,148,242,1);
	color: white;
	border-radius: 20px;
	padding: 8.5px 16px;
}

.btn-plans:hover {
	background-color: rgba(99,158,252,1);
	color: white;
}

.btn-subscribe {
	font-weight: 500;
	width: 100%;
	transition: linear 0.2s;
	border: 1px solid white;
	background-color: rgba(89,148,242,1);
	color: white;
	border-radius: 20px;
	padding: 8.5px 16px;
	border: rgba(99,158,252,0) solid 1px;;
}

.btn-subscribe:hover {
	background-color: white;
	color: rgba(99,158,252,1);
	border:rgba(99,158,252,1) solid 1px;
}

#emp {
	background-color: white;
	color: rgba(89,148,242,1);
	padding: 5px;
}

.navbar-toggler.collapsed {
  border-color: white !important;
}

.navbar-toggler {
 border-color: white !important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

p {
	font-size: 1.1em;
}

.pricing-plans {
	background: rgba(89,148,242,1);
	color: white;
	min-height:100vh;
}

.office-plans p {
	color: rgba(255, 255, 255, 0.8);
}

.card-office-plans {
	border: none;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
	padding: 15px;
	min-height:560px;
	max-width: 400px;
}

.card-header-office-plans {
	color: rgba(89,148,242,1);
	font-weight: 700;
	background-color: white;
	border: none;
	text-transform: uppercase;
	letter-spacing: 0.75px;
}

.card-header-office-plans:after {
  content: ""; /* This is necessary for the pseudo element to work. */ 
  display: block; /* This will put the pseudo element on its own line. */
  margin: 0 auto; /* This will center the border. */
  width: 100%; /* Change this to whatever width you want. */
  padding-top: 20px; /* This creates some space between the element and the border. */
  border-bottom: 1.2px solid #BEC7CF; /* This creates the border. Replace black with whatever color you want. */
}

.card-header h4.price {
	font-weight: 700;
	color: #262223;
	display: inline;
}

.card-header p {
	font-weight: 400; color:#A5ADB3;
	text-transform: lowercase;
	display: inline;
}

.card-body p {
	color: #7B7B77;
	font-size: 0.95em;
}

.plan-features {
	color: #7B7B77;
}

#divider {
content: ""; /* This is necessary for the pseudo element to work. */ 
  display: block; /* This will put the pseudo element on its own line. */
  margin: 0 auto; /* This will center the border. */
  width: 100%; /* Change this to whatever width you want. */
  padding-top: 30px; /* This creates some space between the element and the border. */
  border-bottom: 1.2px solid #BEC7CF; /* This creates the border. Replace black with whatever color you want. */
}

footer a {
	color: rgba(255, 255, 255, 0.9) !important;
	text-decoration: none !important;
	margin: 0 10px;
	font-size: 16px;
	text-transform: uppercase;
}