@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);

 h2 {
   text-transform:uppercase;
 }
 

@media screen and (max-width: 480px) {
  html {
    height: 100%;
    scroll-behavior:smooth;
  }
  body {
    background-color: #001128;
    display: flex;
    flex-flow: wrap;
    flex-direction: column;
    margin:auto;
    border-radius:10px;
    max-width: 480px;  
  }
  .footer {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #FFC547;
    text-align: left;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight:500;
    font-size:2em;
    left:5%;
    margin-top:3em;
   }

  header {
    display:none;
  }

  .navMobile img {
    width: 5em;
    height:auto;
    margin-bottom:-8em;
    margin-top:0em;
    margin-left:0%;
    margin-right:0em;
  }
  
  .navMenu {
    display:none;
  }
  .navMobile {
    overflow: hidden;
    background-color: #0B243E;
    position: relative;
  }
  
  
  .navMobile #myLinks {
    display:none;
  }
  
  
  .navMobile a {
    color: white;
    padding: 18px 20px;
    text-decoration: none;
    font-size: 54px;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight:500;
    display: block;
    text-align: left;
    height:180px;
  }
  
  .navMobile a.icon {
    background: #0B243E;
    display: block;
    position: absolute;
    right:5%;
    top: 0%;
  }
  
  .navMobile a:hover {
    background-color: #0B243E;
    color: #FFC547;
  }
  
  .active {
    background-color: #0B243E;
    color: #FFC547;
  }
  .languageMenuMobile {
    list-style: none;
    text-align:right;
    margin-bottom: 0em;
    margin-top:2.5em;
    margin-right:25%;
  }
  .languageMenuMobile li {
    display:inline;
    padding:0.5em;
    
  }
  .languageMenuMobile img {
    width: 100px;
    height:100px;
  }

  .fill {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: left;
    font-weight: 500;
    margin-left:0em;
    margin-top:18em;
    animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1.2s;
  }
  .fill h2 {
    padding: 0.5em 0.8em;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size: 7em;
    margin-left:1.5em;
    text-align: left;
  }
  .fill p {
    padding: 0.5em 0;
  
    color: #f7f7f7;
    position: relative;
    letter-spacing: 0.5px;
    text-decoration: none;
    font-size:4em;
    margin-right:0em;
    margin-left:0em;
    margin-bottom:2em;
    padding: 0 1.2em;
   
  }
  button {
    margin: 3em 2em 4em 5.5em;
    outline: none;
  }
  
  .custom-btn {
    width: 10.5em;
    height: 3em;
    padding: 3px 8px;
    border: 2px solid #FFC547;
    font-family: 'Raleway', Arial, sans-serif; 
    font-weight: 500;
    font-size: 3.5em;
    font-style: normal;
    background: transparent;
    cursor: pointer;
    transition: all 1s ease;
    position: relative;
    display: inline-block;
  }
  
  .btn-14 {
    background: #001128;
   color: #FFC547;
   z-index: 1;
  }
  .btn-14:after {
   position: absolute;
   content: "";
   width: 100%;
   height: 0;
   top: 0;
   left: 0;
   z-index: -1;
   background: #FFC547;
   transition: all 0.8s ease;
  }
  .btn-14:hover {
   color: #000;
  }
  .btn-14:hover:after {
   top: auto;
   bottom: 0;
   height: 100%;
  }
  .btn-14:active {
   top: 2px;
  }
  .aboutUs {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: left;
    font-weight: 500;
    margin-left:0em;
    margin-top:8em;
  }
  .aboutUs h2 {
    padding: 0.5em 0.8em;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size: 6em;
    margin-left:0em;
    text-align: center;
  }
  .aboutUs p {
    padding: 0.5em 0;
  
    color: #f7f7f7;
    position: relative;
    letter-spacing: 0.5px;
    text-decoration: none;
    font-size:4em;
    margin-right:0em;
    margin-left:0em;
    margin-bottom:2em;
    padding: 0 1.2em;
   
  }
  .aboutUs .btn-16{
    left:0%;
  }
  
  .btn-16 {
    background: transparent;
    margin-top:1.5em;
    left:5%;
    color: #FFC547;
    z-index: 1;
  }
  .btn-16:after {
   position: absolute;
   content: "";
   width: 0;
   height: 100%;
   top: 0;
   left: 0;
   direction: rtl;
   z-index: -1;
   background: #FFC547;
   transition: all 0.3s ease;
  }
  .btn-16:hover {
   color: #000;
  }
  .btn-16:hover:after {
   left: auto;
   right: 0;
   width: 100%;
  }
  .btn-16:active {
   top: 2px;
  }
  .services {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: left;
    font-weight: 500;
    margin-left:0em;
    margin-top:0em;
  }
  .services h2 {
    padding: 0.5em 0.8em;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size: 6em;
    margin-left:2.2em;
    text-align: left;
  }
  .services p {
    padding: 0.5em 0;
  
    color: #f7f7f7;
    position: relative;
    letter-spacing: 0.5px;
    text-decoration: none;
    font-size:4em;
    margin-right:0em;
    margin-left:0em;
    margin-bottom:2em;
    padding: 0 1.2em;
   
  }
  .mission {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: left;
    font-weight: 500;
    margin-left:0em;
    margin-top:8em;
  }
  .mission button{
    left:-8%;
  }
  .mission h2 {
    padding: 0.5em 0.8em;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size: 6em;
    
    margin-left:0em;
    text-align: center;
  }
  .mission p {
    margin-bottom:5em;
    padding: 0.5em 0;
  
    color: #f7f7f7;
    position: relative;
    letter-spacing: 0.5px;
    text-decoration: none;
    font-size:4em;
    margin-right:1em;
    margin-left:0em;
    margin-bottom:2em;
    padding: 0 1.2em;
    text-align: center;
   
  }
  .mission-msg {
     text-align:center;
  }
  .mission-msg .detail { 
    color:#f7f7f7;
    padding: 0.5em 0.5em 0.5em 0.5em;
    position: relative;
    letter-spacing: 1px;
    text-align:center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 6.6em;
    
   
  }
  .mission-msg .colored { 
    padding: 0.5em 0;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 6.6em;
    
  }
  .partners {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: left;
    font-weight: 500;
    margin-left:0em;
    margin-top:0em;
  }
  
  .partners h2 {
    padding: 0.5em 0.8em;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size: 6em;
    margin-left:0em;
    margin-right:0.5em;
    text-align: center;
  }
  
  .partners p {
    padding: 0.5em 0;
    color: #f7f7f7;
    position: relative;
    letter-spacing: 0.5px;
    text-decoration: none;
    font-size:4em;
    margin-right:0em;
    margin-left:0em;
    margin-bottom:0em;
    padding: 0 1.2em;
   
  }
  .partners img {
    width: 60%;
    height: 25%;
    margin-left:20%;
    margin-top:20%;
    margin-bottom:4em;
  }
  .partners img {
      transition: transform 1.5s ease; /* Animation */
    }
    
  .partners img:hover {
      transform: scale(1.2);
  }
  .contactUs {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: center;
    font-weight: 300;
    background:#001128;
    margin-top: 10em;
    margin-left:0em;
    width:100%;
  }
  
  .contactUs h2 {
    padding: 0.5em 0.8em;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size: 6em;
    margin-left:2em;
    margin-right:0.5em;
    text-align: center;
  }
  
  .contactUs p {
    padding: 0.5em 0;
    color: #f7f7f7;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size:4em;
  }
  .contactUs-left {
    margin-left:6em;
    display:block;
  }
  
  .contactUs img {
    width: 120px;
    height: 140px;
    padding:8px;
    display:block;
  }
  .contactUs-right {
    display:none;
  }
  .projects{
    font-family: 'Raleway', Arial, sans-serif;
    text-align: left;
    font-weight: 500;
    background:#001128;
    
  }
  .projects h2 {
    padding: 0.5em 0;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform:uppercase;
    font-size: 7em;
    text-align: center;
  }
  .projects p {
    padding: 0.5em 0;
    color: #f7f7f7;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size:3em;
    margin-right:6em;
    margin-left:15%;
    margin-bottom:0em;
    text-align: left;
  }

}

@media screen and (min-width:481px){
  html {
    height: 100%;
    scroll-behavior:smooth;
  }
  body {
    background-color: #001128;
    display: flex;
    flex-flow: wrap;
    flex-direction: column;
    margin:1em;
  }
  .footer {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #FFC547;
    text-align: center;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight:500;
    font-size:1em;
    left:8%;
   }
  .navMobile {
    display:none;
  }
  .languageMenuMobile {
    display:none;
  }

  header img {
    width: 16.75em;
    height:auto;
    margin-bottom:-8em;
    margin-top:0em;
    margin-left:4%;
    margin-right:0em;

  }

  
  
  
  
  /* Navigation */
  .snip1168 {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size:18px;
    align-items:center;
    width:100%;
    animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s;
  
  }
  
  .snip1168 * {
    box-sizing: border-box;
  }
  .snip1168 li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 0.5em;
    padding: 0
  }
  .snip1168 a {
    padding: 0.5em 0;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
  }
  .snip1168 a:before,
  .snip1168 a:after {
    position: absolute;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
  }
  .snip1168 a:before {
    top: 0;
    display: block;
    height: 3px;
    width: 0%;
    content: "";
    background-color: #B87D00;
  }
  .snip1168 a:after {
    left: 0;
    top: 0;
    padding: 0.5em 0;
    position: absolute;
    content: attr(data-hover);
    color: #ffffff;
    white-space: nowrap;
    max-width: 0%;
    overflow: hidden;
  }
  .snip1168 a:hover:before,
  .snip1168 .current a:before {
    opacity: 1;
    width: 100%;
  }
  .snip1168 a:hover:after,
  .snip1168 .current a:after {
    max-width: 100%;
  }
  
  .languageMenu {
    list-style: none;
    text-align:left;
    margin-bottom: 0em;
    margin-top:-2.5em;
    margin-left:75%;
    
    animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 1s;
  }
  .languageMenu li {
    display:inline;
    padding:0.5em;
    
  }
  .languageMenu img {
    width:20px;
    height:20px;
  }

  /* Sections @home */
.flex-container {
  display: flex;
  justify-content: center;
  flex-flow: row;
  margin-top:0em;
  
}

.fill {
  font-family: 'Raleway', Arial, sans-serif;
  text-align: left;
  font-weight: 500;
  margin-left:0em;
  margin-top:5em;
}
.fill h2 {
  padding: 0.5em 0.8em;
  color: #FFC547;
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
  font-size: 2.4em;
  margin-left:1.5em;

  animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s;
}
.fill p {
  padding: 0.5em 0;

  color: #f7f7f7;
  position: relative;
  letter-spacing: 0.5px;
  text-decoration: none;
  font-size:1em;
  margin-right:0em;
  margin-left:1.8em;
  padding: 0 0.8em;

  animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s;
 
}

/* home button ->learn more  top bottom right left*/
button {
  margin: 2em 2em 1em 4em;
  outline: none;
  animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s;
}

.custom-btn {
  width: 10.5em;
  height: 3em;
  padding: 3px 8px;
  border: 2px solid #FFC547;
  font-family: 'Raleway', Arial, sans-serif; 
  font-weight: 500;
  font-size: 1.3em;
  font-style: normal;
  background: transparent;
  cursor: pointer;
  transition: all 1s ease;
  position: relative;
  display: inline-block;
}

.btn-14 {
  background: #001128;
 color: #FFC547;
 z-index: 1;
}
.btn-14:after {
 position: absolute;
 content: "";
 width: 100%;
 height: 0;
 top: 0;
 left: 0;
 z-index: -1;
 background: #FFC547;
 transition: all 0.8s ease;
}
.btn-14:hover {
 color: #000;
}
.btn-14:hover:after {
 top: auto;
 bottom: 0;
 height: 100%;
}
.btn-14:active {
 top: 2px;
}


.fill-deco-right {
  background: url("resources/background-concrete3.jpg") no-repeat center;
  width:100%;
  height:100%;
  overflow:hidden;
  margin-left:0em;
  margin-top:8em;
  margin-bottom:20em;

  animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1.3s;
}
 /* ----------- @aboutUs ----------------- */
#aboutUs {
  margin-bottom: 5em;
  justify-content: center;
}
.aboutUs {
  font-family: 'Raleway', Arial, sans-serif;
  text-align: center;
  font-weight: 500;
  background:#001128;
  margin-top:8em;
  margin-left:1em; 
  width:25%;
}

.aboutUs h2 {
  padding: 0.5em 0;
  color: #FFC547;
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
  font-size: 2.4em;
  margin-top:5em;
  margin-left:-6em;
  text-align: right;
  padding:30px;
}
.aboutUs p {
  padding: 0.8em 0;
  color: #f7f7f7;
  position: relative;
  letter-spacing: 1.3px;
  text-decoration: none;
  font-size:1em;
  padding-left: 3px;
  margin-left:-8em;
  text-align: left;
}
.fill-deco-left {
  background: url("resources/background-concrete1.jpg") no-repeat center;
  overflow:hidden;
  width:100%;
  height:100%;
  margin-top: 5em;
  margin-left: 0em;
  margin-bottom:20em;
  
}

/* 16 */
.aboutUs .btn-16{
  left:-50%;
}
.mission .btn-16{
  left:-25%;
}

.btn-16 {
  background: transparent;
  margin-top:1.5em;
  left:5%;
  color: #FFC547;
  z-index: 1;
}
.btn-16:after {
 position: absolute;
 content: "";
 width: 0;
 height: 100%;
 top: 0;
 left: 0;
 direction: rtl;
 z-index: -1;
 background: #FFC547;
 transition: all 0.3s ease;
}
.btn-16:hover {
 color: #000;
}
.btn-16:hover:after {
 left: auto;
 right: 0;
 width: 100%;
}
.btn-16:active {
 top: 2px;
}
 /* ----------- @services ----------------- */
 .services {
  font-family: 'Raleway', Arial, sans-serif;
  text-align: left;
  font-weight: 500;
  background:#001128;
  
}
.services h2 {
  padding: 0.5em 0;
  color: #FFC547;
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  text-align:center;
  font-size: 2.4em;
  margin-left:-2em;
}
.services p {
  padding: 0.5em 0;
  color: #f7f7f7;
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
  font-size:1.2em;
}

.services {
  margin-top: 14em;
  margin-left:6em;  
}
.wicklund-deco-right {
  background: url("resources/background-concrete2.jpg") no-repeat center;
  width:100%;
  height:100%;
  overflow:hidden;
  margin-top:4em;
  margin-bottom:20em;
  margin-right:0em;
  
}

#mission {
  margin-bottom: 5em;
}
.mission {
  font-family: 'Raleway', Arial, sans-serif;
  text-align: center;
  font-weight: 500;
  background:#001128;
  font-style: bold;
  margin-top:5em;
  margin-left:6em;
  right:85%;
}

.mission h2 {
  padding: 0.5em 0;
  color: #FFC547;
  position: relative;
  letter-spacing: 1px;
  text-align: right;
  text-decoration: none;
  font-size: 3.2em;
  
}
.mission-msg  {
  padding-top:4em;
  padding-right:20%;
}
.mission-msg .detail { 
  color:#f7f7f7;
  padding: 0.5em 0.5em 0.5em 0.5em;
  position: relative;
  letter-spacing: 1px;
  text-align: right;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 3.2em;
  
 
}
.mission-msg .colored { 
  padding: 0.5em 0;
  color: #FFC547;
  position: relative;
  letter-spacing: 1px;
  text-align: right;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 3.2em;
  
}
.mission p {
  padding: 0.5em 0;
  color: #f7f7f7;
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
  font-size:1.4em;
  margin-right:2em;
  margin-bottom:3em;
  text-align:right;
 
}
.mission-3 p {
  margin-bottom:0em;
}
.mission-deco-left {
  background: url("resources/background-concrete4.jpg") no-repeat center;
  width:100%;
  height:100%;
  overflow:hidden;
  margin-top: 8em;
  margin-left:0.5em;
  margin-bottom:20em;
  
}
.projects{
  font-family: 'Raleway', Arial, sans-serif;
  text-align: left;
  font-weight: 500;
  background:#001128;
  
}
.projects h2 {
  padding: 0.5em 0;
  color: #FFC547;
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 3.2em;
  text-align: center;
}
.projects p {
  padding: 0.5em 0;
  color: #f7f7f7;
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
  font-size:1.1em;
  margin-right:8em;
  margin-bottom:3em;
  text-align: left;
}
/*----------------Partners----------------*/

.partners {
  font-family: 'Raleway', Arial, sans-serif;
  text-align: left;
  font-weight: 500;
  background:#001128;
  margin-top: 6em;
  margin-left:6em;  
}

.partners h2 {
  padding: 0.5em 0;
  color: #FFC547;
  position: relative;
  text-align:center;
  letter-spacing: 1px;
  text-decoration: none;
  font-size: 2.4em;
}

.partners p {
  padding: 0.5em 0;
  color: #f7f7f7;
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
  font-size:1.2em;
}
.partners img {
  width: 250px;
  height: 61px;
  margin-left:32%;
  margin-top:10%;
}
.partners img {
    transition: transform 1.5s ease; /* Animation */
  }
  
.partners img:hover {
    transform: scale(1.4);
}
/* ----------- @contact-us ----------------- */
.contactUs {
  font-family: 'Raleway', Arial, sans-serif;
  text-align: center;
  font-weight: 300;
  background:#001128;
  margin-top: 8em;
  margin-left:2em;
}

.contactUs h2 {
  padding: 0.5em 0;
  color: #FFC547;
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
  text-align:center;
  font-size: 2.4em;
  margin-left:-3em;
  margin-top:4em;  
}

.contactUs p {
  padding: 0.5em 0;
  color: #f7f7f7;
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
  font-size:0.9em;
}
.contactUs-left {
  margin-left:3em;
  display:block;
}

.contactUs img {
  width: 30px;
  height: 30px;
  margin-left:3em;
  padding:8px;
  display:block;
}
.contactUs-right {
  width:100%;
  height:100%;
  overflow:hidden;
  margin-top: 0em;
  margin-left:3em;
  margin-bottom:2em;
}
.contactUs-right iframe {
  width: 640px;
  height: 500px;
}
header {
  max-width: 100%;
  height: auto;
}

}



/*LARGE SCREENS*/
@media screen and (min-width:1201px){
 
  .navMobile {
    display:none;
  }
  
  .snip1168 {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size:1.3em;
    align-items:center;
  
  }
  
  .snip1168 * {
    box-sizing: border-box;
  }
  .snip1168 li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 1.5em;
    padding: 0;
  }
  .snip1168 a {
    padding: 0.5em 0;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
  }
  .snip1168 a:before,
  .snip1168 a:after {
    position: absolute;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
  }
  .snip1168 a:before {
    top: 0;
    display: block;
    height: 3px;
    width: 0%;
    content: "";
    background-color: #B87D00;
  }
  .snip1168 a:after {
    left: 0;
    top: 0;
    padding: 0.5em 0;
    position: absolute;
    content: attr(data-hover);
    color: #ffffff;
    white-space: nowrap;
    max-width: 0%;
    overflow: hidden;
  }
  .snip1168 a:hover:before,
  .snip1168 .current a:before {
    opacity: 1;
    width: 100%;
  }
  .snip1168 a:hover:after,
  .snip1168 .current a:after {
    max-width: 100%;
  }
  
  .languageMenu {
    list-style: none;
    text-align: right;
    margin-bottom: 4em;
    margin-top:-3em;
    margin-right:5%;
  }
  .languageMenu li {
    display:inline;
    padding:0.5em;
    
  }
  .languageMenu img {
    width:30px;
    height:30px;
  }
  /* Demo purposes only */
  html {
    height: 100%;
    scroll-behavior:smooth;
  }
  body {
    background-color: #001128;
    display: flex;
    flex-flow: wrap;
    flex-direction: column;
    margin: 3em;
  }
  .flex-container {
    display: flex;
    justify-content: center;
    flex-flow: row;
    margin-top:0em;
    width:100%;
    
  }
  .navMenu {
    width:100%;
  }
  
  .fill {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: left;
    font-weight: 500;
    margin-left:6em;
    margin-top:1em;
  }
  .fill h2 {
    padding: 0.5em 0;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size: 3.2em;
  }
  .fill p {
    padding: 0.5em 0;
    color: #f7f7f7;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size:1em;
    margin-right:8em;
   
  }
  
  /* home button ->learn more */
  button {
    margin: 3.2em 4em 2em 6em;
    outline: none;
  }
  
  .custom-btn {
    width: 12em;
    height: 3.5em;
    padding: 3px 8px;
    border: 2px solid #FFC547;
    font-family: 'Raleway', Arial, sans-serif; 
    font-weight: 500;
    font-size: 1.3em;
    font-style: normal;
    background: transparent;
    cursor: pointer;
    transition: all 1s ease;
    position: relative;
    display: inline-block;
  }
  
  .btn-14 {
    background: #001128;
   color: #FFC547;
   z-index: 1;
  }
  .btn-14:after {
   position: absolute;
   content: "";
   width: 100%;
   height: 0;
   top: 0;
   left: 0;
   z-index: -1;
   background: #FFC547;
   transition: all 0.8s ease;
  }
  .btn-14:hover {
   color: #000;
  }
  .btn-14:hover:after {
   top: auto;
   bottom: 0;
   height: 100%;
  }
  .btn-14:active {
   top: 2px;
  }
  
  
  .fill-deco-right {
    background: url("resources/background-concrete3.jpg") no-repeat center;
    width:100%;
    height:100%;
    overflow:hidden;
    
    margin-left:0.5em;
    margin-bottom:20em;
    
  }
  #aboutUs {
    margin-bottom: 5em;
  }
  .aboutUs {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: center;
    font-weight: 500;
    background:#001128;
    margin-top:8em;
    margin-left:6em; 
  }
  
  .aboutUs h2 {
    padding: 0.5em 0;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-align: right;
    text-decoration: none;
    font-size: 2.5em;
    margin-top:3em;
  }
  .aboutUs p {
    padding: 0.5em 0;
    color: #f7f7f7;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size:1em;
    margin-right:2em;
    text-align: left;
    padding:1em;
   
  }
  .fill-deco-left {
    background: url("resources/background-concrete1.jpg") no-repeat center;
    width:120%;
    height:100%;
    overflow:hidden;
    margin-top: 2em;
    margin-left:0.5em;
    margin-bottom:20em;
    
  }
  
  /* 16 */
  .btn-16 {
    background: transparent;
   color: #FFC547;
   z-index: 1;
   margin-right:7em;
  }
  .btn-16:after {
   position: absolute;
   content: "";
   width: 0;
   height: 100%;
   top: 0;
   left: 0;
   direction: rtl;
   z-index: -1;
   background: #FFC547;
   transition: all 0.3s ease;
  }
  .btn-16:hover {
   color: #000;
  }
  .btn-16:hover:after {
   left: auto;
   right: 0;
   width: 100%;
  }
  .btn-16:active {
   top: 2px;
  }
  
  
  .services {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: left;
    font-weight: 500;
    background:#001128;
    
  }
  .services h2 {
    padding: 0.5em 0;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size: 3.2em;
  }
  .services p {
    padding: 0.5em 0;
    color: #f7f7f7;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size:1em;
    margin-right:8em;
  }
  .wicklund-deco-right {
    background: url("resources/background-concrete2.jpg") no-repeat center;
    width:100%;
    height:100%;
    overflow:hidden;
    margin-top:4em;
    margin-left:0.5em;
    margin-bottom:20em;
    
  }
  
  #mission {
    margin-bottom: 5em;
  }
  .mission {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: center;
    font-weight: 500;
    background:#001128;
    font-style: bold;
    margin-top:12em;
    margin-left:6em;
    right:85%;
  }
  
  .mission h2 {
    padding: 0.5em 0;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-align: right;
    text-decoration: none;
    font-size: 3.2em;
    
  }
  .mission-msg  {
    padding-top:4em;
    padding-right:20%;
  }
  .mission-msg .detail { 
    color:#f7f7f7;
    padding: 0.5em 0.5em 0.5em 0.5em;
    position: relative;
    letter-spacing: 1px;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 3.2em;
    
   
  }
  .mission-msg .colored { 
    padding: 0.5em 0;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 3.2em;
    
  }
  .mission p {
    padding: 0.5em 0;
    color: #f7f7f7;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size:1.4em;
    margin-right:2em;
    margin-bottom:3em;
    text-align:right;
   
  }
  .mission-3 p {
    margin-bottom:0em;
  }
  .mission-deco-left {
    background: url("resources/background-concrete4.jpg") no-repeat center;
    width:100%;
    height:100%;
    overflow:hidden;
    margin-top: 0em;
    left:15%;
    margin-bottom:20em;
    
  }
  .projects{
    font-family: 'Raleway', Arial, sans-serif;
    text-align: left;
    font-weight: 500;
    background:#001128;
    
  }
  .projects h2 {
    padding: 0.5em 0;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 3.2em;
    text-align: center;
  }
  .projects p {
    padding: 0.5em 0;
    color: #f7f7f7;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size:1.1em;
    margin-right:8em;
    margin-bottom:3em;
    text-align: left;
  }

  .partners {
    margin-top: 8em;
    margin-left:0em;  
  }
  
  .partners {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: left;
    font-weight: 500;
    background:#001128;
  }
  
  .partners h2 {
    padding: 0.5em 0;
    color: #FFC547;
    position: relative;
    text-align:center;
    letter-spacing: 1px;
    text-decoration: none;
    font-size: 3.75em;
  }
  
  .partners p {
    padding: 0.5em 0;
    color: #f7f7f7;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size:1.2em;
  }
  .partners img {
    width: 330px;
    height: 80px;
    margin-left:40%;
    margin-top:5%;
  }
  .partners img {
      transition: transform 1.5s ease; /* Animation */
    }
    
  .partners img:hover {
      transform: scale(1.4);
  }
  
  .contactUs {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: center;
    font-weight: 300;
    background:#001128;
    margin-top: 8em;
    margin-left:8em;
    width:100%;
  }
  
  .contactUs h2 {
    padding: 0.5em 0;
    color: #FFC547;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    text-align:center;
    font-size: 3.75em;
    margin-left:-3em;
    margin-top:4em;  
  }
  
  .contactUs h3 {
    padding: 0.5em 0;
    color: #f7f7f7;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size: 1.8em;
  }
  
  .contactUs p {
    padding: 0.5em 0;
    color: #f7f7f7;
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
    font-size:1.1em;
  }
  .contactUs-left {
    margin-left:6em;
    display:block;
  }
  
  .contactUs img {
    width: 40px;
    height: 50px;
    margin-left:3em;
    padding:8px;
    display:block;
  }
  .contactUs-right {
    width:100%;
    height:100%;
    overflow:hidden;
    margin-right: 5em;
    margin-left:15em;
    margin-bottom:2em;
  
  }
  .contactUs iframe{
    width:800px;
    height:500px;
  }
}


/*footer {
  font-family: 'Raleway', Arial, sans-serif;
  font-size: 1.2em;
  font-weight:500;
  padding:0.5em 0;
  color:#f7f7f7;
  text-align:center;
  position: absolute;
  left:50%;
  bottom: 0%;
}*/