/*
vim:fileencoding=utf-8:ts=2:sw=2:expandtab
*/

@import url('https://fonts.googleapis.com/css?family=Lora:700|Montserrat:400,700');


@media (min-width: 768px){
	#Primary .navbar-nav > li > a{
		margin: 0;
		padding-top: 15px;
		padding-bottom: 17px;
	}

  #Primary .navbar-nav > li > a:hover,
  #Primary .navbar-nav > li > a:focus {
    background-color: rgb(1, 104, 128);
    border-color: rgb(1, 104, 128);
    color: white;
  }

}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

/*********************************************************************************************************************/ 


.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0 !important;
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}


table.table-smaller {
  /* font-size: 80%; */
}

html, body{
  height: 100%;
  margin: 0;
}

body{
  font-family: 'Montserrat';
  -webkit-font-smoothing: antialiased;
}

div.gray-box{
  background-color: #f8f8f8;
  padding: 60px 0px;
  margin-bottom: 10px;
}

div.blue-box{
  background-color: #EDF0F7;
  padding: 60px 0px;
  margin-bottom: 10px;
}

div.white-box{
  background-color: white;
  padding: 60px 0px;
  margin-bottom: 10px;
}

h1.top-hdr{
  margin-top: 0px;
  font-family: 'Lora';
  /* font-size: 22pt; */
}

p.sub-hdr{
  font-family: 'Montserrat';
  /* font-size: 12pt; */
  text-align: center;
  width: 50%;
  margin: 0 auto;
}

span.gray{
  color: #767676;
}
/*********************************************************************************************************************/ 
/* Badge */

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}



/*********************************************************************************************************************/ 
/* Bootstrap overrides */

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover{
  background-color: rgb(1, 104, 128);
  border-color: rgb(1, 104, 128);
}

.pagination>li>a, 
.pagination>li>span{
  color: rgb(1, 104, 128);
}

/*********************************************************************************************************************/ 
/* Custom styled buttons */

.btn-primary:hover, .btn-primary:focus {
	background-color: #0056b3 !important;
	color: #ffffff !important;
	text-decoration: none;
}

.btn-secondary:hover, .btn-secondary:focus {
	background-color: #6c757d !important;
	color: #ffffff !important;
	text-decoration: none;
}

.btn-success:hover, .btn-success:focus {
	background-color: #198754 !important;
	color: #ffffff !important;
	text-decoration: none;
}

.btn-danger:hover, .btn-danger:focus {
	background-color: #dc3545 !important;
	color: #ffffff !important;
	text-decoration: none;
}

.btn-warning:hover, .btn-warning:focus {
	background-color: #ffc107 !important;
	color: #000000 !important;
	text-decoration: none;
}

.btn-info:hover, .btn-info:focus {
	background-color: #0dcaf0 !important;
	color: #000000 !important;
	text-decoration: none;
}

.btn-light:hover, .btn-light:focus {
	background-color: #f8f9fa !important;
	color: #000000 !important;
	border-color: #f8f9fa;
	text-decoration: none;
}


.btn-green-inverse{
  background-color: white;
  border: 1px solid rgb(1, 104, 128);
  color: rgb(1, 104, 128);
  padding: 12px 24px;
  border-radius: 25px;
  /* font-size: 14pt; */
  font-family: 'Montserrat';
}

.btn-green-inverse-sm{
  background-color: white;
  border: 1px solid rgb(1, 104, 128);
  color: rgb(1, 104, 128);
  border-radius: 25px;
  /* font-size: 10pt; */
  font-family: 'Montserrat';
}

.btn-green-inverse-xs{
  background-color: white;
  border: 1px solid rgb(1, 104, 128);
  color: rgb(1, 104, 128);
  border-radius: 25px;
  /* font-size: 10pt; */
  font-family: 'Montserrat';
}

.btn-green-inverse:hover,
.btn-green-inverse-sm:hover,
.btn-green-inverse-xs:hover{
  background-color: rgb(1, 104, 128);
  border: 1px solid rgb(1, 104, 128);
  color: white;
}

.btn-green{
  background-color: rgb(1, 104, 128);
  border: 1px solid rgb(1, 104, 128);
  color: white;
  padding: 12px 24px;
  border-radius: 25px;
  line-height: 16pt;
  /* font-size: 14pt; */
  font-family: 'Montserrat';
}

.btn-green-sm{
  background-color: rgb(1, 104, 128);
  border: 1px solid rgb(1, 104, 128);
  color: white;
  border-radius: 25px;
  /* font-size: 12pt; */
  font-family: 'Montserrat';
}

.btn-green-xs{
  background-color: rgb(1, 104, 128);
  border: 1px solid rgb(1, 104, 128);
  color: white;
  border-radius: 25px;
  /* font-size: 10pt; */
  font-family: 'Montserrat';
}

.btn-green:hover,
.btn-green-sm:hover,
.btn-green-xs:hover,
.btn-green-square:hover{
  background-color: white;
  border: 1px solid rgb(1, 104, 128);
  color: rgb(1, 104, 128);
}

.btn-green-square{
  background-color: rgb(1, 104, 128);
  border: 1px solid rgb(1, 104, 128);
  color: white;
  padding: 10px 20px;
  border-radius: 0px;
  line-height: 16pt;
  /* font-size: 12pt; */
  font-family: 'Montserrat';
}

/*********************************************************************************************************************/ 
/* Main Navigation */

/* Navbar background color */
#Primary{
  background-color: white;
  box-shadow: inset 0 -6px 9px -7px rgba(0, 0, 0, 0.3);
  border: none;
  border-top: 6px solid rgb(1, 104, 128);
  margin-bottom: 0;
}

/* Disable page title */
#Primary .page-title{
  display: none;
}

/* Enable brand on this site */
#Primary .navbar-brand{
  display: inline-block;
}

/* Hover color on nav links */
.navbar-expand-lg .navbar-nav > li > a:focus, 
.navbar-expand-lg .navbar-nav > li > a:hover{
  color: rgb(1, 104, 128);
}  

/* Font size on nav links */
.navbar-expand-lg .navbar-nav > li > a{
  /* font-size: 12pt; */
  margin-top: 0;
  margin-right: 0;
}

@media (max-width: 992px){
  .navbar-expand-lg .navbar-nav > li > a{
    /* font-size: 10pt; */
  }
}

@media (max-width: 768px){
  .navbar-expand-lg .navbar-nav > li > a{
    /* font-size: 12pt; */
  }
}

/* Background color on nav links */
.navbar .navbar-nav li a{
  background-color: transparent;
}

.navbar .navbar-nav li a:hover{
  background-color: rgb(1, 104, 128);
  color: white;
  box-shadow: none;
}

/* Remove box shadow from links in username dropdown */
.navbar .navbar-nav li.dropdown.username ul li a{
  box-shadow: none;
  color: #000;
}

/* Hover color for horizontal links in admin toolbox */
.navbar .navbar-nav li.nav-adminicon .popover > div.popover-content > div:nth-child(2) a:hover{
  color: #3097d1;
}

/* Remove box shadow from links in admin toolbox */
.navbar .navbar-nav li.nav-adminicon .popover .popover-content a{
  box-shadow: none;
}

/* Reset padding to Bootstrap defaults */
@media (min-width: 768px){
  .navbar-nav>li>a{
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

/* Set background color on selected nav links */
.navbar-expand-lg .navbar-nav > .active > a,
.navbar-expand-lg .navbar-nav > .active > a:focus, 
.navbar-expand-lg .navbar-nav > .active > a:hover{
  background-color: rgb(1, 104, 128);
  color: white;
  box-shadow: none;
}

.navbar-expand-lg .navbar-nav > li > a i,
.navbar-expand-lg .navbar-nav > li > a img{
  vertical-align: middle;
}

/* Set profile image size on username dropdown */
#Primary_Menu .navbar-right > .username > a > img{
  width: 35px;
  height: 35px;
  margin-top: -10pt;
  margin-bottom: -10pt;
}

#Primary .navbar-right > .username > a > span {
  margin: 0px 0px 0px 10px;
  /* font-size: 12pt; */
}

#Primary .navbar-right > .nav-link {
  text-decoration: none;
  /* font-size: 12pt; */
}


/* Set collapsed menu button icon color */
.navbar-expand-lg .navbar-toggle .icon-bar{
  background-color: rgb(1, 104, 128);
}

/* Set collapsed menu button color */
.navbar-expand-lg .navbar-toggle, 
.navbar-expand-lg .navbar-toggle:focus, 
.navbar-expand-lg .navbar-toggle:hover{
  background-color: white;
}

/* Set the size of the admin icon */
#Primary_Menu > ul.nav.navbar-nav.navbar-right > li.dropdown.admin-tools > a > span > i{
  /* font-size: 1.33333333em; */
  line-height: 0.75em;
  vertical-align: -15%;
}

/*********************************************************************************************************************/ 
/* Nav3 Bar */

/* Remove negative margin */
#Nav3{
  margin-top: 0;
}

/*********************************************************************************************************************/ 
/* Home Page Styles */

/* Intro Block */

.intro-hdr .hdr-text{
  flex: 2; 
  margin: auto;
}

.intro-hdr .hdr-text img{
  width: 200px;
}

.intro-hdr .hdr-text h1{
  line-height: 1.5em; 
  font-family: 'Lora'; 
  font-size: 19pt; 
  color: rgba(1, 104, 128, 0.8);
}

.intro-hdr .hdr-text p{
  font-size: 15pt; 
  margin-bottom: 1.25em;
}

.intro-hdr .hdr-text p:last-child{
  color: #777;
}

.intro-hdr .hdr-text .border-bar{
  height: 3px;
  background-color: #ddd;
  width: 100px;
  margin: 15px 0 10px 0;
}

.intro-hdr .hdr-img{
  flex: 1;
  text-align: right;
}

.intro-hdr .hdr-img img{
  width: 300px; 
  height: auto; 
  margin: 0 auto;
}

@media (min-width: 992px){
  .intro-hdr{
    display: flex;
  }
}

@media (max-width: 991px){
  .intro-hdr{
    text-align: center;
  }
  .intro-hdr .hdr-text .border-bar{
    margin: 15px auto 10px auto;
  }
  .intro-hdr .hdr-img{
    text-align: center;
  }
}

/* Block Services Section */

.block-service .img{
  flex: 1;
}

.block-service .description{
  flex: 1; 
  margin: auto; 
  text-align: center;
}

@media (min-width: 1200px){
  .block-service .img img{
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
  }
  .block-service .description{
    flex: 2;
  }
  .block-service .description.l{
    text-align: left;
  }
  .block-service .description.r{
    text-align: right;
  }
}

@media (max-width: 1199px){
  hr.block-service{
    display: none;
  }
}

@media (max-width: 991px){
  hr.block-service{
    display: block;
  }
}

.block-service .description .padding{
  padding: 0 75px;
}

.block-service .description h2{
  /* font-size: 18pt;  */
  margin-bottom: 20px;
  font-family: 'Lora'; 
  font-weight: bold;
  margin-top: 0;
}

.block-service .description p{
  /* font-size: 10pt; */
}

.block-service .description .icon i{
  /* font-size: 36pt;  */
  color: #A7D3CB;
}

.block-service .description .text{
  line-height: 1.75em;
}

.block-service .description .read-more a{
  text-decoration: none;
}

@media (max-width: 1200px){
  .block-service .description h2{
    /* font-size: 12pt;  */
  }
  .block-service .description p{
    /* font-size: 12pt; */
  }
  .block-service .description .icon i{
    /* font-size: 24pt;  */
  }
  .block-service .description .text{
    line-height: inherit;
  }
}

@media (min-width: 992px){
  .block-service{
    display: flex;
  }
}

@media (max-width: 991px){
  .block-service .description h2{
    /* font-size: 18pt;  */
  }
  .block-service .description p{
    /* font-size: 12pt; */
  }
  .block-service .description .icon i{
    /* font-size: 36pt;  */
  }
  .block-service .description .text{
    line-height: 1.75em;
  }
  .block-service .description .puzzle-piece i,
  .block-service .description .life-ring i{
    margin-top: 20px;
  }
}

/* What We Do For You */

.wwd-intro-img{
  text-align: center;
  margin-bottom: 25px;
}

.wwd-intro-img img{
  width: 30%;
}

.wwd-intro-content h1{
  text-align: center;
  margin-top: 0px;
  font-family: 'Lora';
  /* font-size: 18pt;  */
  margin-bottom: 15px;
  font-weight: bold;
}

.wwd-intro-content {
  width: 55%;
  font-family: 'Montserrat';
  /* font-size: 12pt; */
  text-align: center;
  margin: 0 auto;
}

.what-we-do{ 
  justify-content: space-between;
}

.what-we-do .wwd-box{
  flex-basis: 48%; 
  background-color: white; 
  padding: 20px; 
  text-align: center; 
  border: 1px solid #A7D3CB; 
  margin-bottom: 25px;
}

.what-we-do .wwd-box .wwd-box-icon{
  color: white; 
  background-color: #A7D3CB; 
  border-radius: 100%; 
  border: 1px solid #A7D3CB; 
  height: 60px; 
  width: 60px; 
  line-height: 60px; 
  /* font-size: 24pt;  */
  margin: 0 auto 20px auto;
}

.what-we-do .wwd-box .wwd-box-icon i{
  /* font-size: 24pt; */
}

.what-we-do .wwd-box h3.wwd-box-hdr{
  /* font-size: 12pt; */
  font-weight: bold;
}

.what-we-do .wwd-box p{
  line-height: 1.75em;
  /* font-size: 11pt; */
}

.what-we-do .wwd-box p:last-child{
  margin-bottom: 0;
}

@media (min-width: 992px){
  .what-we-do{
    display: flex;
  }
}

/* Get In Touch Section */

.get-in-touch{
  text-align: center;
}

.get-in-touch img{
  width: 200px;
  height: auto;
}

.get-in-touch h1{
  margin-top: 0px;
  font-family: 'Lora';
  /* font-size: 18pt; */
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 1.75em;
}

/*********************************************************************************************************************/ 
/* Tech Corner */

div.tech-flex-box-row{
  margin-top: 50px;
}

.technology{
  text-align: center;
  flex-basis: 30%;
  box-sizing: border-box;
  padding: 30px;
  background-color: white;
  margin-bottom: 15px;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);
}

.technology p>a{
  /* font-size: 12pt; */
}

.technology p:last-child{
  margin-bottom: 0px;
  /* font-size: 12pt; */
  font-family: 'Montserrat';
}

.technology img.logo{
  height: 45px;
  width: auto;
}

.technology p.tc{
  /* font-size: 15pt; */
  color: rgba(1, 104, 128, 0.8);
  font-family: 'Lora';
}

@media (min-width: 1200px){
  div.tech-flex-box-row{
    display: flex;
    justify-content: space-between;
  }
}

hr{
  border-top: 1px solid #ddd;
}

/*********************************************************************************************************************/ 
/* Featured Clients */

div.feat-clients-row{
  margin-top: 50px;
}

.client{
  text-align: center;
  flex-basis: 30%;
  box-sizing: border-box;
  padding: 30px;
  background-color: white;
  margin-bottom: 15px;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);
}

.client p:first-child{
  margin-bottom: 0;
}

.client p:last-child{
  margin-bottom: 0px;
  /* font-size: 12pt; */
  font-family: 'Montserrat';
}

.client img.logo{
  height: 45px;
  width: auto;
}

.client p.fc{
  /* font-size: 15pt; */
  color: rgba(1, 104, 128, 0.8);
  font-family: 'Lora';
}

@media (min-width: 1200px){
  div.feat-clients-row{
    display: flex;
    justify-content: space-between;
  }
}

/*********************************************************************************************************************/ 
/* Featured Projects */

.sub-hdr.about{
  background-color: white;
  box-shadow: 0 0 23px 0 rgba(0, 0, 0, .1);
  padding: 30px;
  width: 700px;
  margin-top: 25px;
}

@media (max-width: 768px){
  .sub-hdr.about{
    width: 100%;
    margin: 25px auto 0 auto;
  }
}

.tagline{
  font-weight: bold;
  font-family: 'Lora';
  /* font-size: 12pt; */
}

.fp-sidenav{
  background-color: #fff;
  padding: 15px;
  border-top: 5px solid #1E466D;
  margin-bottom: 30px;
}

.fp-sidenav ul{
  padding-left: 0px;
  margin-bottom: 0px;
}

.fp-sidenav ul li{
  list-style-type: none;
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 10px;
}

.fp-sidenav ul li:first-child{
  border-top: none;
  margin-top: 0px;
  padding-top: 0px;
}

.fp-sidenav ul li a{
  color: rgba(1, 104, 128, 0.8);
  text-decoration: none;
  /* font-size: 12pt; */
}

.fp-sidenav ul li a.selected{
  font-weight: bold;
}

p.fp-name{
  /* font-size: 15pt; */
  color: rgba(1, 104, 128, 0.8);
  font-family: 'Lora';
  text-align: center;
}

div.fp-desc p{
  /* font-size: 12pt; */
  font-family: 'Montserrat';
  text-align: center;
}

div.fp-desc p:last-child{
  margin-bottom: 0px;
}

.fp-img-box{
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.fp-img-box .fp-title{
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(63, 63, 63, 0.8);
  border-radius: 4px;
}

.fp-title h1{
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  font-family: 'Lora';
  /* font-size: 16pt; */
  text-align: center;
  line-height: 1.2em;
}

.fp-img-box:hover .fp-title{
  left: 0;
}

/*********************************************************************************************************************/ 
/* Start A Convo */

img.contact{
  position: absolute;
  height: 210px;
  width: 100%;
  z-index: 1;
}

.primary-contact{
  width: 500px;
  margin: 0 auto;
  background-color: white;
  box-shadow: 0 0 23px 0 rgba(0, 0, 0, .1);
}

.primary-contact .left-box{
  flex: 1;
  background: url('/assets/contact.png');
  background-size: cover;
  background-position: center;
}

.primary-contact .right-box{
  flex: 2;
  padding: 20px 10px;
}

.primary-contact .right-box h1{
  color: #777;
  text-transform: lowercase;
  font-weight: normal;
  font-size: 15pt;
  display: inline-block;
  border-bottom: 2px solid #ddd;
  padding-bottom: 15px;
  font-family: 'Lora';
}

.primary-contact .right-box .icon{
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #1E466D;
  margin: 10px;
  margin-left: 0px;
  color: white;
}

.primary-contact .right-box table>tbody>tr>td:last-child{
  /* font-size: 12pt; */
}

h2.secondary-contact-hdr{
  width: 70%;
  margin: 75px auto;
  /* font-size: 20pt; */
  color: #1E466D;
  text-align: center;
}

.sc-info{
  display: table;
  margin: 0 auto;
}

.sc-info .mail,
.sc-info .phone,
.sc-info .email,
.sc-info .fax,
.sc-info .hdqrt{
  display: table-cell;
  text-align: center;
  padding: 0px 40px;
}

.sc-info .mail .hdr,
.sc-info .phone .hdr,
.sc-info .email .hdr,
.sc-info .fax .hdr,
.sc-info .hdqrt .hdr{
  color: #b3b3b3;
  text-transform: lowercase;
  /* font-size: 12pt; */
}

.sc-info .mail .icon,
.sc-info .phone .icon,
.sc-info .email .icon,
.sc-info .fax .icon,
.sc-info .hdqrt .icon{
  background-color: #1E466D;
  border-radius: 100%;
  margin: 0px auto 15px auto;
  color: white;
  height: 50px;
  width: 50px;
  line-height: 50px;
  /* font-size: 16pt; */
}

.sc-info .mail p:last-child,
.sc-info .email p:last-child,
.sc-info .phone p:last-child,
.sc-info .fax p:last-child,
.sc-info .hdqrt p:last-child{
  /* font-size: 12pt; */
}

@media (max-width: 1200px){
  .sc-info .mail,
  .sc-info .phone,
  .sc-info .email,
  .sc-info .fax,
  .sc-info .hdqrt{
    padding: 0px 20px;
  }
}

@media (max-width: 992px){
  .sc-info .mail,
  .sc-info .phone,
  .sc-info .email,
  .sc-info .fax,
  .sc-info .hdqrt{
    padding: 0px 10px;
  }
  
  .sc-info .mail .icon,
  .sc-info .phone .icon,
  .sc-info .email .icon,
  .sc-info .fax .icon,
  .sc-info .hdqrt .icon{
    margin: 0px auto 10px auto;
    height: 40px;
    width: 40px;
    line-height: 40px;
    /* font-size: 12pt; */
  }
  
  .sc-info .mail .hdr,
  .sc-info .phone .hdr,
  .sc-info .email .hdr,
  .sc-info .fax .hdr,
  .sc-info .hdqrt .hdr{
    /* font-size: 10pt; */
  }
  
  .sc-info .mail p:last-child,
  .sc-info .email p:last-child,
  .sc-info .phone p:last-child,
  .sc-info .fax p:last-child,
  .sc-info .hdqrt p:last-child{
    /* font-size: 10pt; */
  }
}

@media (min-width: 526px){
  .primary-contact{
    display: flex;
  }
}

@media (max-width: 525px){
  .primary-contact{
    width: 100%;
    text-align: center;
  }
  .primary-contact .right-box table{
    margin: 0 auto;
    text-align: left;
  }
}

@media (max-width: 768px){ 
  .sc-info .mail,
  .sc-info .phone,
  .sc-info .email,
  .sc-info .fax,
  .sc-info .hdqrt{
    display: block;
  }
  
  .sc-info .mail,
  .sc-info .phone,
  .sc-info .email,
  .sc-info .fax,
  .sc-info .hdqrt{
    padding: 0px 40px 40px 40px;
  }
  
  .sc-info .mail .icon,
  .sc-info .phone .icon,
  .sc-info .email .icon,
  .sc-info .fax .icon,
  .sc-info .hdqrt .icon{
    margin: 0px auto 15px auto;
    height: 50px;
    width: 50px;
    line-height: 50px;
    /* font-size: 16pt; */
  }
  
  .sc-info .mail .hdr,
  .sc-info .phone .hdr,
  .sc-info .email .hdr,
  .sc-info .fax .hdr,
  .sc-info .hdqrt .hdr{
    /* font-size: 12pt; */
  }
  
  .sc-info .mail p:last-child,
  .sc-info .email p:last-child,
  .sc-info .phone p:last-child,
  .sc-info .fax p:last-child,
  .sc-info .hdqrt p:last-child{
    /* font-size: 12pt; */
  }
}

/*********************************************************************************************************************/ 
/* Footer */

#Footer .links{
	padding: 15px 0;
	text-align: right;
}

#Footer .links a{
	color: white;
}

/* Footer responsiveness on mobile sizes */
@media (max-width: 767px){
  #Footer .copyright,
	#Footer .links{
    text-align: center;
  }
}

@media (max-width: 480px){
  #Footer .copyright,
	#Footer .links{
    /* font-size: 8pt; */
		padding: 10px 0;
  }
}

/*********************************************************************************************************************/
/* Login Screen */

div.login-box{
  margin: auto;
  padding: 25px;
  width: 400px;
  background-color: white;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);
  font-family: 'Montserrat';
}

div.login-box h1{
  margin-top: 0px;
  text-align: center;
  color: #767676;
  font-family: 'Lora';
  font-weight: bold;
  /* font-size: 22pt; */
  margin-bottom: 25px;
  background-color:;
}

@media (min-width: 1200px){
  div.login-box{
    width: 500px;
  }
}

@media (max-width: 450px){
  div.login-box{
    width: 100%;
  }
}

/*********************************************************************************************************************/