*{
  margin: 0;
  padding: 0;
}
html{
  height: 100%;
  margin: 0;
  padding: 0;
}
body{
  background-image: url(images/bg.png);
  margin:0;
  padding:0;
  height: 100%;
}
h1{
  text-align: center;
}

h2{
  text-align: center;
}

h4{
  margin-left: 15px;
}

footer{
  width: 100%;
  height: 10%;
  min-height: 145px;
  padding-top: 20px;
  background-color: #323333;
  color: white;

}

footer a{
  color: white;
}

footer a:hover{
  color: #C71717;
}

/*************/
td{
  font-size: 14px;
}

.secWidth{
  max-width: 1190px;
  margin: 0 auto;
  margin-bottom: -20px;
  background-color: white;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.4);
  box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.4);
}


.rectImage h2{
  font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 26px;
  color: white;
  text-shadow: 0 0 5px black;

  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
}


@media(min-width:48em){
  .secWidth{
    max-width: 770px;
  }
}

@media(min-width:62em){
  .secWidth{
    max-width: 990px;
  }
    
    
.rectImage h2{
  font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 26px;
  color: white;
  text-shadow: 0 0 5px black;

  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
}

}

@media(min-width:75em){
  .secWidth{
    max-width: 1190px;
  }
}

/*****Navbar*****/
.navbar-inverse{
  background-color: #A2A2A2;
}
.navbar-inverse .navbar-nav>li>a{
  color: white;
}
.navbar-default .navbar-nav>.active>a{
    background-color: #424040;

}

.navbar-default .navbar-nav> li > a:hover{
    background-color: #404040;
}
/*************/

.container{
  padding-bottom: 20px;
  background-color: white;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.4);
  box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.4);
}

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rectImage{
  opacity: 0.4;
  transition:all 0.3s ease;
  margin-bottom: 10px;
}

.rectImage:hover{
  opacity: 1.0;
}

.rectImage img {
    position: relative;
    width: 100%;
    height: auto;
}

.logo img {
  margin-top: -30px;
    max-width:525px;
    max-height:233px;
    position: relative;
    width: 100%;
    height: auto;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
  background-color: #C71717;
}

a{
  color: #C71717;
}

a:hover{
  color: #C71717;
}

.btn-danger{
  background-color: #C71717;
}
/*.row p{
  text-align: center;
}

.bold{
  font-weight: bold;
}

.brand img {
  background-color: white;
  margin-right:15px;
  margin-left:0px;
  margin-top: 2.5px;
  width: 45px;
  height: 45px;
}
.navbar-default .navbar-nav>.active>a{
  background-color: #FF7F00;

}
.navbar-default .navbar-nav>.active>a:hover{
  background-color: #FFA600;
}

.navbar-default .navbar-nav> li > a:hover{
  background-color: #404040;
}

.
.content{
  background-color: white;
  min-height: 100%;
  padding-bottom: 100px;
}

footer{
  background-color: #232323;
  color: white;
  width:100%;
  padding-top: 20px;
}
footer a{
  color: white;
}
footer a:hover{
  color: #ff7f00;
}




.form-control{
  border-radius: 0px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
  color: #fff;
  background-color: #ff7f00;
}

.nav-pills>li>a:hover{
  color: white;
  background-color: #404040;
}

.nav-pills>li>a{
  color: white;
  background-color: #232323;
}

a{
  color:#ff7f00 ;
}
a:hover{
  color: #000000;
}