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

@import url('https://fonts.googleapis.com/css?family=Roboto');
.lists { font-family: 'Roboto', sans-serif; font-size:19px; font-weight:normal; color:#4434343;}

body {
	padding-top:70px; background-color:#fff;
}

.navbar-header {
  float: none;max-width: 1024px;
    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;
}


ul, li {margin:0px; padding:0px; }
h1 { font-family: 'Roboto', sans-serif; font-size:26px; font-weight:bold; color:#4377a7;     margin-bottom: 25px;}
h2 { font-family: 'Roboto', sans-serif; font-size:26px; font-weight:bold; color:#5b5b5b; }
.services { border-top: solid 1px #d9d9d9; background-color:#f1f1f1; padding: 30px 0;}
#footer1 { font-size:16px; font-weight:bold; background-color:#4377a7; color:white; text-align:center; padding:20px;}
#footer { font-size:16px; font-weight:bold; background-color:#5b5b5b; color:white; text-align:center; padding:20px;}

#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:#4377a7; 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;}


@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;}
h1 { font-family: 'Roboto', sans-serif; font-size:18px; font-weight:bold; color:#4377a7;     margin-bottom: 25px;}
h2 { font-family: 'Roboto', sans-serif; font-size:18px; font-weight:bold; color:#5b5b5b; }
}
@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;}
h1 { font-family: 'Roboto', sans-serif; font-size:18px; font-weight:bold; color:#4377a7;     margin-bottom: 25px;}
h2 { font-family: 'Roboto', sans-serif; font-size:18px; font-weight:bold; color:#5b5b5b; }

}
@media only screen and (min-width : 595px) and (max-width : 690px) {
.lists { font-size:14px; letter-spacing:0px;}
h1 { font-family: 'Roboto', sans-serif; font-size:22px; font-weight:bold; color:#4377a7;     margin-bottom: 25px;}
h2 { font-family: 'Roboto', sans-serif; font-size:22px; font-weight:bold; color:#5b5b5b; }

}
@media only screen and (min-width : 690px) and (max-width : 800px) {
.lists { font-size:16px; letter-spacing:0px;}
}
@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;}
}