@font-face{
  font-family: Bebas;
  src: url('/Portals/148/Fonts/BebasNeue-Regular.ttf');
}
@font-face{
  font-family: Roboto;
  src: url('/Portals/148/Fonts/Roboto-Regular.ttf');
}

.header_banner_container .header_banner_content .banner-contentLeft-text, .header_banner_container .header_banner_content .banner-contentRight-text {
    color: #FFF !important;
}

body {
  font-family: Roboto, san serif !important;
}
.skin-header-right {
  margin-right: 6% !important;
}
/* Font for site*/
p {
 font-size: 0.9em;
 font-family: 'Roboto', sans-serif;
 color: #1A1818 !important;
}
#main-nav  li  a {
    font-family: "Roboto", Sans-serif;
    letter-spacing: -0.3px;
  line-height:  20px;
  font-weight: 600px;
}
.otnav ul li a, .otnav ul li a:hover {
text-decoration: underline solid #ffcc06 2px;
}
.otnav ul li a, .otnav ul li a:visited:hover {
text-decoration: underline solid #ffcc06 2px; 
}
.otnav ul li a, .otnav ul li a:visited {
text-decoration: none;
}
.otnav ul li a, .otnav ul li a:hover { 
  color:  #ffcc06 !important;
}
footer.footer-centerstacked .padded {
  display: none;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;


}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.AccordionContainer {
  padding-left: 50px;
    padding-right: 20px;
}
.usaceAccordionMenuCollapsed {
    background: url(/Portals/148/usaceimagesprite.png) 0px -37px;
	top: 20px;
}
.usaceAccordionMenuExpanded {
    background-position: 0px -52px;
}
.acAccordionMenu li {
	background-color: #ffffff;
    margin-bottom: 10px;
    padding: 10px;
  border: solid 1px; black;
}
.usaceAccordionRootNode
{
    font-family: 'Roboto';
  font-weight: bold;
  font-size: 1.4em;
}
.htmlSection {
  background: #ffffff;
}
    .acAccordionMenu .liHover {
        background: #ffffff;
    }

 .acAccordionMenu li:hover {
            background: #ffffff;
        }

a.regular:active {
		color: #005177 !important;
	}
	a.regular:hover {
		color: #005177 !important;
			text-decoration: underline;
	}


@media (max-width: 600px) {
                #vids {
                    max-width: 100% !important;
                  margin-left: 0px !important;
                  margin-right: 0px !important;
                  margin-bottom: 1em;
                }
   .vids {
                    max-width: 100% !important;
                  margin-left: 0px !important;
                  margin-right: 0px !important;
                  margin-bottom: 1em;
                }
    #vids2 {
                   width: 100% !important;
                  margin-left: 0px !important;
                  margin-right: 0px !important;
                  margin-bottom: 1em;
                }
   .vids2 {
                   width: 100% !important;
                  margin-left: 0px !important;
                  margin-right: 0px !important;
                  margin-bottom: 1em;
                }
     .pubs {
                    max-width: 100% !important;
       margin-bottom: 1em;
                }
 
    .pubs2 {
                    width: 100% !important;
       margin-bottom: 1em;
                }
  .side-buttons {
    width: 100% !important;
  }
.body-content{
  width: 100% !important;
}
  .afpw {
                    width: 100% !important;
        border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
       
                }
  .no-pad-mil{
        padding: .0 !important;
  }
  #acks {
    width: 100% !important;
  }
   #calc {
    font-size: 1.7em !important;
  }
    .milestone-buttons {
                   max-width: 100% !important;
       margin-left: 0 !important;
      margin-right: 0 !important;
                }
  #more-info {
  justify-content: left !important;
    padding-left: 2em !important;
  }
  .milsp{
    flex-wrap: wrap;
    justify-content: center;
  }
   .ad-res{
  flex: 100% !important;
  }
   .ad-res2{
 margin-bottom: 1em !important;
     padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
     background-color: #ffffff !important;
  }
  #score{
   width: 80% !important; 
    justify-content: right;
        padding-top: 20px !important;
    padding-bottom: 20px;
      padding-left:50px;
      padding-right: 20px;
    margin-left: 20% !important;
    
  }
  .fw-cards{
    max-width: 100% !important;
    margin-right: 0px!important;
      margin-bottom: 1em !important;
  }
  .ftl{
    flex-wrap: wrap;
    width: 100% !important;
  }
  #emb{
    width: 100%!important;
    text-align: center;
  }
  #emb-img{
        width: 50% !important;
    height: 80% !important;
  
  }
  .white-box{
    height: 80% !important;
  }
  
   .maximize-money {
    padding: 0px  !important;
  }
  .steps-wrapper {
    max-width: 100% !important;
  }
    .content-tools {
    width: 100% !important;
      padding-left: 2rem !important;
       background-color: rgba(255,255,255,0.6);
  }
    .content-tools2 {
    width: 100% !important;
      padding-right: 2rem !important;
       background-color: rgba(255,255,255,0.6);
      height: 100%;
  }
  
.content-tools h2 {
  font-size: 3em !important;
  margin-top: 1rem !important;
}
  .content-tools2 h2 {
  font-size: 3em !important;
  margin-top: 1rem !important;
   
}
.text-block-tools p {
 font-size: 1.3em  !important;
 padding-right: 0  !important;
}
  .text-block-tools2 p {
 font-size: 1.3em  !important;
 padding-right: 0  !important;
    width: 100% !important;

}
    .text-block-tools2  {
    width: 100%  !important;
    gap: 1em !important;
      flex-wrap: wrap-reverse;
     
}
  .image-tools2{
    min-height: 400px !important;
  } 
  .box{
   padding-left: 3em !important; 
  }
  .milSpouse-Res{
    width: 100%!important;
    text-align: center !important;
  }
  .side-size{
   padding-left: 4em !important;
     padding-right:  4em !important;
  }
  .footer-links{
    flex-wrap: wrap;
    padding: 30px;
  }
  .soldiers{
    height: 500px !important;
  }
   .families{
    height: 500px !important;
  }
    .service-providers{
    height: 500px !important;
  }
   .assessment{
    height: 400px !important;
     background-position: 7% 50%;
  }
  .jcs_content {
    font-size: 1.5em !important;
  }
 
}

@media (max-width: 800px) {
                #vids {
                    max-width: 100% !important;
                  margin-left: 0px !important;
                  margin-right: 0px !important;
                  margin-bottom: 1em;
                }
   .vids {
                    max-width: 100% !important;
                  margin-left: 0px !important;
                  margin-right: 0px !important;
                  margin-bottom: 1em;
                }
    #vids2 {
                   width: 100% !important;
                  margin-left: 0px !important;
                  margin-right: 0px !important;
                  margin-bottom: 1em;
                }
   .vids2 {
                   width: 100% !important;
                  margin-left: 0px !important;
                  margin-right: 0px !important;
                  margin-bottom: 1em;
                }
     .pubs {
                    max-width: 100% !important;
       margin-bottom: 1em;
                }
 
    .pubs2 {
                    width: 100% !important;
       margin-bottom: 1em;
                }
  .side-buttons {
    width: 100% !important;
  }
.body-content{
  width: 100% !important;
}
  .afpw {
                    width: 100% !important;
       border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
                }
  .no-pad-mil{
        padding: .0 !important;
  }
  #acks {
    width: 100% !important;
  }
   #calc {
    font-size: 1.7em !important;
  }
 
  #more-info {
 
    padding-left: 1.5em !important;
  }
  .milsp{
    flex-wrap: wrap;
    justify-content: center;
  }
   .ad-res{
  flex: 100% !important;
  }
   .ad-res2{
 margin-bottom: 1em !important;
     padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
     background-color: #ffffff !important;
  }
  #score{
   width: 80% !important; 
    justify-content: right;
        padding-top: 20px !important;
    padding-bottom: 20px;
      padding-left:50px;
      padding-right: 20px;
    margin-left: 20% !important;
    
  }
  .fw-cards{
    max-width: 100% !important;
    margin-right: 0px!important;
      margin-bottom: 1em !important;
  }
  .ftl{
    flex-wrap: wrap;
    width: 100% !important;
  }
  #emb{
    width: 100%!important;
    text-align: center;
  }
 
  .white-box{
    height: 80% !important;
  }
  
   .maximize-money {
    padding: 0px  !important;
  }
  .steps-wrapper {
    max-width: 100% !important;
  }
    .content-tools {
    width: 100% !important;
      padding-left: 2rem !important;
       background-color: rgba(255,255,255,0.6);
  }
    .content-tools2 {
    width: 100% !important;
      padding-right: 2rem !important;
       background-color: rgba(255,255,255,0.6);
      height: 100%;
  }
  
.content-tools h2 {
  font-size: 3em !important;
  margin-top: 1rem !important;
}
  .content-tools2 h2 {
  font-size: 3em !important;
  margin-top: 1rem !important;
   
}
.text-block-tools p {
 font-size: 1.3em  !important;
 padding-right: 0  !important;
}
  .text-block-tools2 p {
 font-size: 1.3em  !important;
 padding-right: 0  !important;
    width: 100% !important;

}
    .text-block-tools2  {
    width: 100%  !important;
    gap: 1em !important;
      flex-wrap: wrap-reverse;
     
}
  .image-tools2{
    min-height: 400px !important;
  } 
  .box{
   padding-left: 3em !important; 
  }
  .milSpouse-Res{
    width: 100%!important;
    text-align: center !important;
  }
  .side-size{
   padding-left: 4em !important;
     padding-right:  4em !important;
  }
  .footer-links{
    flex-wrap: wrap;
    padding: 30px;
  }
  .soldiers{
    height: 500px !important;
  }
   .families{
    height: 500px !important;
  }
    .service-providers{
    height: 500px !important;
  }
   .assessment{
    height: 400px !important;
     background-position: 7% 50%;
  }
    .jcs_content {
    font-size: 1.5em !important;
  }
  .center-image{
    margin-left: 0 !important;
    text-align: left !important;
  }
  .mmm{
   flex-wrap: wrap; 
  }
		.correct {
			width: 100% !important;
		}
		.gi-bill-programs-comparison {
			
			margin: 0 !important;
		}
}
@media (max-width: 1374px) {
  .jcs_content {
   padding-top: 5% !important;
  }
}

@media (max-width: 1245px) {
  .jcs_content {
   padding-top: 6% !important;
  }
}

@media (max-width: 1199px) {
  .jcs_content {
   padding-top: 6% !important;
  }
}

@media (max-width: 1139px) {
  .jcs_content {
   padding-top: 6.5% !important;
  }
  @media (max-width: 1057px) {
  .jcs_content {
   padding-top: 7% !important;
  }
}