html,
body {
    background-color: black;
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
    font-size: 100%;
    width: 100%;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.wrapper {
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.author {
            
    font-size: 15px;
	font-style: italic;
        margin-right: 3vh;
		font-weight: 300;
    }
	
.mybtn {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-weight: nobold; 
  text-shadow: 0px 0px 0px #000000;
  font-family: Arial;
  color: #FFFFFF;
  font-size: 1.5em;
  background: #ff5000;
  padding: 10px 40px 10px 40px;
  text-decoration: none;
}

.mybtn:hover {
  background: #ff5000;
  color: #FFFFFF;
  text-decoration: none;
  text-shadow: 0px 0px 0px #666666;
}

div.logo-container {
    width: 100%;
	
}

div.logo {
    width: 192px;
    height: 176px;
    margin-top: 20px;
    margin-bottom: 15px
}


.speed-controls-container {
    width: 100%
}

.speed-left-container {
    min-height: 522px
}

.speed-left-container3 {
    min-height: 522px
}
.bordered-speed-container {
    max-width: 536px;
}

.footer-container {
    padding: 30px 8px 8px 8px
}

.speed-units-container {
    margin-top: 46px;
    font-size: 46px;
    letter-spacing: 4px
}

.speed-progress-indicator-container {
    margin-top: 38px;
    margin-left: 23px
}

.speed-progress-indicator {
    border-width: 3px
}

.speed-progress-indicator-icon {
    height: 76px;
    width: 76px;
    line-height: 77px;
    font-size: 62px
}

.speed-progress-indicator.in-progress>.spinner {
    width: 77px;
    height: 77px;
    border-radius: 50px
}

.circle {
    width: 77px;
    height: 77px;
    -moz-border-radius: 144px;
    -webkit-border-radius: 144px;
    border-radius: 144px
}

.after-test-actions-container {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 19px
}

.help-small-icon-container {
    line-height: 30px;
    margin-right: 8px
}

.help-header {
    font-size: 4vh;
    line-height: 7vh;
    margin-top: .5vh;
    margin-left: .5vw;
    text-align: left;
    color: black;
    float: left;
    cursor: pointer
}

.help-small-icon-container {
    margin-left: 7px
}

.help-content-container {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1em
}


.language-selector-container {
    top: 8px;
    right: 9px
}

.dropdown-content {
    max-height: 300px
}

div.logo-container {
    height: 19vh
}

div.logo {
    height: 9vh;
    width: 50vh;
    margin-top: 5vh;
    margin-bottom: 3vh;
    background: url(assets/logo-lite-speed-test-new.png) no-repeat center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

div.logo2 {
    height: 10vh;
    width: 80vh;
    margin-top: 5vh;
    margin-bottom: 2vh;
    background: url(handyonlinetools.png) no-repeat center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}



.speed-controls-container {
    overflow: auto;
    width: 100vh
}

.speed-left-container {
	width: 75%;
    min-height: 38vh;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.speed-left-container2 {
	width: 70%;
    min-height: 50vh;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.speed-right-container {
    width: 23%;
    text-align: left;
    padding-left: 1.5%;
    display: inline-block;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}


.speed-center-container {
  margin: auto;
  width: 100%;
  border: 3px solid green;
  padding: 0px;
    display: inline-block;
	position: relative;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}


.bordered-speed-container {
    float: right;
    border-right: 1px solid #ff5000;
    max-width: 80vh;
}


.style2{
	border-top: 1px solid #ff5000;
	width: 500px;
	
}
.speed-results-container-2 {
    letter-spacing: 1vh;
	margin-right: 6vh;
	font-weight: 300;
    font-size: 32vh;
	text-align: right;
	min-height: 400px;
}
.speed-results-container {
    letter-spacing: 1vh;
	margin-right: 6vh;
	font-weight: 300;
	font-size: 22vh;
	text-align: right;
}


div.dlcon-container {
    width: 0vh;
	margin-top: 0vw;
	margin-left: 1vw;
	margin-right: 1vw;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.row {
    margin-left: -15px;
    margin-right: -15px
}
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
	.col-md-13,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-13 {
		float: center;
        width: 100%
    }
    .col-md-12 {
        width: 90%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 80%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 20%
    }
    .col-md-1 {
        width: 8.33333333%
    }
div.dlcon {
    height: 5vh;
    width: 5vh;
	float:center;
	margin-top: 2vw;
    background: url(assets/dlcon.png) no-repeat center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

div.ulcon {
    height: 5vh;
    width: 5vh;
	float:center;
	margin-top: 2vw;
    background: url(assets/ulcon.png) no-repeat center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

.wrap2{
    width:170px;
}

.AdSpace {
    margin-left: 2vw;
	margin-right: 2vw;
    margin-top: 2vw;
    margin-bottom: 1vw;
	background-color: #000000;
	min-height: 18vh;
}

.AdSpace2 {
    margin-left: 0vw;
	margin-right: 0vw;
    margin-top: 0vw;
    margin-bottom: 0vw;
	background-color: #000000;
	min-height: 30vh;
}

.AdSpace3 {
    margin-left: 0vw;
	margin-right: 0vw;
    margin-top: 0vw;
    margin-bottom: 0vw;
	background-color: #000000;
	min-height: 30vh;
}

.IP-container {
    margin-top: 10px;
	margin-bottom: 6vh;
	text-align: center;
	font-size: 3.0vh;
	color: #ff5000;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
    letter-spacing: 0.2px
}

.Intro-container {
    margin-top: 50px;
	margin-bottom: 4vh;
	text-align: center;
	font-size: 2.50vh;
	color: #ff5000;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
    letter-spacing: 0px
}

.Paragraph-container {
    margin-top: 50px;
	margin-bottom: 4vh;
	font-size: 2.00vh;
	color: #FFFFFF;
	font-family: 'Arial', sans-serif;
	
    letter-spacing: 0px
}

.updown-container {

	margin-right: 8vh;
    margin-top: 40px;
	text-align: right;
	font-size: 3vh;
	text-transform: uppercase;
	color: #ff5000;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
    letter-spacing: 0.5px
}

.updown-container2 {

	font-size: 3.4vh;
	font-weight: 400;
	margin-right: 8vh;
    margin-top: 40px;
	text-align: right;
	color: #ff5000;
	font-family: 'Rubik', sans-serif;
	
    letter-spacing: -0.2px
}


#containerB{
    text-align: center;

}
.HOT {
	width:360px;
}

.button1 {
  border-radius: 25px;
  padding: 8px 8px;
  text-align: center;
  width: 125px;
  font-size: 2.2vh;
  font-weight: 400;
  letter-spacing: 1.0px;
  font-family: 'Rubik', sans-serif;
  color: #fff;
  margin-right: 10px;
  margin-left: 10px;
  border: 2px solid #ff5000;
  background-color: #ff5000;
  
}


.button2 {
  border-radius: 25px;
  padding: 8px 8px;
  text-align: center;
  width: 120px;
  font-size: 2.2vh;
  font-weight: 400;
  letter-spacing: 1.0px;
  font-family: 'Rubik', sans-serif;
  color: #fff;
  margin-right: 10px;
  margin-left: 10px;
  border: 2px solid #ff5000;
  
  cursor: pointer;
  background-color: #000000;
  
  
}

.button2:hover {background-color: #ff5000}

.button2:active {
  background-color: #ff5000;
  
}


i.material-icons {
		!font-size: 5.5rem;
		!font-size: 5vw;
		font-size: 9vh;
		color: white;
		position: relative;
		border-radius: 50%;
		padding: 10px;
		margin: 0px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
}

i.material-icons:after {
		content: "";
		width: 100%;
		height: 100%;
		border: solid 2px;
		transform: scale(0.8);
		position: absolute;
		top: -2px;
		left: -2px;
		border-radius: 50%;
		transition: all 0.3s ease;
}

i.material-icons:hover:after {
		transform: scale(1);
		box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}



i.material-icons:nth-of-type(4) {
		background-color: #88b999;
}

i.material-icons:nth-of-type(4):hover {
		color: #88b999;
}

i.material-icons:nth-of-type(4):after {
		border-color: #88b999;
}

i.material-icons:nth-of-type(5) {
		background-color: #88b2b9;
}

i.material-icons:nth-of-type(5):hover {
		color: #88b2b9;
}

i.material-icons:nth-of-type(5):after {
		border-color: #88b2b9;
}

i.material-icons:nth-of-type(6) {
		background-color: #8897b9;
}

i.material-icons:nth-of-type(6):hover {
		color: #8897b9;
}

i.material-icons:nth-of-type(6):after {
		border-color: #8897b9;
}

i.material-icons:nth-of-type(7) {
		background-color: #af88b9;
}

i.material-icons:nth-of-type(7):hover {
		color: #af88b9;
}

i.material-icons:nth-of-type(7):after {
		border-color: #af88b9;
}

i.material-icons:nth-of-type(8) {
		background-color: #d59acb;
}

i.material-icons:nth-of-type(8):hover {
		color: #d59acb;
}

i.material-icons:nth-of-type(8):after {
		border-color: #d59acb;
}

i.material-icons:nth-of-type(1) {
		background-color: #ff5000; 
}

i.material-icons:nth-of-type(1):hover {
		color: #ff5000;
}

i.material-icons:nth-of-type(1):after {
		border-color: #ff5000;
}

i.material-icons:nth-of-type(2) {
		background-color: #ff5000;
}

i.material-icons:nth-of-type(2):hover {
		color: #ff5000;
}

i.material-icons:nth-of-type(2):after {
		border-color: #ff5000;
}

i.material-icons:nth-of-type(3) {
		background-color: #cdb274;
}

i.material-icons:nth-of-type(3):hover {
		color: #cdb274;
}

i.material-icons:nth-of-type(3):after {
		border-color: #cdb274;
}

i.material-icons:hover {
		background-color: transparent;
		transform: rotate(90deg);
		cursor: pointer;
		box-shadow: none;
}

.speed-results-container.succeeded {
    color: white
}

.speed-results-container.failed {
    color: white
}

.footer-container {
    width: 100%;
    padding: 4vh 1vh 1vh 1vh;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.speed-units-container {
    letter-spacing: .8vh;
    margin-top: 16vh;
	margin-left: 3vh;
	font-weight: 400;
    font-size: 4.5vh
}

.speed-units-container2 {
    letter-spacing: .8vh;
    margin-top: 6vh;
	margin-left: 3vh;
	font-weight: 400;
    font-size: 4.5vh
}

.mbps{
	
}

.speed-units-container.succeeded {
    color: black
}

.speed-units-container.failed {
    color: black
}

.speed-progress-indicator-container {
    margin-top: 8vh;
    margin-left: 3vh
}

@-webkit-keyframes uil-ringo-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes uil-ringo-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes uil-ringo-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes uil-ringo-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes uil-ringo-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes uil-ringo-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes uil-ringo-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes uil-ringo-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.speed-progress-indicator {
    text-align: center;
    cursor: pointer;
    border-style: solid;
    border-width: .4vh;
    position: relative
}

.speed-progress-indicator-icon{
    height: 10vh;
    width: 10vh;
    line-height: 10vh !important;
    font-size: 8vh
}

.speed-progress-indicator-icon img {
    display: block;
    width: 80%;
    padding: 10%;
    height: auto;
}

.speed-progress-indicator-icon2 img {
    display: block;
    width: 80%;
    padding: 10%;
    height: auto;
    opacity: 0.25;
    filter: alpha(opacity=25); /* For IE8 and earlier */
}

.speed-progress-indicator-icon2-off img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.speed-progress-indicator.in-progress {
    border-color: #222
}


.speed-progress-indicator.stopped {
    border-color: #ff5000;
}

.speed-progress-indicator.stopped:hover {
    border-color: #ff5000;
	background: #ff5000;
}

.speed-progress-indicator.in-progress>.stopped img {
    display: block;
    width: 80%;
    padding: 10%;
    height: auto;
}

.speed-progress-indicator.in-progress>.stopped:hover {
    background: #262626;
}
.speed-progress-indicator.in-progress>.spinner {
    position: absolute;
    width: 10vh;
    height: 10vh;
    top: 0;
    left: 0;
    border-radius: 5vh;
    box-shadow: 0 .3vh 0 0 #ff5000;
    -ms-animation: uil-ringo-anim 1s linear infinite;
    -moz-animation: uil-ringo-anim 1s linear infinite;
    -webkit-animation: uil-ringo-anim 1s linear infinite;
    -o-animation: uil-ringo-anim 1s linear infinite;
    animation: uil-ringo-anim 1s linear infinite
}

.speed-progress-indicator.in-progress>.spinner img {
    display: block;
    width: 80%;
    padding: 10%;
    height: auto;
}




.speed-progress-indicator.succeeded {
    border-color: #2ab72a;
    color: black
}

.speed-progress-indicator.failed {
    border-color: red;
    color: black
}

.error-message {
    color: red;
    font-size: 2em;
    text-align: right;
    padding: 5px;
    display: none
}

.test-help {
    background: #cecaca;
    text-align: center;
    color: white;
    display: inline-block
}

.test-help.active {
    background: #1594de
}

.circle {
    width: 10vh;
    height: 10vh;
    -moz-border-radius: 20vh;
    -webkit-border-radius: 20vh;
    border-radius: 20vh
}

.circle-small {
    width: 7vh;
    height: 7vh;
    -moz-border-radius: 14vh;
    -webkit-border-radius: 14vh;
    border-radius: 14vh
}

.after-test-actions-container {
    a overflow: auto;
    text-align: right;
    color: black;
    border-top: 1px solid #cecaca;
    padding-top: 2vh;
    padding-bottom: 2vh;
    font-size: 2.5vh;
    display: none
}

.test-on-ookla {
    text-align: center
}

a:link,
a:visited,
a:active {
    text-decoration: none;
    color: black
}

a:hover {
    text-decoration: none;
    cursor: pointer
}

.help-small-icon-container {
    line-height: 7vh;
    margin-left: 1vw
}

.help-content-container {
    overflow: auto;
    text-align: left;
    padding-top: 2vh;
    padding-bottom: 2vh;
    font-size: 1em;
    color: white;
    width: 100%;
    display: none
}

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.right-aligned-text {
    text-align: justify;
    direction: rtl
}

.compare-ookla-icon {
    display: inline-block;
    line-height: 5vh !important;
    font-size: 4vh
}

.compare-ookla-text {
    display: inline-block
}

.help-container {
    width: 100%;
    display: inline-block
}

.powered-by-container {
    display: inline-block;
    float: right
}

.dropbtn {
    background-color: white;
    color: black;
    padding: .5em;
    font-size: 1em;
    border: 0;
    cursor: pointer
}

.dropbtn:hover,
.dropbtn:focus {
    color: #d2d2d2
}

.dropdown {
    position: relative;
    display: inline-block;
    float: right
}

.dropdown-content {
    font-size: 1em;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    right: 0;
    max-height: 40vh;
    width: 100%;
    overflow-y: scroll
}

.dropdown-content span {
    color: black;
    padding: .5em .3em;
    text-decoration: none;
    display: block
}

.dropdown-content span:hover {
    background-color: #f1f1f1;
    cursor: pointer
}

.show {
    display: block
}



@media all and (orientation:portrait) {
	
.HOT {
	width:0px;
}

.button1 {
  width: 75px;
  border-radius: 12px;
  padding: 4px 4px;
  font-size: 2.0vh;
  margin-right: 3px;
  margin-left: 3px;
}
.button2 {
  width: 75px;
  border-radius: 12px;
  padding: 4px 4px;
  font-size: 2.0vh;
  margin-right: 3px;
  margin-left: 3px;
}

.speed-left-container2 {
	width: 70%;
    min-height: 35vh;
	margin-top: 10vh;
}
	
.speed-results-container-2 {
	min-height: 380px;
	font-size: 20vh;
	margin-right: 2vh;
}

.speed-units-container2 {
    letter-spacing: .5vh;
    margin-top: 14vh;
	margin-left: 2vh;
	font-weight: 400;
    font-size: 3.5vh
}
	

.updown-container {
	font-size: 2.5vh;
	margin-right: 3vh;
	font-weight: 400;
    letter-spacing: 0.5px
}

.updown-container2 {
	font-size: 2.7vh;
	margin-right: 3vh;
	font-weight: 500;
    letter-spacing: -0.1px
}

.IP-container {
	margin-bottom: 2vh;
	text-align: center;
	font-size: 2.7vh;
	color: #ff5000;
	letter-spacing: 0.2vh;
	font-weight: 400;
}

.AdSpace {
    margin-left: 4vw;
	margin-right: 4vw;
    margin-top: 6vw;
    margin-bottom: 6vw;
	background-color: #000000;
	min-height: 18vh;
}

.AdSpace2 {
    margin-left: 4vw;
	margin-right: 4vw;
    margin-top: 0vw;
    margin-bottom: 0vw;
	background-color: #000000;
	min-height: 25vh;
}

.AdSpace3 {
    margin-left: 4vw;
	margin-right: 4vw;
    margin-top: 0vw;
    margin-bottom: 0vw;
	background-color: #000000;
	min-height: 25vh;
}



.Intro-container {
	margin-bottom: 10vh;
	margin-right: 2vh;
	margin-left: 2vh;
	text-align: center;
	font-size: 16px;
	line-height:1.2;
	color: #FF5000;
	font-weight: 300;
    letter-spacing: 0px
}
.Paragraph-container {
	margin-bottom: 1vh;
	margin-right: 2vh;
	margin-left: 2vh;
	
	font-size: 1.95vh;
	color: #ffffff;
	
    letter-spacing: 0px
}

.row {
    margin-left: 0px;
    margin-right: 0px
}

   .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }

	
div.dlcon {
    height: 4vh;
    width: 4vh;
	float:center;
	margin-top: 2vw;
    background: url(assets/dlcon.png) no-repeat center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

div.ulcon {
    height: 4vh;
    width: 4vh;
	float:center;
	margin-top: 2vw;
    background: url(assets/ulcon.png) no-repeat center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

.wrap2{
    width:10vh;
}

    div.logo {
        height: 15vw;
        width: 75vw;
        margin-top: 5vw
    }
	
	div.logo2 {
        height: 15vw;
        width: 75vw;
        margin-top: 5vw
    }
	
    div.powered-by {
        height: 2vw;
        width: 17vw;
        margin-top: 1vw
    }
    .speed-controls-container {
        width: 100% !important
    }
    .speed-results-container {
            
    /* 100 = viewport width, as 1vw = 1/100th of that
       So if the container is 50% of viewport (as here)
       then factor that into how you want it to size.
       Let's say you like 5vw if it were the whole width,
       then for this container, size it at 2.5vw (5 * .5 [i.e. 50%])
    */
    font-size: 22.5vw;
        margin-right: 3vh;
		font-weight: 300;
    }
    .bordered-speed-container {
        float: right;
        max-width: 80vw !important
    }
	
	.speed-units-container {
        margin-top: 30vw;
		font-weight: 500;
		letter-spacing: 0.5vw;
		margin-left: 3vw;
        font-size: 4.5vw
    }
    .speed-progress-indicator {
        border-width: .4vw
    }
    .speed-progress-indicator.in-progress>.spinner {
        width: 10vw;
        height: 10vw;
        border-radius: 5vw;
        box-shadow: 0 .3vw 0 0 #ff5000
    }
    .circle {
        width: 10vw;
        height: 10vw;
        -moz-border-radius: 20vw;
        -webkit-border-radius: 20vw;
        border-radius: 20vw
    }
    .circle-small {
        width: 7vw;
        height: 7vw;
        -moz-border-radius: 14vw;
        -webkit-border-radius: 14vw;
        border-radius: 14vw
    }
    .help-small-icon-container {
        line-height: 7vw
    }
    .help-header {
        font-size: 4vw;
        line-height: 7vw
    }
    .speed-progress-indicator-container {
        margin-top: 8vw;
        margin-left: 3vw
    }
    .speed-progress-indicator-icon {
        height: 10vw;
        width: 10vw;
        font-size: 8vw;
        line-height: 10vw !important
    }
    .speed-help {
        margin-top: 1vw;
        line-height: 10vw;
        font-size: 6vw;
        font-height: bold;
        color: white
    }
    .help-content-container {
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .after-test-actions-container {
        border-top: 1px solid #cecaca;
        padding-top: 2vw;
        padding-bottom: 2vw;
        font-size: 2.5vw
    }

}