@charset "utf-8";

/* Sticky footer styles--- */
html {
  	position: relative;
  	min-height: 100%;
}
body {
	padding-top: 45px;
	margin-bottom: 160px;/* Margin bottom by footer height for desktop*/
}
.footer {
	position: absolute;
	bottom: 0;
	padding-top: 15px;
	width: 100%;
	/* Set the fixed height of the footer here for desktop */
	height: 160px;
	margin-top: 10px;
}
.footer .small {
	color: #777;
}
.footer .text-muted {
	font-size: .7em;
}
.jumbotron {
    padding-top: 0px;
    padding-bottom: 0px;
	margin-bottom: 0px;
  }
.jumbotron h1, .jumbotron .h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
  	color: #0d7444;
}
.jumbotext {
	font-size: 16px;
	font-weight: normal;
	max-width: 100%;
	background-color: #eee;
}
h1, .h1 {
	font-family: 'Roboto', sans-serif;
	color: #0d7444; 
	}
h2, .h2, h3, .h3, h4, .h4 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #0d7444;
	}
h3, .h3, h4, .h4 {
	font-weight: 500;
	}
.mycoinfo .h1 {
	background-color: #fff;
	text-shadow: 2px 2px 6px #aaa;
}
.mysoclinx {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 20px;
	}
.mytagline {
	font-family: 'Roboto', sans-serif;
	color: #0d7444;
	font-weight: 300;
	font-size: 0.7em;
	}	
.myxtrapadbtn{
	padding-bottom: 15px;	
	}	
/* From Bootstrap main css file amend*/		
.navbar-inverse {
  background-color: #0d7444;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
	color: #fff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
	color: #D4D4D4;
}
.navbar-inverse .navbar-nav > li > a {
  color: #D4D4D4;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffdd;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

/* From Bootstrap Theme file amended lighter colour first*/
.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #108f54 0%, #0d7444 100%);
  background-image:      -o-linear-gradient(top, #108f54 0%, #0d7444 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#108f54), to(#0d7444));
  background-image:         linear-gradient(to bottom, #108f54 0%, #0d7444 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff108f54', endColorstr='#ff0d7444', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
}

.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #0d7444 0%, #108f54 100%);
  background-image:      -o-linear-gradient(top, #0d7444 0%, #108f54 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0d7444), to(#108f54));
  background-image:         linear-gradient(to bottom, #0d7444 0%, #108f54 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0d7444', endColorstr='#ff108f54', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
    background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
  }
}
@media (max-width: 767px) {
/* Sticky footer styles--- */
body {
  /* Margin bottom by footer height for tablet*/
  margin-bottom: 300px;
}
.footer {
	/* Set the fixed height of the footer here for tablet */
	height: 300px;
	font-size: .8em;
}/* End Sticky footer styles --- */	


.mycoinfo .h1 {
	font-size: 26px;
	text-shadow: 0px 0px 0px;
}
.mysoclinx {
	padding-top: 5px;
	}



	}
@media (min-width: 768px) {
  .mycoinfo .h1 {
	font-size: 28px;
}
}
@media (min-width: 992px) {
	.mycoinfo .h1 {
	font-size: 36px;
}
}