/* CSS Document */

@font-face {
  font-family: 'robotocondensed-regular-webfont';
  src: url('../resources/fonts/oswald-regular-webfont.eot');
  src: url('../resources/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../resources/fonts/oswald-regular-webfont.woff2') format('woff2'), url('../resources/fonts/oswald-regular-webfont.woff') format('woff'), url('../resources/fonts/oswald-regular-webfont.ttf') format('truetype'), url('../resources/fonts/oswald-regular-webfont.svg#robotocondensed-regular-webfontregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotocondensed-bold-webfont';
  src: url('../resources/fonts/robotocondensed-bold-webfont.eot');
  src: url('../resources/fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../resources/fonts/robotocondensed-bold-webfont.woff2') format('woff2'), url('../resources/fonts/robotocondensed-bold-webfont.woff') format('woff'), url('../resources/fonts/robotocondensed-bold-webfont.ttf') format('truetype'), url('../resources/fonts/robotocondensed-bold-webfont.svg#robotocondensed_bold_webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

.adoptionStats .tsg-rwd-sidebar-qf.sidebar-adoption-stats {
    width: 90%;
}

.adoptionStats #statsout{
    margin-top: 5%;
}

.adoptionStats .bold {
    vertical-align: middle;
    color: #5e5e5e;
    height: 17px;
}

.adoptionStats .td {
    vertical-align: middle;
    color: #5e5e5e;
}

.adoptionStats span.statsYear {
    padding-left: 20px;
}

.adoptionStats span.statsNumber {
    padding: 100px;
}

@media screen and (max-width: 767px) and (min-width: 80px) {
	.adoptionStats {
		width: 98%;
	}

	.adoptionStats .tsg-rwd-sidebar-qf.sidebar-adoption-stats {
            width: 90%;
	}
}

@media screen and (max-width: 812px) and (min-width: 375px) {
        .adoptionStats .tsg-rwd-sidebar-qf.sidebar-adoption-stats {
            width: auto;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

        .adoptionStats span.statsNumber {
            padding: 40px;
	}

        .adoptionStats .tsg-rwd-sidebar-qf.sidebar-adoption-stats {
            width: 83%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
        .adoptionStats .tsg-rwd-sidebar-qf.sidebar-adoption-stats {
            width: 83%;
	}
}