@media only screen and (max-width: 480px) {
.col-sm-8 {
    height: auto !important;
    float: none  !important;
    width: 100% !important;
    background: white !important;
    margin-bottom: 60px !important;
    margin: auto !important;
}
.col-sm-7 {
    float: none !important;
    width: 100% !important;
    top: 0px !important;
    margin: 0px !important;
    padding-bottom: 50px;
}
.col-sm-6 {
    height: auto !important;
    float: none !important;
    width: 100% !important;
    background: white !important;
    margin-bottom: 60px !important;
    margin: auto !important;
}
.starter-template {
    padding: 0px !important;
}
}

body {  padding-top: 0rem; background-color: #f2f2f2;}.starter-template {  padding: 3rem 1.5rem;  text-align: center; margin-top: 90px !important;}.clstop .col-sm-2{margin: 0px; padding: 0px; padding-top: 5px;}.clstop .col-sm-10{margin: 0px; padding: 0px;}label{text-align: left;}

img.fail {
    width: 10% !important;
    padding-bottom: 30px !important;
}
a.btn {
    background-color: #f16924 !important;
    color: white !important;
	border-radius: 30px;
    margin-top: 30px;
}
.bg-inverse {
    background-color: #539fb4 !important;
	text-align: center;
	background-image: url(http://bmw.demobb.com/wp-content/uploads/2013/08/pattern-bg.jpg);
}
img.logo {
    width: 150px !important;
}
.container {
    padding-top: 80px !important;
}
.col-sm-7 {
    float: left;
    width: calc(100% - 870px);
    top: 200px;
}
.col-sm-8 {
	height: 500px;
    float: right;
    width: 45%;
	background: white !important;
	margin-bottom: 60px !important;
}
.col-sm-6 {
	height: 500px;
    float: left;
    width: 45%;
	background: white !important;
	margin-bottom: 60px !important;
}
.btn-primary {
    color: #fff;
    background-color: #5AA1E3;
    border-color: #5AA1E3;
    border-radius: 2em;
}
.col-sm-6 img {
    width: 250px !important;
	padding: 20px 0px;
}
.col-sm-8 img {
    width: 250px !important;
	padding: 20px 0px;
}
.col-sm-12 {
    float: left;
    width: 80%;
    margin-left: 11%;
}
.btn-primary:hover {
    color: #fff;
    background-color: #4092df;
    border-color: #4092df;
}
img.backarrow {
    margin: -5px 5px 0px 0px;
}
h2.lead {
    color: #539fb4 !important;
    padding-bottom: 20px;
    font-size: 32px !important;
}
h2.tyword {
    color: #539fb4 !important;
	padding-bottom: 20px;
}
h1, h2 {
    font-family: RobotoSlab-Bold !important;
}
@font-face {
  font-family: 'RobotoSlab-Bold';
  src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/RobotoSlab-Bold.woff') format('woff'), url('fonts/RobotoSlab-Bold.ttf')  format('truetype'), url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}