/* CSS Document */
/* @font-face {
     font-family: "WorkSans";
     src:url(../fonts/WorkSans-Light.WOFF);
}
 @font-face {
     font-family: "WorkSans-SB";
     src:url(../fonts/WorkSans-SemiBold.WOFF);
}*/
.navbar{width: }
 .navbar-brand{
    background-image:url(../images/logo.png);
     width: 190px;
     height: 81px;
     background-repeat: no-repeat;
     margin: 5px;
     margin-left: 10%;
	 
     background-size: contain
}
 .azure{display: block;
    
     position: absolute;
     right: 10%!important;
    background-image:url( ../images/symbols-microsoftazurelogo.png);
     width: 253px;
     height: 36px;
     background-repeat: no-repeat;
     background-size: contain;
		 margin: 5px;
     margin-top:-5px;
}
@media (max-width:  599px){
    .navbar{
        display:  block;
        text-align: center;
    }
    .navbar-brand{
        display: inline-block;
        position: unset;
        right:  unset;
    }
}
 body{
    background: #fff !important
}
 h1{
    font-family: 'Work Sans';
}
 h2{
    font-family: 'Work Sans';
}
.top-container{background-color: #ECF2F4 ; width: 100%; padding-bottom: 100px}
 .need-help{
    text-align: center;
     background: ;
     position: relative;
     display: block;
     margin-top: 50px
}
 .jumbotron{
    margin: 0px
}
 .hero-header{
     color: white;
     width: 80%;
     text-align: left;
     padding-top:12%;
     margin-left: 8%;
     font-size: 64px;
}
 input{
     text-align: center;
     margin: auto;
     position: relative;
     display: block 
}
 body{
     background: #ecf2f4 
}
#start{
     background: #202e4d;
     color: white;
}
@media (min-width: 1200px) {
    #start {
        border-right: 15px solid #ecf2f4;
    }
}

.start-sub{ font-size: 12px; margin-top: -40px; padding-top: 0px}
 #results{
     background-color: #202e4d;
     color: white;
     
}
@media (min-width: 960px) {
    .row{
        width:  90%!important;
    }
    #start, #results{
        width:  50%;
    }
}
@media (min-width: 1200px) {
    
    #results {
        border-left: 15px solid #ecf2f4;
    }
}
 #box{
     background: ;
     border:px white solid;
}
 .Enter-btn, form button {
    font-family: 'Work Sans';
     color: white;
     border: 0 !important;
     display: block;
     margin: 0 auto;
     position: relative;
     background: #38B9E8 !important;
     width: 70%;
     text-align: center;
     padding: 20px 0px;
    border-radius: 10px;
     margin-top: 30px;
     cursor: pointer;
}
 .contact-btn{
    font-family: 'Work Sans';
     color: white;
     border: none;
     display: block;
     margin: 0 auto;
     position: relative;
     background:#38B9E8 ;
     width: 70%;
     text-align: center;
     padding: 20px 0px;
    border-radius: 10px;
     margin-top: 30px;
     cursor: pointer
}
 .box-copy{
     text-align: center;
     background: #fff;
     margin:auto;
     display: block;
     position: relative;
     padding-top:30%;
     padding-bottom: 30px 
}
 .in{
     text-align: center;
     margin: 0 auto;
     display:;
     position: relative;
     width: 100%;
     background:;
     font-size: 18px;
     white 
}
 #s0r2c2, #s0r4c2, #s0r5c2{
     height: 60px;
     width: 70%;
     border: none;
     font-family: 'Work Sans';
     font-size: 34px;
     color: #303030;
     margin-bottom: 50px;
}
 .table_start {
     width: 100%;
}
 .start-copy{
     font-family: 'Work Sans';
     font-weight: 500;
     font-size: 16px;
     width: 100%;
     margin: 0 auto;
     padding-bottom: 20px;
}
 .months, .first, .second{
     color:#38B9E8;
     font-size: 38px;
     width: 100%;
     background: none;
     border: none;
     font-family: 'Work Sans';
}
 .results-copy{
     text-align: center 
}
 hr{
     color: #FFFFFF;
     border-color: white;
     width: 70% 
}
 .results-container, .results-container .row{
     width: 100%!important;
}
 .row-1{
    margin-bottom:60px;
}
 .row-1, .row-2{
     width:100% ;
	 margin-bottom: 40px;
}
 .row-4{
     margin-top: 30px;
     margin-bottom: 230px 
}
 .results-image{
     display: block;
     margin: 0 auto;
     margin-bottom: 50px
}
 .results-header, .started-header{
     text-align: center;
     padding-bottom: 88px;
     padding-top: 88px
}
 .text-center{
    padding-top:60px;
     padding-bottom: 40px 
}

form {
    font-family: 'Work Sans' !important;
    margin: 60px auto;
}
form input {
    display: block;
    width: 100%;
    height: calc(3.25em + 2px);
    padding: .75em;
    border: 1px solid #DDE3E4;
    background-color: white;
}