@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto');
.lists { font-family: 'Roboto', sans-serif; font-size:20px; font-weight:normal; color:#434343;}
 li { padding:0px; margin:0px; }
body {
	padding-top:70px;
}

.navbar-header {
  float: none;max-width: 783px;
    margin: 0 auto;
}
.navbar-toggle {
  display: block;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
  float: none!important; background-color: black;
}
.navbar-nav>li {
  float: none;
}
.navbar-collapse.collapse.in{
  display:block !important;
}
.services { border-top: solid 1px #d9d9d9; background-color:#f1f1f1; padding: 25px 0 0px 0; max-width:783px;  margin:0 auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; border:solid 1px #dedede; background-color:#f6f6f6;}
.services h1 { font-family: 'Roboto', sans-serif; font-size:26px; font-weight:bold; color:#146de3;     margin: 0px 0 20px 25px; }
.features { max-width:783px; margin:0 auto; margin-top:30px;}

#footer { background-color:#146de3; color:white; text-align:center; padding:10px;}

#footer a { color:white; text-decoration:none;}
#footer a:hover { color:white; text-decoration:underline;}
.field { width:90%; font-family:Arial, Helvetica, sans-serif; margin:5px 5px; padding:5px; font-size:15px;}
.submit { float:left; background-color:#146de3; color:#fff; border: solid 1px #000; font-size:16px; margin:10px 0; font-weight:bold; padding:10px 30px;  transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.submit:hover { background-color:#fff; color:#000; border: solid 1px #000; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }




ol, ul { margin-left: -5px; text-align: left;}
.col-sm-6 { text-align:center; }
@media only screen and (min-width : 320px) and (max-width : 480px) {
.lists { font-size:14px; letter-spacing:-1px;}
ol, ul { margin-left: -5px;padding-left: 20px;}
.services h1 { font-family: 'Roboto', sans-serif; font-size:18px; font-weight:bold; color:#146de3;     margin: 0px 0 20px 25px; }
.navbar-inverse .navbar-brand img { max-width:250px;}
}
@media only screen and (min-width : 480px) and (max-width : 595px) {
.lists { font-size:14px; letter-spacing:.5px;}
ol, ul { margin-left: -5px;padding-left: 20px;}
.services h1 { font-family: 'Roboto', sans-serif; font-size:20px; font-weight:bold; color:#146de3;     margin: 0px 0 20px 25px; }
.navbar-inverse .navbar-brand img { max-width:250px;}
}
@media only screen and (min-width : 595px) and (max-width : 690px) {
.lists { font-size:14px; letter-spacing:0px;}
.services h1 { font-family: 'Roboto', sans-serif; font-size:22px; font-weight:bold; color:#146de3;     margin: 0px 0 20px 25px; }
}
@media only screen and (min-width : 690px) and (max-width : 800px) {
.lists { font-size:16px; letter-spacing:0px;}
.services h1 { font-family: 'Roboto', sans-serif; font-size:24px; font-weight:bold; color:#146de3;     margin: 0px 0 20px 25px; }
}
@media only screen and (min-width : 800px) and (max-width : 1024px) {
.lists { font-size:18px; letter-spacing:0px;}
}
@media only screen and (min-width : 1024px) and (max-width : 1150px) {
.lists { font-size:20px; letter-spacing:0px;}
}