* {
  border-radius: 0 !important;  /*No round corners*/
  margin: 0;
  padding: 0;
}

@font-face {
font-family: Nunito;
src: url(../fonts/Nunito/Nunito-Regular.ttf);
}
@font-face {
font-family: Open_Sans;
src: url(../fonts/Open_Sans/OpenSans-Regular.ttf);
}
@font-face {
font-family: Roboto;
src: url(../fonts/Roboto/Roboto-Regular.ttf);
}
img {
  max-width: 100%;
  max-height: auto;
  /*opacity: 0.1;*/
  /*filter: alpha(opacity=10);*/ /* For IE8 and earlier */
}
body {
  background-color: white;
  font-family: Open_Sans, Arial, sans serif;
  font-size: 1em;
  background-color: #d7d7d7;
  color: #777;
  padding-bottom:12%;   /* Height of the footer */
}
.container-fluid{
  padding:0;
}
.header{
  text-align: left;
  background-color: #3b6999;
	padding: 1%;	
	
}
.logo {
  /*font-weight:200;*/
  color: white !important;
  height: 7%;
    line-height:150%;
  display:flex;
  align-items:center;
}
.logolink, .logolink:hover{
    text-decoration: none;
    color: white;
}
.content{
  margin-top:5%;
  text-align: center;
height: 110%;
}
.content>ul{
text-align:left;
padding-left:25%;
}
ul{ list-style-type: none; }
.footer {
  width:100%;
  height:12%;   /* Height of the footer */
  padding:1%;
  background:#3b6999;
  color:white;
  text-align: center;
  position:fixed;
  left:0;
  bottom:0;
  width:100%
}
.phone{
  font-family:"Open_Sans";
  font-size: 1em;
}
.social{
  margin-right: 2%;
}
.last{
  margin-right: 0%;
}
.btn-flat{
  background-color:#3b6999;
  color:white;
  border: 1px solid white;
  padding: 0.6% 2.8% 0.6% 2.8%;
}
.btn-flat:hover{
  background-color:white;
  color:#3b6999;
  border: 1px solid #3b6999;
  padding: 0.6% 2.8% 0.6% 2.8%;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
   outline: none !important;
   box-shadow: none !important;
   -webkit-box-shadow: none !important;
}
 
.btn-primary {
    background: #3b6999;
    color: white;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: white;
    color:#3b6999;
}
 
.btn-primary:active, .btn-primary.active {
    background: #3b6999 !important;
   outline: none !important;
   box-shadow: none !important;
   -webkit-box-shadow: none !important;
}

.contact-modal {
  text-align:center;
  min-width: 300px;

  width: 100%;
  padding:0 10% 0 10%;
}
.modal-title{
  color:#3b6999;
  font-size:1.2em;
}
.modal-header{
  padding: 10% 10% 5% 10%;
  border-bottom: none;
}
.modal-footer{
  padding: 5% 10% 10% 10%;
  border-top: none;
}