/*

navy #12597a
teal #00a6dd
grey #7c7c76

*/

* {
  margin:0px;
  padding:0px;
  box-sizing:border-box
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  color:white;
  background: #f1f2f4;
  font-size: 16px;
}

html {
  scroll-behavior: smooth;
}


p, h1, h2, h3 {
  margin-bottom: 20px;
}

h3{
  font-size: 1.33em;
}

.mr-0 {
  margin-right: 0 !important;
}

a{
  transition: .4s;
  text-decoration: none;
  color: #00a6dd;
}

a:hover {
  color: #12597a;
}

.content p{
  line-height: 1.5em;
}

.center-text{
  text-align: center;
}

.img-credit{
   text-align: center !important;
   font-size: .9em;
   color: gray;
   margin-bottom: 40px;
}

img.image-credit{
  max-width: 600px;
  width: 100% !important;
  margin: 40px auto 10px !important;
}

p.border-left{
  padding-left: 20px; 
  border-left: 2px solid #00a6dd;
}

.social {
  text-decoration: none !important;
  border-bottom: none !important;
  font-size: 16pt;
  margin-right: 5px;
}

div.scrollingHotSpotLeft
{
  min-width: 75px;
  width: 10%;
  height: 50px;
  margin-top:20px;
  /*background-image: url(../images/big_transparent.gif);*/
  background-repeat: repeat;
  background-position: center center;
  position: absolute;
  z-index: 200;
  left: 0;
}

div.scrollingHotSpotLeftVisible
{
  background-image: url(../images/companies-left.png);        
  /*background-color: #fff;*/
  background-repeat: no-repeat;
  opacity: 0.35; 
  -moz-opacity: 0.35; 
  filter: alpha(opacity = 35); 
  zoom: 1; 
}

div.scrollingHotSpotRight
{
  min-width: 50px;
  width: 10%;
  height: 50px;
  margin-top:20px;
  background-repeat: repeat;
  background-position: center center;
  position: absolute;
  z-index: 200;
  right: 0;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
  background-image: url(../images/companies-right.png);
/*  background-color: #fff;*/
  background-repeat: no-repeat;
  opacity: 0.35;
  filter: alpha(opacity = 35);
  -moz-opacity: 0.35;
  zoom: 1;
}

div.scrollWrapper
{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

div.scrollableArea
{
  position: relative;
  width: auto;
  height: 100%;
}

.companies {
  width:90%;
  margin-left: 5%;
}

#companies img {
  display: inline-block;
  height: 80px;
  width: auto;
  padding-right: 40px;
  margin-right: 40px;
}

#companies-carousel {
	background: white;
	padding:40px 0px;
}

#companies-carousel img {
	display: inline-block;
	height: 80px;
	width: auto !important;
	padding-right: 40px;
	margin-right: 40px;
}

.companies-carousel {
	width:100%;
	margin: 0 auto;
}

.slick-list {
	width: inherit;
	margin: 0 auto !important;
}

#sap-images img {
	margin: 20px 10px 0;
}

#sap-images {
	margin-top: 30px;
}

.mb-0 {
  margin-bottom: 0 !important;
}

sup {
  margin-top: -5px;
  position: absolute;
}

.container ul li{
  margin-bottom: 5px;
}

.container ol{
  margin-left: 40px;
}

.container ol li{
  margin-bottom: 5px;
  padding-left: 8px;
}

p.paragraph-border{
  padding:20px 0 20px 20px;
  border-left:3px solid #00a6dd;
}

@media (min-width: 1100px) {

  .container {
    width: 1100px;
    margin:0 auto;
  }

  .start-header {
    font-size: 26pt !important;
    font-weight: 900 !important;
    text-transform: capitalize;
    /* text-align: left !important; */
  }

  #header {
    height: 526px;
    /* background-image: url('../images/header-bg.jpg');
    background-position: top center;
    background-size: cover;
    background-attachment: fixed; */
  }

  #logo {
    float: left;
    width:210px;
    height:40px;
    padding-top: 20px;
  }

  #nav {
    width:631px;
    float: right;
    /*text-align: right;*/
    padding-top: 25px;
    font-size: 11pt !important;
  }

  /* Hide the link that should open and close the topnav on small screens */
  #myNav .closebtn {
    display: none;
  }

  #nav .icon{
    display: none;
  }

  /*#nav a {
    padding:0px 40px 0px 0px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
  }*/

  .navbar {
    overflow: hidden;
    /*background: #4CAF50;*/
  }

  .navbar a {
    float: left;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    text-transform: uppercase;
  }

  .d {
    float: left;
    overflow: hidden;
  }

  .d .d-btn {
    border: none;
    outline: none;
    color: #fff;
    padding: 14px 16px;
    background: inherit;
    text-transform: uppercase;
    font-family: 'Source Sans Pro';
    font-size: 11pt !important;
  }

  .navbar a:hover, .d:hover .d-btn {
    /*background: #7c7c76;*/
    background-color: white;
    color: #00a6dd;
    transition: background-color .4s;
  }

  .d-content {
    display: none;
    position: absolute;
    background: #fff;
    width: 100%;
    min-height: 175px;
    left: 0;
    z-index: 10;
    padding-top: 10px;
  }

  .d:hover .d-content, .d:hover .d-content-small {
    display: block;
  }

  .d-content-small {
    display: none;
    position: absolute;
    background: #fff;
    width: 250px;
    left: calc(50% - 125px);
    z-index: 10;
    padding-top: 10px;
   }

   .resources-d-content{
    display: none;
    position: absolute;
    background: #fff;
    width: 250px;
    left: 60% !important;
    z-index: 10;
    margin-top: 46px;
    padding-top: 0px !important;
   }

   .d-content, .d-content-small {
      animation: fadeIn .5s;
      -webkit-animation: fadeIn .5s;
      -moz-animation: fadeIn .5s;
      -o-animation: fadeIn .5s;
      -ms-animation: fadeIn .5s;
    }
    @keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

    @-moz-keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

  .column {
    float: left;
    /*width: 12.5%;*/
    width:20%;
    padding: 10px;
    background: #fff;
    font-size: 9pt !important;
  }

  .column-small {
    width:100% !important;
  }

  .column a {
    display: block;
    float: none;
    color: #00a6dd;
    text-align: left;
    padding:5px;
  }

  .column a:last {
    margin-bottom: 20px;
  }

  .column h3 {
    color: black;
    margin-bottom: 0px !important;
    text-transform: uppercase;
    border-bottom: solid 1px #00a6dd;
    padding-bottom: 5px;
    font-size: 8pt;
  }

  .column a:hover {
    color: #fff;
    background: #00a6dd;
    padding-left: 5px;
    transition: background .2s, color .2s;
  }

  .row:after {
    content: '';
    display: table;
    clear: both;
  }

  .column-list {
    margin-bottom: 20px;
  }

  .menu-card {
    background:#f1f2f4;
    padding:20px;
    text-align: center;
    color: #656269;
    border:solid 1px #00a6dd;
  }

  .menu-card a {
    text-align: center !important;
  }

  #sub-header{
    height: 100px;
    background:  white;
    border-bottom: 1px solid #00a6dd;
  }

  #sub-header a{
    color: #00a6dd;
  }

  #sub-header .d-btn{
    color: #00a6dd !important;
  }

  #sub-header a:hover{
    background: #00a6dd;
    color: white;
  }

  #sub-header .d-btn:hover{
    background: #00a6dd;
    color: white !important;
  }

  #sub-header .column a:hover {
    color: #fff;
    background: #00a6dd;
    padding-left: 5px;
    transition: background .2s, color .2s;
  }

   #sub-header .d:hover .d-content{
    border-top: 1px solid #00a6dd;
    border-bottom: 1px solid #00a6dd;
  }

  #sub-header .d:hover .d-content-small{
    border: 1px solid #00a6dd;
  }

  #logo a:hover{
    background: none;
  }

  #logo img{
    transition: .4s;
  }

  #logo img:hover{
    filter: brightness(1.1);
  }

  #slide {
    /* text-align: center;
    font-size: 12pt;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit; */
  }

  #slide h1 {
    margin: -75px 0 30px 0;
    font-weight: 900;
    font-size: 42pt;
    margin-bottom: 40px;
  }

  #slide p {
    width:750px;
    margin:0 auto 20px;
    font-size: 1.15em;
  }

  #slide-buttons {
    width: 330px;
    height:40px;
    margin:40px auto 0px;
  }

  .slide-button {
    background: #00a6dd;
    color: white !important;
    text-transform: uppercase;
    font-size: 11pt;
    font-weight: normal !important;
    height:27px;
    width:160px;
    float: left;
    display: block;
    text-decoration: none;
    transition: background-color .4s;
    border-bottom: none !important;
  }

  .button-left {
    text-align: center;
    margin-right: 10px;
    padding-top: 12px;
    padding-bottom: 25px;
  }

  .button-right {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 25px;
  }

  .button-left img {
    float: left;
    width: 37px;
    height: 37px;
    margin-top:-12px;
  }

  .button-right img {
    float: right;
    width:37px;
    height: 37px;
    margin-top:-12px;
  }

  .slideshow-container {
    position: relative;
    height: inherit;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .slide-button:hover {
    /*color: #7c7c76;*/
    color: #00a6dd !important;
    background-color: white;
  }

  .mySlides {
    display: none;
  }

  #slide-1 {
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url('../images/slide_1.webp');
    background-position: center;
    background-size: cover;
    height: 526px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: transform 0.5s linear;
    transition-delay: 0.5s;
  }

  #slide-2{
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('../images/slide_2.webp');
    background-position: center;
    background-size: cover;
    height: 526px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: transform 0.5s linear;
    transition-delay: 0.5s;
  }

  #slide-3{
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),  url('../images/slide_3.webp');
    background-position: center;
    background-size: cover;
    height: 526px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: transform 0.5s linear;
    transition-delay: 0.5s;
  }

  .slider-btn {
    /* width: 100px; */
  }

  .slider-btn > a {
    display: block;
    color: white;
    width: 175px;
    padding: 10px 15px;
    border-radius: 5px;
    border: 2px solid white ;
    transform: 0.4s !important;
    margin-top: 20px;
  }

  .slider-btn > a:hover {
    color: #00a6dd;
    /*border: 2px solid #00a6dd;*/
    background-color: white;
  }

  .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
  }

  .next {
    right: 0;
  }

  .prev {
    left: 0;
  }

  .prev img:hover{
   filter: brightness(1.2);
  }

  .next img:hover{
    filter: brightness(1.2);
  }

  .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: .5s;
    animation-name: fade;
    animation-duration: .5s;
  }

  @-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }

  @keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }

  .hill-up {
    height: 32px;
    background-image: url('../images/hill-up.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-color: transparent;
    width:1100px;
    margin:-29px auto 0px;
    position: relative;
  }

  .hill-down {
    height: 32px;
    background-image: url('../images/hill-down.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color: transparent;
    width:1100px;
    margin:0px auto -29px;
    position: relative;
  }

  .content {
    color: #12597a;
    padding:80px 0px;
  }

  .content h1 { 
    font-size: 26pt;
   /* margin-bottom: 5px;*/
    font-weight: 900;
    text-align: center;
  }

  .content h2 {
    text-transform: capitalize;
    font-size: 21pt;
    font-weight: 700;
    text-align: center;
  }

  .dots {
    width: 26px;
    height: 4px;
    background-image: url('../images/dots.png');
    margin:40px auto;
  }

  .section-left{
		width:50%;
		height:234px;
		/* display: inline */
		float:left;
	}
	.section-right{
		width:50%;
		height:234px;
		/* display: inline */
		float:right;
	}


	.scroll-caption {
		margin: 1rem;
	}

	.js-scroll {
		opacity: 0;
		transition: opacity 500ms;
	}

	.js-scroll.scrolled {
		opacity: 1;
	}

  .scrolled.fade-in {
    animation: fade-in 1s ease-in-out both;
  }

  .scrolled.fade-in-bottom {
    animation: fade-in-bottom 1s ease-in-out both;
  }

	.scrolled.slide-left {
		animation: slide-in-left 1s ease-in-out both;
	}

	.scrolled.slide-right {
		animation: slide-in-right 1s ease-in-out both;
	}

	@keyframes slide-in-left {
		0% {
			-webkit-transform: translateX(-100px);
			transform: translateX(-100px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
			opacity: 1;
		}
	}

	@keyframes slide-in-right {
		0% {
			-webkit-transform: translateX(100px);
			transform: translateX(100px);
			opacity: 0;
	}
		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
			opacity: 1;
		}
	}
	@keyframes fade-in-bottom {
		0% {
			-webkit-transform: translateY(50px);
			transform: translateY(50px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
			opacity: 1;
		}
	}
	@keyframes fade-in {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

  .service {
    text-align:center;
    width:275px;
    float: left;
    padding:0px 20px;
    height: 265px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .service img {
    display: block;
    width: auto;
    height: 60px;
    margin:0 auto 10px;
  }

  .service h3 {
    font-weight: 900;
    font-size: 19pt;
    margin-bottom: 10px;
  }

  .service p {
    line-height: 1.2;
    color: #656269;
    font-size: 11pt;
    margin-bottom: 0;
  }

  .service a, #enter{
    padding: 6px 10px;
    width: 150px;
    border-radius: 5px;
    color: white;
    background-color: #00a6dd;
    transition: .4s;
  }

  .service a:hover, #enter:hover{
    background-color: #12597a;
    cursor: pointer;
  }

  #testimonials {
    background-image: url('../images/testimonial-bg.webp');
    background-size: cover;
    background-position: top center;
    padding:100px 0px 40px;
    color: white;
    text-align: center;
    height: 510px;
  }

  .testimonial-image {
    width:154px;
    height: 89px;
    margin:0 auto;
  }

  #testimonials p {
    width:600px;
    font-size: 14pt;
    line-height: 1.4;
    margin:20px auto;
  }

  p.small {
    font-size: 10pt !important;
  }

  /* ABOUT US */

  #about-us {
    background-image: linear-gradient(to right, transparent, white 54%), url('../images/about-us-bg.webp');
    background-size: cover;
    background-position: top center;
    color:  #12597a;
    text-align: center;
    display: flex;
    align-items: center;
    /*padding: 60px 0;*/
  }

  #about-us-right{
    float:right;
    width:500px;
    margin: 100px 0;
  }

  #about-us h2 {
    font-size: 30pt;
    margin: 0;
  }

  #about-us h3 {
    font-size: 2em;
    color: #00a6dd;
    margin-bottom: 15px;
  }

  #about-us-right a {
    margin: 20px 0 40px;
    /*display: block;*/
    border-radius: 5px;
    padding: 10px 20px;
    color: #fff;
    background-color: #00a6dd;
    border: 2px solid #00a6dd;
    transition: .5s;

  }

  #about-us-right a:hover{
    background-color: #fff;
    color: #00a6dd;
  }

  #about-us-right p{
    text-align: center;
    margin-bottom: 40px;
    color: #12597a;
    line-height: 1.4em;
    font-size: 1em;
  }

  .image-first, .image-second {
    height: 200px;
    margin: 0 auto;
  }

  .image-first img {
    margin: 0 8px;
  }
  .image-second img {
    margin: 0 18px;
  }

  .radio {
    display: none;
  }

  .images {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
  }

  .images-inner {
    width: 500%;
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }

  .image-slide {
    width: 20%;
    float: left;
  }

  .image-slide,
  .fake-radio,
  .radio-btn {
    transition: all 0.5s ease-out;
  }

  .fake-radio {
    display:none;
  }

  /* Move slides overflowed container */
  #slide1:checked ~ .images .images-inner {
    margin-left: 0;
  }

  #slide2:checked ~ .images .images-inner {
    margin-left: -100%;
  }

  /* Color of bullets */
  #slide1:checked ~ div .fake-radio .radio-btn:nth-child(1),
  #slide2:checked ~ div .fake-radio .radio-btn:nth-child(2) {
    background: red;
  }
  .radio-btn {
    width: 9px;
    height: 9px;
    border-radius: 5px;
    background: gray;
    display: inline-block !important;
    margin: 0 1px;
    cursor: pointer;
  }

  /* Calculate AUTOPLAY for SLIDES */
  @keyframes slide {
    25%, 50%	{ margin-left: 0; }
    50%, 75%	{ margin-left: -100%; }
  }

  .st-slider > #play1:checked ~ .images .images-inner {
    animation: slide 12300ms infinite;	
  }
  /* Calculate AUTOPLAY for SLIDES - END */

  #play1:checked ~ .labels .label:nth-child(1) {
    animation: caption 12300ms infinite -1000ms;
  }

  #play1:checked ~ .labels .label:nth-child(2) {
    animation: caption 12300ms infinite 3100ms;	
  }
  /* Calculate AUTOPLAY for CAPTION - END */

  #companies {
    background: white;
    padding:40px 0px;
  }

  #companies img {
    display: inline-block;
    height: 80px;
    width: auto;
    padding-right: 40px;
    margin-right: 40px;
  }

  #recent-posts {
    padding:60px 0px;
    background: #f1f2f4;
  }

  #recent-posts h2 {
    color: #12597a;
    margin-bottom: 20px;
    font-size: 24pt;
    text-align: center;
  }

  #recent-posts p {
    line-height: 1.8;
    text-align: center;
    width:500px;
    margin:0 auto 40px;
    color: #777777;
  }

  .recent-post {
    width:1000px;
    margin:0 auto 40px;
    background: white;
    height: 266px;
  }

  .post-left img {
    float: left;
    margin-right: 20px;
    width: 400px;
    height: auto;
  }

  .post-right img {
    float: right;
    margin-left: 20px;
    width: 400px;
    height: auto;
  }

  .post {
    padding:20px;
  }

  .post-title {
    text-transform: uppercase;
    color:#12597a;
    font-size: 14pt;
    margin-bottom: 20px;
    font-weight: 700;
  }

  .post-preview {
    color: #777777;
    line-height: 1.8;
    font-size: 12pt;
    margin-bottom: 20px;
  }

  .read-more a {
    color: #00a6dd;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10pt;
    border-bottom: 1px solid white;
    transition: .6s;
  }

  .read-more a:hover {
    border-bottom: 1px solid #00a6dd;
  }
  
  #ready-to-get-started {
    padding: 15px;
    color: white;
    background: linear-gradient(#18a0ca, #106176);
  }

  #ready-to-get-started > .container {
    display: flex;
  } 

  #ready-to-get-started > .container > a {
    height: 44px;
  } 

  #get-ready-text h2 {
    color: white;
    margin-bottom: 5px;
  }
  
  #get-ready-text p {
    color: white;
    margin: 0
  }



  #white-paper {
    height: 114px;
    padding:20px 0px;
    background-image: linear-gradient(#149cc6, #0c4e5c);
    color: white;
    clear: both;
  }

  #white-paper-left {
    float:left;
    width:700px;
    text-align: center;
    line-height: 1.2;
    font-size: 19pt;
    padding-top:10px;
  }

  #white-paper-right {
    float: right;
    width:300px;
  }

  .white-paper-button {
    display: block;
    width:255px; 
    margin-top: 20px;
    background: white;
    border-radius: 5px;
    /*border-bottom: solid 3px #00a6dd;*/ 
    border:  2px solid #00a6dd;
    padding:10px 20px;
    text-align: center;
    color: #12597a;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .4s;

  }

  a.white-paper-button:hover {
    /*background-color: #00a6dd;*/
    background: #12597a;
    color: white;
    border: 2px solid white;
  }

  /*** ABOUT APPROYO PAGE DESKTOP STYLES    ***/

  #about-us-header {
    text-align: center;
    background: linear-gradient(rgba(26,113,163,.2), rgba(2,74,117.1)), url('../images/about-us/about-us-bg.webp');
    background-position: top center;
    background-size: cover;
    height:500px;
    /* --bg-overlay-color: rgb(10, 10, 10); */
  }

  #about-us-header > .container {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }


    .about-us-content{
      background-color: #f5f5f5;
      padding-bottom: 80px;
    }

    #about-us-info-sub-header{
      margin-bottom: 40px;
      text-align: center;
    }

    #about-us-info-sub-header p{
      color:black;
      margin-bottom: 0px;
      font-size: 25pt;
    }

    #about-us-info-text-vid {
      display: flex;
      align-items: center;
      justify-content: space-evenly;
    }

    #about-us-info-right {
      min-width: 468px;
      /*height: 271px;*/
    }

    #about-us-info-right > iframe {
      width:inherit;
      height:inherit;
    }

    #about-us-info-left h2 {
      color:black;
      margin-bottom: 0px;
      font-size: 30pt;
    }


    #about-us-info-right h3 {
      color: #00a6dd;
      font-size: 12pt;
      margin-bottom: 20px;
    }

    #about-us-info-right p {
      font-size: 10pt;
      line-height: 1.2;
      color: #12597a;
    }

    #about-us-info-left {
      margin-right: 40px;
      color: black;
    }

    #about-us-info-SAP-services {
      padding: 80px 0;
      background: white;
    }

    #about-us-info-SAP-services > .container img {
      width: 229px;
      height: 47px;
    }

    #about-us-info-SAP-services > .container {
      display: flex;
      align-items: center;
      justify-content: space-around;
    }

    #services{
      text-align: center;
      background: linear-gradient(rgba(35,177,227,.9), rgba(0,100,136,.9));
      background-position: top center;
      background-size: cover;
      /* --bg-overlay-color: rgb(10, 10, 10); */
    }

    #services-text-cards{
      display: flex;
      justify-content: center;
      padding: 80px 0;
    }

    #services-text {
      margin-right: 20px;
      width: 350px;
      text-emphasis: left;
    }

    #services-text h2 {
      color: white;
      font-size: 32pt;
	  text-align: left;
    }

    #services-text p {
      font-size: 17pt;
      color: white;
	  text-align: left;
    }

    #services-cards {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      width: 750px;
    }

    .service-card {
      width: 210px;
      padding: 20px;
      background: white;
      border-radius: 10px;
      text-align: left;
      display: flex;
      flex-direction: column;
      margin: 0px 0px 20px 20px;
    }

    .service-card h3 {
      color: #23b1e3;
      margin-bottom: 10px;
      text-align: left;    
    }

    .service-card p {
      color: black;
      font-size: 11pt;
      text-align: left;
    }

	.spacer {
		flex-grow: 1;
	}

	#decades-experience {
		padding: 80px 0;
		background-image: linear-gradient(to right, #1fa8d9 , #006488);
	}

	#decades-text-images {
		display: flex;
		justify-content: space-evenly;
	}

	#decades-text {
		width: 210px;
    	text-align: left;
	}

	#decades-text h1 {
		font-size: 29pt;
		text-transform: capitalize;
		color: white;
		text-align: left;
    line-height: 30pt;
	}

	#decades-text p {
		color: white;
		font-size: 14pt;
	}

	#decades-images {
		width: 580px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
    	align-items: center;
	}

	.decade-indv {
		width: 250px;
		display: flex;
		align-items: flex-end;
	}

	.decade-indv-text {
		height: 50px;
	}

	.decade-indv-text h3 {
		font-size: 30pt;
		margin-bottom: 0;
		line-height: 25pt;
	}

	.decade-indv-text p {
		margin-bottom:0;
	}

	.decade-indv-image {
		height: 80px;
    	position: absolute;
    	margin: 0px 0 15px 105px;
	}

	.decade-indv-image img {
		width: auto;
		height: inherit;
	}

	#selected-approyo {
		padding: 80px 0;
		background: #f1f2f4;
	}

	#selected-text-image {
		display: flex;
		justify-content: space-evenly;
	}

	#selected-text {
		width: 435px;
	}
	
	#selected-text p {
		font-size: 22pt;
		text-align: left;
		color: black
	}

	#selected-p {
		font-size: 16pt;
		text-align: left;
		color: black
	}

	#case-study-btn {
		margin: 10px 0 !important;
		width: 180px !important;
	}

	#case-study-btn a {
		text-align: center;
	}

  #selected-image-mobile {
    display: none !important;
  }

	#selected-image img {
		height: 330px;
		width: auto;
    transform: rotate(.6deg);
	}

  #selected-images-container {
    width: 100%;
    background: white;
  }

	#selected-images {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-evenly;
    padding: 20px 0;
    background: white;
    width: 80%;
    margin:0 auto;
	}

  #selected-images img {
    margin: 5px 10px;
    width: 7%;
  }
    /* #services p, #services h3{
      color:white;
    }

    #services h3{
      color:white;
      margin-bottom: 10px;
    }

    #services h1 {
      color: white;
      margin: 0 0 40px;
      font-size: 38pt;
    }

    .services-left{
      float: left;
      width: 500px;
    }

    .services-left-image img, .services-right-image img{
      margin:10px 0;
    }

    .services-right{
      float: right;
      width: 500px;
    }

    .services-left-text, .services-right-text {
      height: 60px;
      margin-bottom: 20px;
    }

    #sap-consultations, #sap-hosting, #sap-monitoring, #sap-basis-support  {
      float: left;
      height: 240px;
      margin-bottom: 40px;
    } */

    #sap-hosting, #sap-basis-support  {
      float: left;
      height: 207px;
    }

    #sap-hana{
      background-image: url('../images/about-us/HANA.jpg');
      background-position: top center;
      background-size: cover;
      width: 244px;
      height: 42px;
      float: left;
      margin: 0 15px 30px;
    }
    #sap-cloud{
      background-image: url('../images/about-us/Cloud_Services.jpg');
      background-position: top center;
      background-size: cover;
      width: 244px;
      height: 52px;
      float: left;
      margin: 0 15px 30px;
    }
    #sap-infra{
      background-image: url('../images/about-us/InfrastructureOperations.jpg');
      background-position: top center;
      background-size: cover;
      width: 244px;
      height: 41px;
      float: left;
      margin: 30px 15px 0;
    }
    #sap-startup{
      background-image: url('../images/about-us/startup_focus.jpg');
      background-position: top center;
      background-size: cover;
      width: 244px;
      height: 45px;
      float: left;
      margin: 30px 15px 0;
    }

    #about-us-images-vid {
      padding: 20px;
    }

    #sap-solutions-header {
      text-align: center;
    }
    #sap-solutions-header h1{
      color: #12597a
    }

    #sap-solutions-topics{
      margin-top: 40px;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
    }

    .topic {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      width: 450px;
      height: 161px;
      margin: 10px;
      padding: 10px;
      border: 1px solid #12597a;
      box-shadow: 1px 1px 4px;
    }
    .topic h3{
      margin: 0;
      color:#12597a;
    }
    .topic p{
      color: #12597a;
      height:37px;
    }

    .topic a{
      text-decoration: none;
      color: #12597a;
      border-bottom: 1px solid #00a6dd;
      transition: .4s;
      font-weight: bold;
    }

    .topic a:hover{
      color: #00a6dd;
    }

    #topic-learn-more {
      width: 300px;
      margin: 20px auto 0;
      text-align: center;
    }

    #topic-learn-more a{
      text-decoration: none;
      color: #12597a;
      border-bottom: 1px solid #00a6dd;
      transition: color .4s;
      font-weight: bold;
    }

    #topic-learn-more a:hover{
      color: #00a6dd;
    }

    .solutions-learn-more-btn {
      margin: 0 auto;
      width: 160px;
      /* border: solid 1px black; */
    }

    .services-learn-more-btn {
      margin: 10px 0;
      width: 115px;
    }

    .services-learn-more-btn a{
      text-decoration: none;
      background: #00a6dd;
      color: #fff !important;
      text-align: center;
      border: 2px solid #00a6dd;
      cursor: pointer;
      display: block;
      padding: 5px;
      border-radius: 5px;
      transition: background 0.4s;
    }

    .services-learn-more-btn a:hover{
      text-decoration: none;
      background: #f1f2f4;
      color: #00a6dd !important;
      cursor: pointer;
      display: block;
      padding: 5px;
    }

    #our-clients {
      display: none;
    }

    #our-clients h1 {
      text-align: center;
    } 

    /*** LEADERSHIP PAGE DESKTOP STYLES ***/  

    #leadership-bios{
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      color: #12597a;
    }

    #layover {
      position: fixed;
      top: 0px;
      left: 0px;
      height: 100%;
      width: 100%;
      background: rgba(0,0,0,.8);
      z-index: 100000;
  }

    .bio{
      width: 280px;
      height: 330px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      padding: 20px;
      margin: 0 20px 40px;
      transition: background-color .4s;
      text-align: center;
      border-radius: 5px;
    }

    .bio:hover{
      box-shadow: 1px 1px 4px #12597a;
      background-color: white;
    }

    .bio-button{
      background-color: #00a6dd;
      color: white;
      padding: 10px 15px;
      transition: background-color .4s;
      border-radius: 5px;
      width: 100px;
    }

    .bio-button:hover{
      cursor: pointer;
      background-color: #12597a;
    }

    .bio-details {
      position: fixed;
      width: 80%;
      left: 10%;
      top: 15%;
      background: white;
      padding: 20px;
      z-index: 100002;
      border-radius: 5px;
      box-shadow: 1px 1px 4px #12597a;
    }

    .close-button{
      background-color: #00a6dd;
      color: white;
      padding: 10px 15px;
      transition: background-color .4s;
      border-radius: 5px;
      width: 100px;
      text-align: center;
    }

    .close-button:hover{
      cursor: pointer;
      background-color: #12597a;
    }


/*** SAP HANA PAGE DESKTOP STYLES ***/

  #sap-hana-header{
    background: url('images/sap-hana-header.jpg') no-repeat center;
    background-size: cover;
    color: white;
    text-align: center;
    height: 500px;   
  }

  #sap-hana-header .container{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; 
    height: 100%;
  }

  .sap-hana{
    color: #12597a;
  }

  .sap-hana h1{
    margin-bottom: 5px;
  }

  .h3-large{
    font-size: 2em;
  }
  
  .container ul{
    margin-left: 40px;
  }

  .two-col{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .two-col h3{
    width: 100%;
  }

  .two-col img{
    margin-right: 80px;
  }

  img.hana-right{
    width: 200px;
    height: auto;
    margin-top: -40px;
  }

  #migration-process{
    width: 100%;
    background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 0, 0, 0.85), 
      rgba(0, 0, 0, 0.85)
    ),
    /* bottom, image */
    url('../images/migration-background.webp');
   /* background-image: url('../images/migration-background.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;  */ 
    /*background-color: #12597a;*/
    color: white;
    padding: 60px 0 80px;
  }

  #migration-process .container{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
  }

  #migration-process h3{
    width: 100%;
    color: white;
    margin: 0 auto;
    font-size: 2.5em;
    margin-bottom: 60px;
    text-align: center;
  }

  #migration-process p{
    color: white;
  }

  .mig-col{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 200px;
    height: 340px;
    padding: 20px;
    border: 2px solid #00a6dd;
  }

  .mig-col h4{
    font-size: 1.5em;
    margin-bottom: 10px;
    color: white;
  }

  i.i-border{
    background-color: #00a6dd;
    color: white;
    padding: 35px;
    border-radius: 50%;
    font-size: 3em;
    margin-bottom: 20px;
    height: 120px;
    width: 120px;
  }

  /*.mig-col:hover {
    background-color: white;
    color: #00a6dd !important;
    border: 1px solid white;
  }*/

  .arrow-down{
    display: none;
  }

  .arrow-right{
    padding: 0 20px;
  }

  .arrow-right p{
    margin-bottom: 0px !important;
    font-size: 3em;
    font-weight: bold !important;
  }

  .cloud-checklist{
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-bottom: 20px;
  }

  .cloud-checklist p{
    margin-bottom: 0px !important;
  }

  img.cloud-checkbox{
    width: 40px;
    height: auto;
    margin-right: 10px;
    display: none;
  }

  #contact-button-container{
    text-align: center;
    margin: 60px 0 40px;
  }

  #contact-button-container h3{
    margin-bottom: 40px;
  }

  a.contact-btn{
    padding:  10px 55px;
    background-color: #00a6dd;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid #00a6dd;
    transition: background-color .4s;
  }

  a.contact-btn:hover{
    background-color: #12597a;
  }

  /*** SAP S/4HANA PAGE DESKTOP STYLES  ***/

  #s4-hana-header{
    background: url('images/s4-hana-header.jpg') no-repeat center;
    background-size: cover;
    color: white;
    text-align: center;
    height: 500px;   
  }

  #s4-hana-header .container{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; 
    height: 100%;
  }

  .s4hana h1{
    margin-bottom: 5px;
  }

  #s4hana-icons{
    width: 100%;
    background: 
    /* top, transparent black, faked with gradient */ 
    linear-gradient(
      rgba(0, 0, 0, 0.82), 
      rgba(0, 0, 0, 0.82)
    ),
    /* bottom, image */
    url('../images/s4-background.webp');
    color: white;
    padding: 60px 0;
    margin-bottom: 40px;
  } 

  #s4hana-icons .container{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    color: white;
  }

  #s4hana-icons h3{
    width: 80%;
    text-align: center;
    margin-bottom: 40px;
    font-size: 2em;
  }

  .s4-individual{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    width: 300px;
  }

  .s4-individual p{
    width: 200px;
    margin-top: 20px;
    font-size: 1.15em;
    margin-bottom: 0px;
  }

  .s4-two-col{
    align-items: flex-start;
    margin-top: 40px;
  }

  .list{
    width: 500px;
  }

  /*** SAP ON AWS PAGE DESKTOP STYLES***/

  .aws-header{
    background-image: url(../images/world-background2.jpg);
    background-position: 50% 60%;
    background-size: cover;
    color: white;
    text-align: center;
    height: 500px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .aws-header h1{
    margin-bottom: 0px;
    font-size: 3.5em;
  }

  .aws-header h3{
    font-size: 2.5em;
    font-weight: 400;
  }

  .aws-header .dots{
    margin: 20px auto;
  }

  .aws-white{
    background-color: white;
    color: black;
    padding: 60px 0;
  }

  .aws-section1{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .aws-section1 h3{
    width: 100%;
  }

  .aws-p-col{
    width: 60%;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
  }

  .aws-img-small{
    width: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 60px;
    padding-bottom: 20px;
  }

   .aws-img-small img{
    width: 130px;
    height: auto;
  }

  .vertical-black-border{
    width: 3px;
    height: 150px;
    background-color: black;
  }

  .aws-blue{
    background-color: #12597a;
    color: white;
    padding: 60px 0;
  }

  .aws-section2{
    display: flex;
    justify-content: space-around;
    align-items: center;
  }

  .aws-p-col span{
    font-size: 1.25em;
    font-weight: bold;
  }

  .aws-section2 img{
    width: 275px;
    height: auto;
  }

  .aws-section2 li{
    margin-bottom: 5px;
  }

  .aws-section3{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #12597a;
  }

  .aws-section3 .paragraph-narrow{
    width: 70%;
  }

  #aws-icon-container{
    margin: 40px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .aws-icon{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 260px;
    height: 350px;
    padding: 20px;
    text-align: center;
    /*box-shadow: 1px 1px 4px #00a6dd;*/
  }

  .aws-icon img{
    margin-bottom: 40px;
    height: 95px;
    width: auto;
  }

  #aws-cloud-gray .container{
    display: flex;
    justify-content: space-around;
    padding: 40px 0;
  }

  #aws-cloud-gray img{
    width: 185px;
    height: 185px;
  }

  #aws-cloud-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 60%;
  }

  a.aws-cloud-link{
    color:#12597a;
    border-radius: 50px;
    padding: 10px 35px;
    transition: .4s;
    border: 2px solid #12597a;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
  }

  a.aws-cloud-link:hover{
    background-color: #fff;
  }

  #aws-roadmap{
    background-color: white;
  }

  #aws-roadmap .container{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  #roadmap-text{
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: center;
    height: 100px;
    width: 100%;
    margin-bottom: 40px;
  }

  #roadmap-text h1{
    margin-bottom: 0px;
  }

  #roadmap-text h3{
    font-size: 1.5em;
    color: #00a6dd;
  }

  #roadmap-text p{
    margin-left: 40px;
    width: 400px;
  }

  .roadmap-schedule{
    width: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .roadmap-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    background-color: #00a6dd;
    color: white;
    text-align: left;
    padding: 10px 30px 10px 20px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 20px;
  }

  .roadmap-title h1{
    color: white;
    margin-bottom: 0px;
    text-align: left;
  }

  .roadmap-title i{
    display: none;
  }

  .roadmap-schedule-p{
    width: 100%;
    height: 430px;
    background-color: #f1f2f4;
    border-radius: 5px;
    padding: 20px;
  }

  .roadmap-schedule-p p{
    color: #12597a;
    border-bottom: 1px solid #12597a;
    padding-bottom: 5px;
    width: 100% !important;
    margin-left: 0px !important;
    margin-bottom: 5px;
  }

  .roadmap-schedule-p ul{
    margin: 5px 0;
    padding: 0 0 10px 25px;
    border-bottom: 1px solid #12597a;
  }

  .roadmap-schedule-p p:last-child{
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .roadmap-schedule-p ul:last-child{
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  #roadmap-day5{
    width: 100%;
    margin-top: 20px;
    display: flex;
   flex-direction: column;
  }

  #roadmap-day5 h1{
    width: 100%;
  }

  #schedule-day5{
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  #roadmap-day5 .roadmap-schedule-p{
    width: 250px;
    height: 320px;
  }

  a.aws-learn-more{
    background-color: #00a6dd;
    color:white;
    border-radius: 5px;
    padding: 10px 15px;
    transition: background-color .4s;
  }

  a.aws-learn-more:hover{
    background-color: #12597a;
  }

  .aws-contact{
    background-color: #12597a;
    color: white;
    padding: 80px 0;
    text-align: center;
  }

  .aws-contact h1{
    font-size: 2em;
  }

  .aws-contact h2{
    font-size: 1.5em;
    text-transform: none;
    margin-bottom: 40px;
  }

  a.aws-contact-btn{
    border: 3px solid white;
    background-color: #12597a;
    padding: 10px 30px;
    font-size: 1.5em;
    color: white;
    border-radius: 45px;
    transition: background-color .4s;
  }

  a.aws-contact-btn:hover{
    background-color: #00a6dd;
  }

  /*.aws-content a{
      color: #12597a;
        border-bottom: 1px solid #00a6dd;
        font-weight: bold;
        transition: color .4s;
    }

    .aws-content a:hover{
      color: #00a6dd;
    }

    #aws-ul li, #aws-features li, #aws-benefits li{
      margin-bottom: 10px;
    }

    #aws-benefits-features{
      display:flex;
      justify-items: center;
    }

    #aws-benefits-features h3{
      margin-bottom: 10px;
    }

    #aws-features, #aws-benefits {
      display:flex;
      flex-direction: column;
      flex: 1 1 0px;
    }*/

  /*** SAP ON AZURE PAGE DESKTOP STYLES ***/

    #sap-azure-header{
      background: url('images/sap-azure-hero.jpg') no-repeat center;
      background-size: cover;
      color: white;
      text-align: center;
      height: 500px;  
    }

    #sap-azure-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #azure-content1{
      /* text-align: center; */
    }

  #azure-subheader{
      text-align: center;
    }

    #azure-subheader a {
      color: #12597a;
      border-bottom: 1px solid #00a6dd;
      font-weight: bold;
      transition: color .4s;
    }

    #azure-subheader a:hover{
      color: #00a6dd;
    }

    #azure-subjeader p:nth-child(2){
      font-weight: 600;
    }

    #azure-icons-text {
      display: flex;
      flex-direction: row;
      width: 1100px;
      margin: 0 auto;
      padding-top: 40px;
    }

    .azure-individual{
      display: flex;
      flex-direction: column;
      flex: 1 1 0px;
      margin: 0 20px;
    }

    .azure-individual img{
      width: 100px;
      margin: 0 auto;
    }

    .azure-individual-text {
      text-align: center;
    }

    .azure-individual-text h2{
      font-size:18pt;
      color: #00a6dd;
    }

    .azure-icon {
      height: 150px;
      width: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
    }
    
    #azure-sap-capabilities {
      background-image: 
        linear-gradient(rgba(0, 0, 0), rgba(17, 55, 87));
      background-position: top center;
      background-size: cover;
      text-align: center;
    }
    
    #azure-sap-capabilities p{
      color: white;
      margin: 0px 0 10px;
    }
    
    #azure-sap-capabilities h1{
      color: #00a6dd;
      margin: 0;
    }

    #azure-capabilities-icons {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 40px;
    }

    .capabilities-row {
      display: flex;
      justify-content: center;
      text-align: center;
    }

    .capabilities-row-mobile{
      display:flex;
      flex-direction: row;
    }

    .capabilities-individual{
      height: 115px;
      align-items: center;
      justify-content: flex-start;
      display: flex;
      flex-direction: column;
      width: 200px;
      margin: 0 20px;
    }

    #azure-applications-header {
      text-align: left;
    }

    #azure-applications-header a{
      color: #12597a;
      border-bottom: 1px solid #00a6dd;
      font-weight: bold;
      transition: color .4s;
    }

    #azure-applications-header a:hover{
      color: #00a6dd;
    }

    #azure-applications-info {
      display: flex;
      flex-direction: row;
      margin: 40px 0 0;
    }

    #azure-applications-right, #azure-applications-left {
      display: flex;
      flex-direction: column;
      width: 50%;
      height: 250px;
      padding-top: 10px;
      /* align-items: center; */
      justify-content: center;
    }

    #azure-applications-left h2{
      text-transform: capitalize !important;
      font-size: 21pt !important;
      font-weight: 700 !important;
      text-align: left !important;
    }

    #iframe-applications-video {
      height: 100%;
      width: 100%;
    }

    #azure-related-resources{
      background-color: white;
    }

    #azure-related-resources .container{
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: center;
    }

    #azure-related-resources h3{
      width: 100%;
      text-align: center;
      margin-bottom: 40px;
    }

    .azure-resource{
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      width: 300px;
      height: 360px;
      font-weight: bold;
      padding: 20px;
      box-shadow: 2px 2px 5px #12597a;
    }

    .azure-resource img{
      height: 175px;
      width: auto;
      margin-bottom: 20px;
    }

    .azure-resource a{
      color: white;
      padding: 10px 15px;
      background-color: #12597a;
      border-radius: 5px;
    }

    .azure-resource a:hover{
      background-color: #00a6dd;
    }

    #azure-quote{
      background: url('images/azure-bottom-background.jpg') no-repeat center;
      background-size: cover;
      text-align: center;
    }

    #azure-quote p {
      color: white;
    }

    #azure-quote h1{
      color: #fff;
    }
    
    #request-btn {
      width: 200px;
      margin: 0 auto;
    }

    #request-btn a {
      text-decoration: none;
      color: white;
      padding: 17px 10px;
      display: block;
      background: #00a6dd;
      width: 200px;
      border-radius: 5px;
      transition: .3s;
    }

    #request-btn a:hover {
      text-decoration: none;
      background: white;
      padding: 17px 10px;
      display: block;
      color: #00a6dd;
      width: 200px;
      border-radius: 5px;
    }


/*** CONTACT PAGE DESKTOP STYLES ***/

  #contact-bg {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(images/contact-us-bg.webp) no-repeat bottom center;
    background-size: cover;
    color: white;
    text-align: center;
    height: 500px;
  }

  #contact-bg > .container {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  #contact-form{
    float: left;
    width: 450px;
    text-align: left;
    margin-bottom: 80px;
  }

  #contact-form h2{
    margin-bottom: 5px;
    text-align: left;
  font-weight: bold;
  }

  #contact-form form{
    display: flex;
    flex-direction: column;
  }

  #contact-form input{
    width: 450px;
    height: 50px;
    font-size: 1em;
    margin-top: 10px;
    padding: 0 10px;
    font-family: 'Source Sans Pro', sans-serif;
  }

  #contact-form textarea{
    width: 450px;
    height: 100px;
    font-size: 1em;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 15px 10px;
    font-family: 'Source Sans Pro', sans-serif;
  }

  input#submit{
    align-self: flex-end;
    background-color: #12597a;
    color: white;
    text-transform: uppercase;
    width: 150px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #12597a;
    transition: background-color .4s;
  }

  input#submit:hover{
    color: white;
    background-color: #00a6dd;
    border: 1px solid #00a6dd;
  }

  #social-media-contact {
    margin-bottom: 20px;
    display: flex;
  }

  #social-media-contact a{
    background: transparent !important;
    border-bottom: 1px solid #00a6dd;
    text-decoration: none;
    transition: color .4s;
    font-weight: bold;
    margin-left: 5px;
  }

  #contact-map{
    float: right;
    width: 450px;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 80px;
  }

  #contact-map a{
    color: #12597a;
    border-bottom: 1px solid #00a6dd;
    text-decoration: none;
    transition: color .4s;
  }

  #contact-map a:hover{
    color: #00a6dd;
  }

  #contact-map iframe{
    width: 450px;
    height: 337px;
    border: 1px solid #12597a;
  }


  /*** OVERWATCH PAGE DESKTOP STYLES ***/

   #overwatch-hero{
      background: url('images/overwatch-hero.jpg') no-repeat bottom center;
      background-size: cover;
      color: white;
      text-align: center;
      height: 500px;  
    }

   #overwatch-hero .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

  #overwatch-heading {
    background: #f6f8ff
  }

  #overwatch-heading .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #overwatch-heading-text{
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    width: 47%;
  }

  #overwatch-animation {
    width: 475px;
  }

  #overwatch-heading-img{
    /* margin-bottom: 60px; */
    /* width: 45%; */
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    /* height: 405px; */
  }

  #overwatch-heading-text h3{
    font-size: 1.8em;
    margin-bottom: 5px;
  }

  #overwatch-heading-text p{
    font-size: 1.15em;
  }

  #overwatch-heading-text img{
    margin-bottom: 20px;
    width: 300px;
    height: auto;
  }

  #overwatch-btn{
    width: 100%;
    height: fit-content;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  a.header-btn{
    padding: 15px 30px;
    color: white;
    background-color: #00a6dd;
    border: 1px solid #00a6dd;
    text-decoration: none;
    text-align: center;
    font-size: 1.15em;
    border-radius: 5px;
    transition: background-color .4s;
  }

  a.header-btn:hover{
    color: white;
    background-color: #12597a;
    border: 1px solid #12597a;
  }

  #overwatch-heading-img img{
    width: 240px;
    height: auto;
  }

  #overwatch-benefits{
    padding: 60px 0;
    color: white;
    background-image: linear-gradient(#2c3843, #12597a);
  }

  #overwatch-benefits .container{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  #overwatch-benefits h1{
    /* text-align: center; */
  }

  #overwatch-benefit-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .overwatch-benefit-single{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    /* width: 250px; */
    margin: 0 10px;

  }

  .overwatch-benefit-single h3 {
    height: 53px;
  }

  #hybrid-it h1{
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
  }

  #hybrid-it h2{
    width: 100%;
    text-align: center;
    margin-top: 40px;
    font-size: 1.5em;
  }

  a.h2-link{
    text-decoration: none;
    color: #12597a;
    border-bottom: 1px solid #00a6dd;
    transition: color .4s;
    font-weight: bold;
  }

  a.h2-link:hover{
    color: #00a6dd;
  }

  #hybrid-it .container{
    padding: 20px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  .icon-container{
    position: relative;
    max-width: 260px;
  }

  .visible{
    width: 260px;
    height: 260px;
    padding: 20px;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #12597a;
    box-shadow: 1px 1px 4px #12597a;
    border-radius: 5px;
    margin-bottom: 20px;
  }

  .visible img{
    width: 150px;
    height: auto;
  }

  .visible h3{
    /*align-self: flex-end;*/
    font-size: 1.5em;
    margin-bottom: 0px;
  }

  .icon-container:hover .overlay-black {
    opacity: 1;
  }

  .overlay-black {
    width: 260px;
    height: 260px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .3s ease;
    background-color: #2c3843;
    border-radius: 5px;
  }

  .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 90%;
    padding: 10px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .text h3{
    color: #00a6dd;
    align-self: flex-start;
    margin-bottom: 20px;
  }

  .text p{
    font-size: 1em;
    line-height: 1.5em;
    /*margin-top: -40px;*/
  }

  .text a {
    align-self: flex-end;
    text-decoration: none;
    color: #fff;
    border-bottom: 1px solid #00a6dd;
    font-size: 1.15em;
    margin-bottom: 10px;
    transition: color .4s;
    display: none;
  }

  .text a:hover{
    color: #00a6dd;
  }

  #overwatch-slideshow{
    display: none;
  }

  #resolve{
    padding: 60px 0 120px;
    color: #12597a;
    background-color: #fff;
  }
  #resolve h2{
    margin-bottom: 40px;
  }

  #resolve .container{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 80px;
  }

  #resolveText{
    width: 500px;
  }

  .resolveIcon{
    display: flex;
    height: 60px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
    border: 1px solid #00a6dd;
    background-color: #f1f2f4;
    color: #12597a;
    border-radius: 15px;
    padding: 0 10px;
    width: 485px;
    transition: background-color .4s;
  }

  .active{
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .active, .resolveIcon:hover{
    background-color:rgb(0, 166, 221, .6); 
    color: white;
    cursor: pointer;
  }

  .resolveIcon img{
    width: 40px;
    height: auto;
    padding: 15px 0;
    margin-right: 20px;
  }

  .resolveIcon p{
    margin-bottom: 0px;
    width: 80%;
    font-size: .95em;
    display: none;
  }

  .resolveIcon h3{
    margin-bottom: 0px;
  }

  .active p{
    display: block;
  }

  #resolve-img{
    width: 70%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 100px;
    padding-right: 40px;
  }

  #resolve-img img{
    width:95%;
    height: auto;
    border-radius: 5px;
    box-shadow: -8px 8px 10px gray;
  }

  #img2, #img3, #img4, #img5, #img6, #img7, #img8{
    display: none;
  }

  #features{
    padding: 80px 0 80px;
    font-size: 1.25em;
  }
  
  #features .container{
    display: flex;
    justify-content: space-between;
  }

  #features img{
    margin-bottom: 20px;
    width: 120px;
    height: auto;
  }

  .indiv-feature{
    color: #12597a;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    border-left: 1px solid #00a6dd;
    width: 33.33%;
  }

  .features-text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    height: 75px;
  }

  .features-text img{
    margin-right: 15px;
    margin-bottom: 0px !important;
    width: 40px !important;
    height: auto !important;
  }

  .features-text p{
    margin-bottom: 0px;
  }


  /*** TESTIMONIALS PAGE DESKTOP STYLES ***/ 

  #testimonials-page{
    background-color: white;
  }

  #testimonials-slideshow{
    background-color: white;
    padding: 60px 0;
    color: #12597a;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #testimonials-slideshow h1{
    text-align: center;
    margin-bottom: 10px;
  }

  .gray-border{
    height: 2px;
    width: 50%;
    background-color: #f1f2f4;
    margin-bottom: 60px;
  }


  /* slideshow container */
  .testimonials-slideshow-container{
    position: relative;
    width: 100%;
    text-align:center;
    padding:0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .testimonials-slideshow-individual{
    width:700px;
    padding: 60px 80px;
    border: 1px solid #00a6dd;
    box-shadow: 1px 2px 1px #00a6dd;
  }

  .testimonials-slideshow-individual p{
    font-style: italic;
  }

  /* Slides hidden by default on line 1886  */

  /*.mySlides {
    display: none;
  }*/

  /* Next & previous buttons */
  .testimonials-prev,
  .testimonials-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 14px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 22px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    background-color:#00a6dd;
    transition: background-color .4s;
    /*border: 2px solid #00a6dd;*/
  }

  /* Position the "prev button" to the left */
  .testimonials-prev {
    left: 0;
    border-radius: 3px 0 0 3px;
  }

  /* Position the "next button" to the right */
  .testimonials-next {
    right: 0;
    border-radius: 3px 0 0 3px;
  }

  /* On hover, add a darker blue background color with blue border */
  .testimonials-prev:hover,
  .testimonials-next:hover {
    background-color: #12597a;
  }

  /* The dots/bullets/indicators */
  #dots{
    position: relative;
    top: 75px;
    text-align: center;
  }

  .testimonials-dot {
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin: 0 3px;
    background-color: #f1f2f4;
    border: 1px solid #00a6dd;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }

  .testimonials-dot-active, .testimonials-dot:hover {
    background-color: #00a6dd;
  }


  /*** PARTNERS PAGE DESKTOP STYLES ***/

  #partners-header{
      background: url('images/partners-header.jpg') no-repeat center;
      background-size: cover;
      color: white;
      text-align: center;
      height: 500px;  
    }

   #partners-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #partners-blue{
      background-image: linear-gradient(#18a0ca, #106176);
      color: white;
      text-align: center;
    }

    #partners-blue-btn{
      margin-top: 40px;
      padding-top: 40px;
      border-top: 1px solid white;
    }

    #partners-blue-btn h3{
      margin-bottom: 40px;
    }

    #partners-blue-btn a{
      color: #12597a;
      background-color: white;
      border-radius: 5px;
      border: 1px solid white;
      padding: 10px 30px;
      font-weight: bold;
      width: 150px;
      display: block;
      margin: 0 auto;
    }

    #partners-blue-btn a:hover{
      background-color: #12597a;
      color: white;
    }

  #partners{
    color: #12597a;
    padding: 60px 0;
    background-color: white;
  }

  #partners-text{
    text-align: center;
    margin: 0 auto;
    width: 80%;
    margin-bottom: 60px;
  }

  #partners-container{
    display: flex;
    flex-flow: row wrap;
    width: 980px;
    margin: 0 auto;
  }

  .partners-box{
    width: 300px;
    min-height: 250px;
    margin-bottom: 40px;
    margin-right: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    /*background-color: #f1f2f4;*/
    padding: 20px;
    text-align: left;
    border: 1px solid #12597a;
    border-radius: 5px;
    box-shadow: 1px 2px 1px #12597a;
  }

  .partners-box img{
    max-height: 80px;
    width: auto;
    margin: 20px 0;
  }

  a.learn-more-partners{
    display: none;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    background-color: #12597a;
    border-radius: 5px;
    transition: background-color .4s;
  }

  a.learn-more-partners:hover{
    background-color: #00a6dd;
  }

  #partners-form .container{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #partners-form #contact-form{
    float: none;
  }

  #partners-form h2{
    font-size: 1.5em;
    text-align: left;
  }

  #partners-form p{
    text-align: left;
  }

  .partners-checkbox{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
  }

  .partners-checkbox input{
    width: 20px !important;
    height: 20px !important;
    margin: 0 20px 0 0 !important;
  }

  .partners-checkbox a{
    color: #12597a;
    border-bottom: 1px solid #00a6dd;
    font-weight: bold;
    transition: .4s;
  }

  .partners-checkbox a:hover{
    color: #00a6dd;
  }

  #partners-form input#submit{
    align-self: flex-start;
  }


  /*** INDIVIDUAL PARTNERS PAGES DESKTOP STYLES ***/ 

  #partner-individual{
    color: #12597a;
    /*padding-top: 60px;
    border-top: 1px solid #12597a;*/
  }

  #partner-individual .container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 60px;
  }

  #partner-individual a{
    color: #00a6dd;
    border-bottom: 1px solid #00a6dd;
    text-decoration: none;
    transition: border-bottom .4s;
    }

    #partner-individual a:hover{
      border-bottom: none;
    }

  .partner-logo{
    display: flex;
    flex-flow: column wrap;
    height: 200px;
    margin-bottom: 20px;
  }

  .partner-logo img{
    max-width: 250px;
    height: auto;
    margin-right: 40px;
    padding: 50px 10px;
    border: 1px solid #12597a;
  }

  /*.partner-logo a{
    color: #00a6dd;
    border-bottom: 1px solid #00a6dd;
    transition: border-bottom .4s;
    text-decoration: none;
  }

  .partner-logo a:hover{
    border-bottom: none;
  }*/

  #sap-logos{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 240px;
  }

  #sap-logos img{
    padding: 0px;
    border: none;
  }

  .sap-col{
    display: flex;
    flex-flow: column wrap;
    height: 200px;
  }

  .sap-col-2{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .sap-col-2 img{
    margin-bottom: 10px;
  }

  #sap-icons{
    background-color: white;
    color: #12597a;
    padding: 80px 0;
  }

  #sap-icons .container{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }

  .sap-icon{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 260px;
    height: 260px;
    padding: 20px;
    text-align: center;
    border: 1px solid #00a6dd;
    margin: 0 40px 60px;
  }

  .sap-icon img{
    margin-bottom: 20px;
  }

  a.sap-services-solutions{
    padding: 15px 20px;
    color: white;
    background-color: #12597a;
    border-radius: 5px;
    transition: background-color .4s;
    text-decoration: none;
    font-size: 1.15em;
  }

  a.sap-services-solutions:hover{
    background-color: #00a6dd;
  }

  /*** MANAGED ENTERPRISE CLOUD PAGES DESKTOP STYLES ***/

  /*.managed-enterprise{
    background-color: white;
    padding: 60px 0;
  }*/

  .managed-enterprise a{
    color: #12597a;
    border-bottom: 1px solid #00a6dd;
    transition: color .4s;
    font-weight: bold;
  }

  .managed-enterprise a:hover{
    color: #00a6dd;
  }

  .managed-enterprise ul{
    margin-bottom: 20px;
  }

  .managed-enterprise li{
    margin-bottom: 10px;
  }

  .contact-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    color: #12597a;
    text-align: center;
    padding: 30px 10px;
    border-top: 1px solid #12597a;
    border-bottom: 1px solid #12597a;
    }

  .security-contact-box{
    background-image: linear-gradient(#2c3843, #12597a);
    color: #fff;
  }

    .contact-box h3{
      width: 700px;
      margin-bottom: 40px;
    }

    .contact-box h4{
      font-size: 1.25em;
    }

    .contact-box p{
      width: 700px;
      margin-bottom: 40px;
    }
    
    .contact-box a{
      color:#12597a;
      border-bottom: 1px solid #00a6dd;
    }

    .contact-box a:hover{
      color:#00a6dd;
    }

    .security-contact-box a{
      color: white;
    }

  /***SUBPAGE HERO DESKTOP STYLES***/

 .subpage-hero h1{
    font-size: 3.5em;
    margin-bottom: 0px;
    color: white;
  }

.subpage-hero h3{
    font-size: 1.8em;
    font-weight: 400;
    margin-bottom: 0px;
    color: white;
    text-align: center;
  }

  /*** CAREERS PAGE DESKTOP STYLES***/

  #careers-header{
      background: url('images/careers-hero.webp') no-repeat center;
      background-size: cover;
      color: white;
      text-align: center;
      height: 500px;  
    }

  #careers-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

  #values-section{
    background-color: white;
  }

  #values-section .container{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }

  #values-section h1{
    width: 100%;
  }

  .value{
    width: 240px;
    height: 400px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
  }

  .value img{
    margin-bottom: 20px;
  }

  #career-benefits{
    /*background-image: linear-gradient(#12597a, #00a6dd);
    color: white;*/
  }

  #benefits-list{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }

  #benefits-list p{
    width: 300px;
    padding-bottom: 20px;
    text-align: center;
  }

  #open-positions{
    background-color: white;
  }

  #open-positions h1{
    text-align: left;
  }

  #open-positions a{
    color: #12597a;
    border-bottom: 1px solid #00a6dd;
  }

  #open-positions a:hover{
    color: #00a6dd;
  }

  #resume{
    background-image: linear-gradient(#12597a, #00a6dd);
    color: white;
    text-align: center;
  }

  #resume h3{
    margin-bottom: 40px;
  }

  #resume a{
    border: 2px solid white;
    background-color: #12597a;
    color: #fff;
    border-radius: 25px;
    padding: 10px 30px;
    font-weight: bold;
  }

  #resume a:hover{
    background-color: white;
    color: #00a6dd;
  }

  /*** MULTI CLOUD PAGE DESKTOP STYLES ***/

  #multi-cloud-header{
    background: url('images/multi-cloud-header.jpg') no-repeat center;
    background-size: cover;
    color: white;
    text-align: center;
    height: 500px;   
  }

  #multi-cloud-header .container{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; 
    height: 100%;
  }

  #multi-cloud-header h1{
    font-size: 3.5em;
    margin-bottom: 0px;
  }

  #multi-cloud-header h3{
    font-size: 1.8em;
    font-weight: 400;
    margin-bottom: 0px;
    width: 80%;
  }

  #multi-cloud-content1 {
    padding-bottom: 0px;
    background-color: white;
  }

  #multi-cloud-content1 .container{
    display: flex;
    justify-content: center;
  }

  #multi-cloud-content1 p{
    margin-bottom: 0px;
  }

  p.paragraph-narrow{
    width: 800px;
  }

  #multi-cloud-content2{
    padding-top: 0px;
    background-color: white;
  }

  #multi-cloud-content2 .container{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
  }

  .multi-cloud-content-right{
    width: 35%;
    margin-left: 80px;
  }

  #multi-cloud-content2 img{
    width: 500px;
    height: auto;
  }

  .multi-cloud-full-width{
    width: 800px;
  }

  #multi-cloud-content3{
    background-color: #12597a;
    color: #f1f2f4;
  }

   #multi-cloud-content3 li{
    margin-bottom: 5px;
  }

  .cloud-company-img{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 40px 0 20px;
  }

  .cloud-company-img img{
    max-width: 150px; 
    height: auto;
  }

  #multi-cloud-content4{
    text-align: center;
  }

  #multi-cloud-content5{
    background-color: white;
    padding-bottom: 60px;
  }

  .request-consult{
    background-image: linear-gradient(#2c3843, #12597a);
    color: white;
    text-align: center;
    padding: 60px 0 70px;
  }

  .request-consult .container{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .request-consult h3{
    margin-bottom: 40px;
  }

  .request-consult p{
    width: 800px;
    margin-bottom: 40px;
  }

  .request-consult a{
    color: #fff;
    background-color: #00a6dd;
    padding: 10px 20px;
    border-radius: 35px;
    border: 3px solid white;
    font-size: 1em;
    transition: .4s;
    text-transform: capitalize;
  }

  .request-consult a:hover{
    color: #00a6dd;
    background-color: #fff;
  }

  .managed-enterprise ol>li{
      margin-left: 40px;
      margin-bottom: 10px;
    }
    
    #multi-cloud-image {
      margin:60px auto;
      width: 443px;
    }

    #multi-cloud-image img{
      width: 100%;
    }

    #multi-cloud-ol {
      margin: 20px 0;
    }

    #multi-cloud-ol{
      margin: 20px 0;
    }

    #multi-cloud-ul li{
      margin-bottom: 10px;
    }

    /*** PRIVATE CLOUD PAGE DESKTOP STYLES ***/ 

    #private-cloud-header{
      background: url('images/private-cloud-header.jpg') no-repeat center;
      background-size: cover;
      color: white;
      text-align: center;
      height: 500px;  
    }

    #private-cloud-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #private-cloud-header h1{
      font-size: 3.5em;
    }

    #private-cloud-header h3{
      font-size: 1.8em;
      font-weight: 400;
    }

    #private-cloud-top p{
      margin-bottom: 0px;
    }

    #private-cloud-content1{
      background-color: #12597a;
      color: #f1f2f4;
    }

    #private-cloud-content2{
      background-color: white;
      text-align: center;
    }

    #private-cloud-content3{
      padding-bottom: 30px;
    }

    #private-cloud-card-container{
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: center;
      margin-top: 60px;
      width: 100%;
    }

    /*#private-cloud-card-container a{
      width: calc(50% - 20px);
    }*/

    .private-cloud-card{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      color: #12597a;
      /*background-color: #12597a;*/
     /* border: 2px solid #12597a;*/
      box-shadow: 2px 2px 5px #12597a;
      border-radius: 5px;
      width: 520px;
      height: 225px;
      padding: 20px 20px 0;
      transition: .4s;
      margin: 0 0px 60px;
    }

    .private-cloud-card:hover{
      color: #00a6dd;
      background-color: #fff;
    }

    .private-cloud-card h3{
      font-size: 1em;
    }

    a.cloud-link{
      height: 225px;
      margin-bottom: 60px;
    }

    #private-cloud-benefits {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 900px;
      margin: 20px auto;
    }

    #private-cloud-ul, #private-cloud-img {
      display: flex;
      flex-direction: column;
      padding: 20px;
    }

    /***APPLICATION HOSTING DESKTOP STYLES***/

    #application-header{
      background: url('images/application-hero.jpg') no-repeat 50% 50%;
      background-size: cover;
      height: 500px;
    }

    #application-header .container{
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    #app-hosting-content1 p{
      text-align: center;
    }

    #app-white-img{
      background: white url('images/hosting-graphic.jpg') no-repeat 100% 50%;
      text-align: left;
    }

    #app-white-img img{
      display: none;
    }

    #app-white-img .container{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    #app-white-img p{
      width: 500px;
    }

    #app-two-col .container{
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      justify-content: center;
    }

    #app-two-col h1{
      width: 100%;
    }

    .app-col{
      width: 320px;
      height: 260px;
      padding-left: 20px;
      margin:20px 80px 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }

    .app-col li{
      margin-bottom: 5px;
    }


    /*** MANAGED INFRASTRUCTURE DESKTOP STYLES***/

    #managed-infra-header{
      background: url('images/managed-infra-hero.jpg') no-repeat 50% 65%;
      background-size: cover;
      height: 500px;
    }

    #managed-infra-header .container{
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    #infra-image-left{
      background-color: white;
      padding: 0px;
    }

    #infra-image-left .container{
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
    }

    #infra-image-left img{
      width: 785px;
      height: auto;
    }

    #infra-image-text{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin: 10px 0 0 60px;
      width: 385px;    
      text-align: justify; 
      padding: 20px 0; 
    }

    #infra-image-text li{
      text-align: left;
      margin-bottom: 5px;
    }

    #infra-blue-background{
      background-color: #12597a;
    }

    #infra-blue-background .container{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .infra-box{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      background-color: white;
      width: 320px;
      height: 400px;
      text-align: center;
      padding: 20px;
    }

    .infra-box img,
    .infra-box h3{
      margin-bottom: 10px;
    }

    .infra-box a{
      color: white;
      background-color:#12597a;
      border: 2px solid #12597a;
      border-radius: 5px;
      padding: 10px 15px;
      font-weight: bold;
    }

    .infra-box a:hover{
      background-color: #f1f2f4;
      color: #12597a;
    }

     #infra-approyo-advantage li{
      margin-bottom: 10px;
    }

    a.infra-contact-btn{
      padding: 8px 25px !important;
      font-size: 1em !important;
    }

    /*** PUBLIC CLOUD PAGE DESKTOP STYLES ***/

    #public-cloud-header{
      background: url('images/public-cloud-hero.jpg') no-repeat top center;
      background-size: cover;
      color: white;
      text-align: center;
      height: 500px;  
    }

    #public-cloud-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #public-cloud-header h1{
      font-size: 3.5em;
    }

    #public-cloud-header h3{
      font-size: 1.8em;
      font-weight: 400;
    }

    #public-cloud-benefits{
      background-color: white;
      padding: 0px !important;
    }

    #public-cloud-benefits .container{
      display: flex;
      /* justify-content: flex-start; */
      align-items: center;
      width: 100%;
    }

    #public-cloud-benefits img{
      width: 645px;
      height: auto;
    }

    #public-cloud-benefits-text h3{
      margin-bottom: 5px;
    }
    
    #public-cloud-benefits-text p {
      margin-bottom: 10px;
    }

    #public-cloud-benefits-text p:last-child{
      margin-bottom: 0px;
    }

    #public-cloud-benefits-text{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      /* margin: 0px 0 0 60px; */
      width: 100%;
      text-align: justify;
      padding: 0 40px
    }

    #public-cloud-process h3{
      margin-bottom: 0px;
    }

    #public-cloud-process p{
      margin-bottom: 10px;
    }

    #public-cloud-process h2{
      text-transform: none;
      font-weight: bold;
      text-align: left;
      font-size: 2em;
    }

    #public-cloud-case-studies {
      display: none;
    }

    #public-cloud-partners{
      background-color: white;
    }

    #public-cloud-partners .container{
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      text-align: center;
    }

    #public-cloud-partners h3{
      width: 100%;
    }

    #public-cloud-partners p{
      width: 100%;
    }

    #public-cloud-partners img{
      margin: 40px 40px 0;
      height: 60px;
      width: auto;
      max-width: 270px;
    }

    #public-cloud-case-studies .container{
      display: flex; 
      flex-flow: row wrap;  
      justify-content: center; 
      align-items: center;  
    }

    #public-cloud-case-studies h2{
      text-transform: none;
      width: 100%;
      font-weight: bold;
      font-size: 2em;
      margin-bottom: 40px;
    }

    .cloud-case-study{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 300px;
      padding: 30px;
      box-shadow: 2px 2px 5px #12597a;
      text-align: center;
      border-radius: 5px;
    }

    .cloud-case-study img{
      width: 275px;
      height: auto;
      margin-bottom: 20px;
      border-radius: 5px;
    }

    .cloud-case-study a{
      padding: 10px 15px;
      color: white;
      background-color: #00a6dd;
      border-radius: 5px;
    }

    .cloud-case-study a:hover{
      background-color: #12597a;
    }

    .cloud-case-study i{
      font-size: .9em;
    }


    #public-cloud-ul li{
      margin-bottom: 10px;
    }

    /*** SAP LICENSING PAGES DESKTOP STYLES ***/

    /*** AUDIT COMPLIANCE PAGE DESKTOP STYLES ***/

    .aud-content a{
      color: #12597a;
      border-bottom: 1px solid #00a6dd;
      transition: color .4s;
      font-weight: bold;
    }

    .aud-content a:hover{
      color: #00a6dd;
    }

    #audit-slide {
      background: url('../images/audit-compliance-slide.jpg');
      background-position: top center;
      background-size: cover;
      height: 500px;
      margin-top: -10px;
    }

    #audit-ul li{
      margin-bottom: 10px;
    }

    #audit-testimonals{
      display: flex;
      justify-items: center;
      border: 1px solid #12597a;
    }

    .audit-individual{
      display: flex;
      flex-direction: column;
      flex: 1 1 0px;
      padding: 20px
    }

    .audit-individual:nth-child(2){
      border-left: 1px solid #12597a;
      border-right: 1px solid #12597a;
    }

    #four-solution-suites {
      display: flex;
      justify-items: center;
      margin: 40px 0;
      border: 1px solid #12597a;
    }

    .solution-suite {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-items: center;
      flex: 1 1 0px;
    }

    .solution-suite:nth-child(1), .solution-suite:nth-child(2), .solution-suite:nth-child(3){
      border-right: 1px solid #12597a;
    }

    .suite-header {
      background: #00a6dd;
      color: white;
      width: 100%;
      text-align: center;
    }

    .suite-header p {
      margin: 5px 0;
    }

    .suite-body {
      padding: 20px;
      height: 130px;
    }

    .suite-body p {
      margin: 0;
      text-align: center;
    }

    .suite-btn {
      height: 80px;
      display: flex;
      align-items: center;
      justify-items: center;
    }

    #audit-benefits {
      display: flex;
      align-items: center;
      text-align: center;
    }

    .audit-benefit-img {
    }

    .audit-benefit-img img{
      width: 100px;
    }

    .audit-benefit-ind{
      display: flex;
      flex-direction: column;
      /* justify-content: center; */
      align-items: center;
      flex: 1 1 0px;
      margin: 0 20px;
      height: 300px;
    }

    /*** CLOUD TRANSFORMATION PAGE DESKTOP STYLES ***/

    #cloud-transformation-header{
      background: url('images/cloud-transformation-hero.jpg') no-repeat center;
      background-size: cover;
      color: white;
      text-align: center;
      height: 500px;  
    }

    #cloud-transformation-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #cloud-banner{
      background: url('images/cloud-banner.jpg') no-repeat center;
      background-size: cover;
      color: white;
    }

    #cloud-banner .container{
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }

    #cloud-banner h3{
      font-size: 1.8em;
      color: #fff;
      margin-bottom: 60px;
    }

    #cloud-banner p{
      width: 50%;
    }

    #cloud-banner span{
      font-weight: bold;
      font-size: 1.15em;
      color: #00a6dd;
    }

    #cloud-slideshow{
      display: none;
    }

    #cloudSlide{
     /* background-color: white;*/
    }

    #cloudSlide .container{
      display: flex;
      flex-flow: row wrap;
      justify-content: space-around;
    }

    #cloudSlide h1{
      width: 100%;
      margin-bottom: 60px;
    }

    #cloudTitles{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    h3.cloudTitle{
      padding: 10px 30px;
      width: 400px;
      border-radius: 10px;
      border: 1px solid #00a6dd;
      background-color: #fff;
      color: #12597a;
      text-align: center;
      transition: .4s;
    }

    h3.active-cloud, h3.cloudTitle:hover {
      background-color: rgb(0, 166, 221, .9);
      color: white;
      cursor: pointer;
    }

    .cloudContainer{
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .cloudTextbox{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      border-radius: 5px;
      color: white;
      /* background-color: #12597a; */
      padding: 20px;
      width: 425px;
      height: 400px;
    }

    .cloudTextbox p{
      /* padding: 0 40px; */
      margin-bottom: 30px;
      color: black;
      font-weight: 700;
      font-size: 1.4em;
    }

    .cloudTextbox ul{
      margin-bottom: 50px;
      /* padding-left: 20px; */
      color: black;
      text-align: left;
    }

    .cloudTextbox > ul {
      list-style: none;
      margin-left: 10px !important;
    }

    .cloudTextbox > ul li::before {
      content: "\2022";
      font-weight: bold;
      font-size: 1.5em;
      color: #00a6dd;;
      margin-right: 5px;
    }

    .cloudTextbox > ul > li {
      font-size: 1.1em;
      margin-bottom: 10px;
      
    }

    .cloudTextbox a{
      border-radius: 5px;
      background-color: #00a6dd;
      color: #fff;
      padding: 8px 16px;
      align-self: center;
    }

    .cloudTextbox a:hover{
      background-color: #fff;
      color: #00a6dd;
    }

    #ct2,  
    #ct3,
    #ct4, 
    #ct5,
    #ct6 {
      display: none;
    }

    #cloud-partner-container{
      background-color: white;
    }

    #cloud-partner-container .container{
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: center;
    }

    #cloud-partner-container h1{
      width: 100%;
      margin-bottom: 60px;
    }

    .cloud-partner{
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      width: 260px;
      height: 400px;
      padding: 20px;
      box-shadow: 2px 2px 5px #12597a;
      border-radius: 5px;
    }

    .cloud-partner img{
      width: 150px;
      height: auto;
      margin-bottom: 20px;
    }

    #cloud-partner-network{
      width: 100%;
      text-align: center;
      margin-top: 60px;
    }

    #cloud-partner-network a{
      color: #12597a;
      border-bottom: 1px solid #00a6dd;
      transition: .4s;
      font-weight: bold;
      font-size: 1.25em;
    }

    #cloud-partner-network a:hover{
      color: #00a6dd;
    }


    /*** CONSULTING SERVICES PAGES DESKTOP STYLES ***/

   /* .consulting-services{
      padding: 60px 0;
      background-color: white;
    }*/

    .consulting-services a{
      color: #12597a;
      border-bottom: 1px solid #00a6dd;
      transition: color .4s;
      font-weight: bold;
    }

    .consulting-services a:hover{
      color: #00a6dd;
    }

    .consulting-services ul{
      margin-bottom: 20px;
    }

    .consulting-services ul li{
      margin-bottom: 10px;
    }

    /***DISCOVERY AND ASSESSMENT DESKTOP STYLES***/

    #discovery-header{
      background: url('images/discovery-hero.jpg') no-repeat bottom center;
      background-size: cover;
      color: white;
      text-align: center;
      height: 500px;  
    }

   #discovery-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #discovery-content1,
    #discovery-content1 h1,
    #discovery-content2,
    #discovery-content2 h1{
      text-align: left
    }

    #discovery-content2{
      background-color: white;
    }

    #discovery-content2 img{
      width: 100%;
      height: auto;
      margin: 20px 0 60px;
    }

    #discovery-boxes{
      margin-top: 40px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .discovery-individual{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      box-shadow: 2px 2px 5px #12597a;
      padding: 20px;
      width: 300px;
      height: 275px;
      transition: .4s;
    }

    #discovery-boxes a{
      width: 300px;
      height: 275px;
    }

    .discovery-individual:hover{
      background-color: #00a6dd;
      color: white;
    }

    #it-columns{
      background-image: linear-gradient(#2c3843, #12597a);
      color: white;
      padding: 60px 0;
    }

    #it-columns .container{
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
    }

    .it-col{
      width: 30%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .it-col h1{
      text-align: left;
    }

    /***IT TRANSFORMATION DESKTOP STYLES***/

    #it-transform-header{
      background: url('images/it-transform-hero.jpg') no-repeat  center;
      background-size: cover;
      color: white;
      text-align: center;
      height: 500px;  
    }

   #it-transform-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #it-transform1 > .container h1, #it-transform3 > .container h1 {
      text-align: left !important;
    }

    #it-transform1 P{
      text-align:  left;
    }

    #it-transform2{
      background-color: #12597a;
      color: #f1f2f4;
      text-align: left;
    }

    #it-transform2 h1{
      text-align: left;
    }

    #it-transform2 a{
      color: #f1f2f4;
      font-weight: bold;
      border-bottom: 1px solid #00a6dd;
    }

    #it-transform3 a{
      color: #12597a;
      font-weight: bold;
      border-bottom: 1px solid #00a6dd;
    }

    #it-transform3{
      background-color: white;
    }

    #it-transform2 a:hover,
    #it-transform3 a:hover{
      color: #00a6dd;
    }

    /*** SECURITY / COMPLIANCE PAGES DESKTOP STYLES ***/



    /*** DISASTER RECOVERY PAGE DESKTOP STYLES  ***/

    #disaster-header{
      background: url('images/disaster-hero.jpg') no-repeat center;
      background-size: cover;
      height: 500px;
    }

    #disaster-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    } 

    #disaster-con1{
      text-align: left;
    }

    #disaster-con1 h1,
    #disaster-con1 p{
      text-align: left;
      /* width: 70%; */
    }

    #disaster-con2{
      background-color: white;
    }

    #disaster-con2 {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 0;
    }

    .consult-btn {
      width: fit-content;
      margin: 0 auto;
      display: block;
    }

    .consult-btn a {
      color: #fff;
      background-color: #00a6dd;
      padding: 10px 20px;
      border-radius: 35px;
      border: 3px solid white;
      font-size: 1em;
      transition: .4s;
      text-transform: capitalize;
      display: block;
    }

    .consult-btn a:hover {
      color: #00a6dd;
      background-color: #fff;
    }

    #disaster-list-container{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 31%;
    }

    .disaster-list{
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 30px;
    }

    .disaster-list img{
      width: 50px;
      height: auto;
      display: none;
    }

    .disaster-list p{
      margin-bottom: 0;
      margin-left: 20px;
      font-size: 1.15em;
    }

    img.disaster-graphic{
      width: 50%;
      height: auto;
      /* margin-bottom: 20px; */
      /*padding: 20px;
      border: 1px solid #12597a;
      border-radius: 5px;*/
    }

    #recovery-plan {
      margin-bottom: 20px;
    }

    #recovery-plan p:nth-child(even){
      margin:0px;
    }

    /*** ENPOINT PROTECTION PAGE DESKTOP STYLES ***/

  #endpoint-header{
      background: url('images/endpoint-hero.jpg') no-repeat center;
      background-size: cover;
      height: 500px;
    }

    #endpoint-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    } 

    #endpoint-con1{
      /*padding: 20px 0;*/
    }

    #endpoint-con1 .container{
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      justify-content: space-between;
    }   

    #endpoint-con1 img{
      width: 500px;
      height: auto;
      margin:0 0px 20px 60px;
    }

    .endpoint-half{
      text-align: left;
      width: 500px;
    }
    
    .endpoint-half h1{
      text-align: left;
      margin-bottom: 40px;
    }

    #endpoint-protect{
      background-color: white;
    }

    #endpoint-protect .container{
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      justify-content: space-between;
    }

    #endpoint-protect h1{
      width: 100%;
      margin-bottom: 60px;
    }

    .endpoint-individual{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 320px;
      height: 340px;
      box-shadow:2px 2px 5px #12597a;
    }

    .endpoint-individual img{
      width: 100%;
      height: auto;
      margin-bottom: 20px;
    }

    .endpoint-individual p{
      padding: 0 20px;
    }

    #endpoint-con2 .container{
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    /*#endpoint-con2 ul{
      width: 400px;
    }*/

    #endpoint-con2 ul li{
      text-align: left;
    }

    /***GOVERNANCE DESKTOP STYLES***/

    #govern-header{
      background: url('images/govern-hero.jpg') no-repeat top center;
      background-size: cover;
      height: 500px;
    }

    #govern-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #govern-content1 p{
      text-align: left;
    }

    #govern-content2{
      background-color: white;
    }

    .govern-boxes{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 60px 0;
    }

    .govern-indi{
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      width: 250px;
      height: 270px;
      box-shadow:2px 2px 5px #12597a;
      padding: 20px;
    }

    .govern-indi h3{
      color: #00a6dd;
    }


    /*** MANAGED SECURITY PAGE DESKTOP STYLES ***/

    #managed-security-header{
      background: url('images/managed-security-hero.jpg') no-repeat center;
      background-size: cover;
      height: 500px;
    }

    #managed-security-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #security-lock-background{
      background: white url('images/security-lock-background.jpg') no-repeat top right;
      /*background-size: cover;*/
    }

    #security-lock-background h1{
      text-align: left;
      margin-bottom: 40px;
    }

    #security-lock-background h3{
      margin-bottom: 40px;
    }

    #managed-video{
      width:500px;
      margin: 40px auto;
      height: 281px;
    }

    #accordion-section{
      width: 800px;
    }

    .accordion {
      background-color: #12597a;
      color: white;
      cursor: pointer;
      padding: 10px;
      width: 600px;
      border: none;
      text-align: left;
      outline: none;
      font-size: 15px;
      transition: 0.2s;
      margin:0 auto 10px;
      border-radius: 5px;
    }

    .accordian-active, .accordion:hover {
      background-color: #00a6dd;
      color: white;
    }

    .panel {
      padding-left: 20px;
      width: 600px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
    }

    .inner-panel {
      padding-right: 10px;
      border-radius: 5px;
      margin-bottom: 20px;
    }

    .inner-panel p{
      margin-bottom: 0px;
      font-size: .9em;
      line-height: 1.5em;
      padding: 5px 0;
    }

    #security-benefits-container{
      margin-top: 60px;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: center;
    }

    #security-benefits-container h3,
    #security-benefits-container p{
      width: 100%;
      text-align: center;
    }

    .security-icon{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      text-align: center;
      width: 180px;
      height: 200px;
      margin-top: 20px;
    }

    .security-icon img{
      margin-bottom: 20px;
      width: 120px;
      height: 120px;
    }


    /*** SAP FUNCTIONAL SOLUTIONS PAGE DESKTOP STYLES ***/

    #functional-sol-header{
      background: url('images/functional-hero.jpg') no-repeat center;
      background-size: cover;
      color: white;
      text-align: center;
      height: 500px;  
    }

    #functional-sol-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #sap-functional-solutions{
       background-image: linear-gradient(#2c3843, #12597a);
       padding: 60px 0;
    }

    #sap-functional-solutions h1{
      color: #fff;
      width: 100%;
      margin-bottom: 60px;
      text-align: center;
      /*padding-bottom: 5px;
      border-bottom: 1px solid #fff;*/
    }

    #sap-functional-solutions span{
      color: #00a6dd;
    }

    #sap-functional-solutions .container{
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
    }

    .sap-solution-box{
      color: #fff;
      background-color: #00a6dd;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      width: 300px;
      height: 160px;
      margin:0 20px 40px;
      padding: 20px;
    }

    #sap-what-we-do{
      padding: 60px 0;
    }

    #sap-what-we-do h1{
      margin-bottom: 10px;
    }

    .blue-border{
      height: 3px;
      width: 75px;
      background-color: #00a6dd;
      margin: 0 auto;
    }

    #sap-what-we-do span{
      color: #00a6dd;
    }

    #sap-what-we-do p{
      margin-top: 40px;
      text-align: center;
    }

    /*#sap-what-we-do-ul-img{
      display: flex;
      justify-content: center;
      align-items: center;
    }

    #sap-what-we-do-ul-img ul{
      margin-left: 20px;
      width: 500px;
    }

    #sap-what-we-do-ul-img ul li{
      margin-bottom: 20px;
      font-size: 1.25em;
    }

    #sap-what-we-do-ul-img img{
      margin-right:20px;
      width: 560px;
      height: auto;
    }*/

    #sap-our-wins{
      padding: 60px 0;
      background-image: linear-gradient(#f1f2f4, #fff);
    }

    #our-wins-list{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 60px;
    }

    .sap-win{
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      height: 150px;
      width: 250px;
      text-align: center;
      padding: 0 20px;
    }

    .sap-win h3{
      margin-bottom: 40px;
    }

    .sap-win i{
      font-size: 2.5em;
      color: #00a6dd;
      margin-bottom: 30px;
    }

    .sap-win p{
      margin-top: 0px !important;
    }

    .sap-img-container{
      text-align: center;
      margin: 40px 0;
      display: none;
    }


  /*** BLOG INDEX PAGE DESKTOP STYLES ***/

  #blog-bg {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(images/blog-bg.webp) no-repeat center;
    background-size: cover;
    height: 500px;
  }

  #blog-bg > .container {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  #blog-index{
        background-color: white;
      }

      .blog-index-post{
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #00a6dd;
        padding-bottom: 60px;
        margin-top: 60px;
      }

      .blog-index-post img{
        width: 300px;
        height: auto;
      }

      img.img-border{
        border:  1px solid #12597a;
      }

      .blog-description{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        margin-left: 40px;
      }

      .blog-description h3{
        margin-bottom: 0px;
      }

      a.read-more-blog{
        padding: 10px 15px;
        border-radius: 5px;
        color: white;
        text-decoration: none;
        background-color: #12597a;
        transition: background-color .4s;
      }

      a.read-more-blog:hover{
        background-color: #00a6dd;
      }

      /*** BLOG INDIVIDUAL PAGES DESKTOP STYLES ***/

      #blog-individual{
        background-color: white;
      }

      #blog-title{
        text-align: center;
      }

      .blog-post img{
        width: 400px;
        height: auto;
        display: block;
        margin: 0px auto 40px;
      }

      img.img-border{
        border:  1px solid #12597a;
      } 

      img.img-big{
        width: 700px !important;
        height: auto;
        margin: 60px auto !important;
      }

      img.img-bigger {
        width: 1100px;
        height: auto;
        margin-top: 40px;
        margin-bottom: 0px;
      }

      img.cloud-migration-infographic{
        width: 600px;
        height: auto;
        margin-top: 40px;
      }

      .blog-post h3{
        /* margin-bottom: ; */
      }

      .text-center{
        text-align: center !important;
      }

      .blog-post a{
        color: #12597a;
        text-decoration: none;
        font-weight: bold;
        border-bottom: 1px solid #00a6dd;
        transition: color .4s;
      }

      .blog-post a:hover{
        color: #00a6dd;
      }

      .blog-post iframe{
        width: 700px;
        height: 394px;
      }

      p.paragraph-border{
        margin-left:40px;
      }

      p.back-to-blog{
        margin-top: 60px;
      }

      .back-to-blog a{
        padding: 10px 15px;
        border-radius: 5px;
        color: white;
        text-decoration: none;
        background-color: #12597a;
        transition: background-color .4s;
        margin-top: 40px;
      }

      .back-to-blog a:hover{
        background-color: #00a6dd;
        color: white;
      }

      #blog-social{
        background-color: #12597a;
        margin-bottom: 20px;
        padding: 20px 0;
        color: white;
      }

      #blog-social .container{
        display: flex;
        justify-content: center;
        align-items: center;
      }

      #blog-social i{
        margin: 0 20px;
        font-size: 1.5em;
        color: white;
        transition: color .4s;
      }

      #blog-social i:hover{
        color: #00a6dd;
      }

      #recent{
        color: #12597a;
        padding-bottom: 60px;
      }

      #recent .container{
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      #recent-posts-title{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
      }

      #recent-posts-title a{
        color: #12597a;
        border-bottom: 1px solid #00a6dd;
        font-weight: bold;
        transition: color .4s;
      }

      #recent-posts-title a:hover{
        color: #00a6dd;
      }

      #blog-recent-posts{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
      }

      .blog-recent-post {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 20px;
        border-bottom: 1px solid #12597a;
        width: 300px;
        height: 300px;
        text-align: center;
      }

      .blog-recent-post img{
        width: 250px;
        height: 150px;
        margin-bottom: 10px;
      }

      .blog-recent-post a{
        color: #12597a;
        transition: color .4s;
      }

      .blog-recent-post a:hover{
        color: #00a6dd;
      }


  /*** CASE STUDIES INDEX PAGE DESKTOP STYLES ***/

  #case-studies-bg {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/case-studies-bg.jpg) no-repeat top center;
    background-size: cover;
    height: 500px;
  }

  #case-studies-bg > .container {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  #case-studies-gallery{
        background-color: white;
        padding:  60px 0;
      }

      #case-studies-gallery .container{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        align-items: center;
      }

      #case-studies-gallery a{
        font-size: 1.15em;
        color: #12597a;
        font-weight: bold;
        transition: color .4s;
      }

      #case-studies-gallery a:hover{
        color: #00a6dd;
      }

      .single-case-study{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 20px;
        width: 320px;
        height: 400px;
        margin: 20px 0;
        text-align: center;
        box-shadow: 1px 1px 4px #12597a;
        border-radius: 5px;
      }

      .single-case-study img{
        margin-bottom: 20px;
        height: 275px;
        width: auto;
      }

      /*** INDIVIDUAL CASE STUDIES PAGES DESKTOP STYLES ***/

      #case-study{
        background-color: white;
        padding: 60px 0;
        color: #12597a;
      }

      #case-studies-gallery > .container > .single-case-study:nth-child(2), #case-studies-gallery > .container > .single-case-study:nth-child(4), #case-studies-gallery > .container > .single-case-study:nth-child(5), #case-studies-gallery > .container > .single-case-study:nth-child(6) {
        display: none;
      }

      #case-study .container{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
      }

      .case-study-description{
        width: 60%;
      }

      .case-study-description h1{
        text-align: left;
      }

      .case-study-description a{
        color: #12597a;
        border-bottom: 1px solid #00a6dd;
        font-weight: bold;
        transition: color .4s;
      }

      .case-study-description a:hover{
        color: #00a6dd;
      }

      .case-study-download {
        width: 35%;
        min-height: 500px;
      }

      .case-study-p-img{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
      }

      .case-study-p-img p{
        padding-right: 60px;
        text-align: justify;
      }

      .case-study-p-img img{
        width: 200px;
        height: auto;
        margin-right: 0px;
      }

      #ey-logo{
        height: 260px;
      }

      #ey-logo img{
        max-width: 230px;
        height: auto;
      }

      .case-study-download img{
        margin-bottom: 20px;
      }

      .case-study-download p{
        margin-bottom: 40px;
        font-weight: bold;
      }

      .case-study-download form{
          display: flex;
          flex-direction: column;
          align-items: center;
          border: 1px solid #12597a;
          box-shadow: 1px 1px 4px;
          padding: 20px;
        }

        .case-study-download input{
          width: 350px;
          height: 50px;
          font-size: 1em;
          margin-bottom: 40px;
          padding: 0 10px;
          font-family: 'Source Sans Pro', sans-serif;
        }


        .case-study-download input#submit{
          align-self: center;
          background-color: #12597a;
          color: white;
          text-transform: uppercase;
          width: 250px;
          cursor: pointer;
          border-radius: 5px;
          border: 1px solid #12597a;
          transition: background-color .4s;
        }

        .case-study-download input#submit:hover{
          color: white;
          background-color: #00a6dd;
          border: 1px solid #00a6dd;
        }


/*** FOOTER DESKTOP STYLES ***/
  #footer {
    padding:40px 0px;
    background: #f1f2f4;
    color: #656269;
  }

  .footer-container {
    width:870px;
    margin:0 auto;
  }

  .footer-col {
    width:250px;
    margin:0px 20px;
    float: left;
    font-size: 9pt;
  }

  .footer-icon {
    float: left;
    width: 30px;
    padding: 5px;
    border-radius: 3px;
    margin-right: 20px;
    background: #12597a;
    font-size: 14pt;
    text-align: center;
  }

  .footer-icon i {
    color: white;
  }

  .footer-details {
    float: left;
    width:200px;
  }

  .footer-details h3 {
    color: #12597a;
    margin-bottom: 0px;
    margin-top: -5px;
  }

  .navy {
    color: #12597a;
  }

 .footer-details a{
    color: #12597a;
    border-bottom: 1px solid #00a6dd;
    text-decoration: none;
    transition: color .4s;
    font-weight: bold;
  }

  .footer-details a:hover, .social-media-contact a:hover{
    color: #00a6dd;
  }

  .footer-border {
    height: 14px;
    width: 1100px;
    background-image: url('../images/footer-border.png');
    margin: 40px auto 20px;
  }

  .privacy-policy {
    display: block;
    width: fit-content;
    text-align: center;
    margin: 0 auto 20px;
    font-size: 10pt;
  }

  #cookie-verification {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #cookie-form {
    width: 100%;
    background: white;
    padding: 50px;
    color: #bab9ba;
    font-size: 10pt;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }


  /* NEWS LANDING PAGE DESKTOP STYLES */
  #news-header {
    background:linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/news-bg.webp') no-repeat center;
    background-size: cover;
    color: white;
    text-align: center;
    height: 500px;
  }

  #news-index{
			padding-bottom: 60px;
			color: #12597a;
		}

		#news-column{
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			margin-top: 80px;
			border-top: 1px solid #00a6dd;
		}

		.news-individual{
			display: flex;
			align-items: center;
			padding: 60px 0;
			border-bottom: 1px solid #00a6dd;
			width: 100%
		}

		.news-individual img{
			width: 250px;
		}

		.news-text{
			margin-left: 40px;
		}

		.news-text p{
			margin-bottom: 40px;
		}

		a.news-btn{
			padding:  10px 20px;
			background-color: #00a6dd;
			color: white;
			border-radius: 5px;
			text-decoration: none;
			font-size: 1.15em;
			transition: background-color .4s;
		}

		a.news-btn:hover{
			background-color: #12597a;
		}

  /* NEWS ARTICLES DESKTOP STYLES */
  .news-image {
    text-align: center;
    margin: 0 auto 20px;
  }

  .news-image img {
    width: inherit;
    text-align: center;
  }

  .w-600 {
    width: 600px;
  }

  .w-100 {
    width: 100%;
  }

  .news-video-wrapper {
    width: 640px;
    height: 320px;
    margin: 0 auto 20px;
    display: block;
  }

}



@media screen and (max-width : 1099px){
  
  .container {
      width:100%;
      margin: 0 auto;
  }

  .start-header {
    font-size: 26pt !important;
    font-weight: 900 !important;
    text-transform: capitalize;
    /* text-align: left !important; */
  }

  .content h2 {
    text-transform: uppercase;
    font-size: 12pt;
    font-weight: 400;
    text-align: center;
  }

      /*** HEADER AND NAV MOBILE STYLES ***/

    #header {
      height: 526px;
      background-image: url('../images/header-bg.webp');
      background-position: top center;
      background-size: cover;
    }

    #sub-header{
      background: white;
      height: 80px;
      border-bottom: 1px solid #00a6dd;
    }

    #sub-header .icon{
      color: #00a6dd !important;
    }

    #logo {
      float: left;
      width:200px;
      height:auto;
      padding-top: 20px;
      margin-left: 20px;
    }

    #logo img{
      width: 170px;
      height: auto;
    }

    #nav {
      float: right;
      /*text-align: right;*/
      padding-top: 15px;
      font-size: 11pt !important;
      margin-right: 20px;
    }

    #nav a{
      text-decoration: none;
    }

    /* Hamburger bars styles*/
     #nav a.icon {
      display: block;
      font-size:26px;
      float:right;
      margin-top:6px;
      color:#fff;
    }

    #nav a.icon:hover{
      background: none !important;
    }

   /* The Overlay (background) */
   .overlay{
     height: 0;
     width: 100%;
     position: fixed; /* Stay in place */
     z-index: 1; /* Sit on top */
     left: 0;
     top: 0;
     background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
     overflow-x: hidden; /* Disable horizontal scroll */
     transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
   }

   /* Position the content inside the overlay */
  .overlay-content {
    position: relative;
    top: 8%; /* 10% from the top */
    width: 100%; /* 100% width */
    text-align: left; /* Centered text/links */
    margin-top: 10px; /* 10px top margin to avoid conflict with the close button on smaller screens */
    padding-left: 20px;
  }

  /* The navigation links inside the overlay */
  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 20px;
    color: #00a6dd;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
  }

  /* When you mouse over the navigation links, change their color */
  .overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
  }

  /* Position the close button (top right corner) */
  .overlay .closebtn {
    position: absolute;
    top: 6px;
    right: 16px;
    font-size: 40px;
    color: white !important;
  }

  .overlay .closebtn:hover{
    background: none !important;
    color: #00a6dd !important
  }

  .d .d-btn {
    border: none;
    outline: none;
    color: #00a6dd;
    padding: 8px;
    background: inherit;
    /*text-transform: uppercase; */  
    font-family: 'Source Sans Pro';
    font-size: 20px;
    width: 100%;
    text-align: left;
  }

  .navbar a:hover, .d:hover .d-btn {
    /*background: #7c7c76;*/
    background-color: white;
    color: #00a6dd;
    transition: background-color .4s;
  }

  .d-content {
    display: none;
    position: absolute;
    background: #fff;
    width: 62%;
    min-height: 175px;
    left: 40%;
    z-index: 10;
    top: 0;
  }

  .d:hover .d-content, .d:hover .d-content-small {
    display: block;
  }

  .d-content-small {
    display: none;
    position: absolute;
    background: #fff;
    width: 50%;
    left: 50%;
    z-index: 10;
    top: 0;
   }

   .resources-d-content{
    display: none;
    position: absolute;
    background: #fff;
    width: 50%;
    left: 50%;
    z-index: 10;
    top: 124px;
   }

   .d-content, .d-content-small {
      animation: fadeIn .5s;
      -webkit-animation: fadeIn .5s;
      -moz-animation: fadeIn .5s;
      -o-animation: fadeIn .5s;
      -ms-animation: fadeIn .5s;
    }
    @keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

    @-moz-keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

   .row{
    display: flex;
    flex-flow: row wrap;
   }

  .column {
    width:  47%;
    padding: 10px;
    background: #fff;
    font-size: 9pt !important;
  }

  #last-column{
    width: 95%;
    display: flex;
    justify-content: space-between;
  }

  #last-column .column-list{
    width: 46%;
  }


  .column-small {
    width:100% !important;
  }

  .column a {
    display: block;
    float: none;
    color: #00a6dd;
    text-align: left;
    padding:5px;
    font-size: 12px !important;
  }

  .column a:last {
    margin-bottom: 20px;
  }

  .column h3 {
    color: black;
    margin-bottom: 0px !important;
    text-transform: uppercase;
    border-bottom: solid 1px #00a6dd;
    padding-bottom: 5px;
    font-size: 8pt;
  }

  .column a:hover {
    color: #fff;
    background: #00a6dd;
    padding-left: 5px;
    transition: background .2s, color .2s;
  }

  .row:after {
    content: '';
    display: table;
    clear: both;
  }

  .column-list {
    margin-bottom: 10px;
  }

  .menu-card {
    background:#f1f2f4;
    padding:20px;
    text-align: center;
    color: #656269;
    border:solid 1px #00a6dd;
  }

  .menu-card a {
    text-align: center !important;
  }

    #slide {
      /* padding-top: 80px; */
      text-align: center;
      font-size: 12pt;
      line-height: 1.2;
    }

    #slide h1 {
      font-weight: 900;
      font-size: 32pt;
      margin-bottom: 30px;
    }

    #slide p {
      width:330px;
      font-size: 1.05em;
      margin:0 auto 20px;
    }

    #slide-buttons {
      width: 330px;
      height:40px;
      margin:60px auto 0px;
    }

    .slide-button {
      background: #00a6dd;
      color: white !important;
      text-transform: uppercase;
      font-size: 11pt;
      font-weight: normal !important;
      height:27px;
      width:160px;
      float: left;
      display: block;
      text-decoration: none;
      margin-top: 40px;
     transition: background-color .4s;
     border-bottom: none !important;
    }

    .button-left {
      text-align: center;
      margin-right: 10px;
      padding-top: 12px;
      padding-bottom: 25px;
    }

    .button-right {
      text-align: center;
      padding-top: 12px;
      padding-bottom: 25px;
    }

    .button-left img {
      float: left;
      width: 37px;
      height: 37px;
      margin-top:-12px;
    }

    .button-right img {
      float: right;
      width:37px;
      height: 37px;
      margin-top:-12px;
    }

    .slideshow-container {
      position: relative;
      width:100%;
      margin:0 auto;
      /* margin-top: 60px; */
    }

    .slide-button:hover {
      /*color: #7c7c76;*/
      color: #00a6dd !important;
      background-color: white;
    }

    /* Hides slides by default */

    .mySlides {
      display: none;
    }

    #slide-1 {
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('../images/slide_1.webp');
    background-position: center;
    background-size: cover;
    height: 526px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: transform 0.5s linear;
    transition-delay: 0.5s;
  }

  #slide-2{
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('../images/slide_2.webp');
    background-position: center;
    background-size: cover;
    height: 526px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: transform 0.5s linear;
    transition-delay: 0.5s;
  }

  #slide-3{
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),  url('../images/slide_3.webp');
    background-position: center;
    background-size: cover;
    height: 526px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: transform 0.5s linear;
    transition-delay: 0.5s;
  }

  .slider-btn {
    /* width: 100px; */
  }

  .slider-btn > a {
    display: block;
    color: white;
    width: 175px;
    padding: 10px 15px;
    border-radius: 5px;
    border: 2px solid white ;
    transform: 0.4s !important;
    margin-top: 20px;
  }

  .slider-btn > a:hover {
    color: #00a6dd;
    /*border: 2px solid #00a6dd;*/
    background-color: white;
  }

    .prev, .next {
      cursor: pointer;
      position: absolute;
      top: 90%;
      width: auto;
      padding: 16px;
      color: white;
      font-weight: bold;
      font-size: 18px;
      transition: 0.6s ease;
      margin-top: 40px;
      border-radius: 0 3px 3px 0;
      user-select: none;
    }

    .next {
      right: 0;
    }

    .prev {
      left: 0;
    }

    .prev:hover, .next:hover {
      /*background-color: rgba(0,0,0,0.8);*/
    }

    .fade {
      -webkit-animation-name: fade;
      -webkit-animation-duration: .5s;
      animation-name: fade;
      animation-duration: .5s;
    }

    @-webkit-keyframes fade {
      from {opacity: .4}
      to {opacity: 1}
    }

    @keyframes fade {
      from {opacity: .4}
      to {opacity: 1}
    }

    #recent-posts img{
      max-width: 300px;
      height: auto;
    }

    /*** INDEX MAIN BODY MOBILE STYLES   ***/

    .content {
      color: #12597a;
      padding: 40px 25px;
      text-align: center;
    }

    .content h1{
      text-align: center;
    }

    #our-services h1{
      margin-bottom: 0px;
    }

    #our-services h2{
      margin-bottom: 40px;
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 400;
    }

    .dots {
      width: 26px;
      height: 4px;
      background-image: url(../images/dots.png);
      margin: 40px auto;
    }

    .service{
      clear: both;
      width: 325px;
      margin:  0 auto;
      margin-bottom: 40px;
      padding:  40px 20px;
      border-radius: 5px;
      border: 1px solid #12597a;
      box-shadow: 1px 2px 1px #12597a;
    }

    .service img {
			display: block;
			width: 120px;
			height: 100px;
			margin: 0 auto 10px;
		}

    .service h3 {
      font-weight: 900;
      font-size: 19pt;
      margin-bottom: 10px;
    }

    .service p{
      margin-bottom: 30px;
    }

  .service a, #enter{
    padding: 6px 10px;
    width: 150px;
    border-radius: 5px;
    color: white;
    background-color: #00a6dd;
    transition: .4s;
  }

  .service a:hover, #enter:hover{
    background-color: #12597a;
    cursor: pointer;
  }

  #testimonials {
    background-image: url(../images/testimonial-bg.webp);
    background-size: cover;
    padding: 80px 20px 40px;
    color: white;
    text-align: center;
  }

  #testimonials img{
    margin-bottom: 20px;
  }

  #testimonials p{
    padding:  0 20px;
  }

  #about-us {
		background-image: linear-gradient(transparent, white 60%), url('../images/about-us-bg.webp');
		background-size: cover;
		background-position: top center;
		color:  #12597a;
		text-align: center;
		padding: 40px 40px 20px;
    border-bottom: 1px solid #12597a;
	}

  #about-us-right{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

  #about-us h2 {
		font-size: 30pt;
		margin: 0;
	}

  #about-us h3 {
    color: #12597a;
    font-size: 1.5em;
    margin-bottom: 20px;
  }

  #about-us-right a {
    /*margin: 20px 0 40px;*/
    /*display: block;*/
    border-radius: 5px;
    padding: 10px 20px;
    color: #fff;
    background-color: #00a6dd;
    border: 2px solid #00a6dd;
    transition: .5s;

  }

  #about-us-right a:hover{
    background-color: #fff;
    color: #00a6dd;
  }

  #about-us-right p{
    text-align: justify;
    margin-bottom: 30px;
    color: #12597a;
    font-weight: 700;
    line-height: 1.4em;
    text-align: center;
  }

  #companies{
    background-color: white;
    padding: 40px 0;
  }

  .companies {
    width: 90%;
    margin-left: 5%;
  }

  #companies img {
    display: inline-block;
    height: 80px;
    width: auto;
    padding-right: 40px;
    margin-right: 40px;
  }

  #recent-posts {
    padding-top: 60px;
    background: #f1f2f4;
  }

  #recent-posts h2 {
    color: #12597a;
    margin-bottom: 20px;
    font-size: 24pt;
    text-align: center;
  }

  #recent-posts p {
    line-height: 1.8;
    text-align: center;
    color: #777777;
    padding:  0 20px;
  }

    .recent-post{
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 60px;
      background-color: white;
      padding:  40px 0;
    }

    .recent-post img{
      margin-bottom: 40px;
    }

    .post-title {
      text-transform: uppercase;
      color: #12597a;
      font-size: 14pt;
      margin-bottom: 20px;
      font-weight: 700;
      text-align: center;
      padding:  0 20px;
    }

    .post{
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .post-preview {
      text-align: center;
      width: 80%;
      color: #777777;
      line-height: 1.8;
      font-size: 12pt;
      margin-bottom: 20px;
    }

    .read-more a {
      color: #00a6dd;
      text-decoration: none;
      text-transform: uppercase;
      border-bottom: 1px solid white;
      font-size: 12pt;
      transition: .5s;
    }

    .read-more a:hover {
      border-bottom: 1px solid #00a6dd;
    }

    #ready-to-get-started {
      padding: 25px 15px;
      color: white;
      background: linear-gradient(#18a0ca, #106176);
    }

    #ready-to-get-started > .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
    } 

    #ready-to-get-started > .container > a {
      height: 44px;
    } 

    #get-ready-text h2 {
      color: white;
      margin-bottom: 5px;
    }
    
    #get-ready-text p {
      color: white;
      margin: 0
    }

    #white-paper {
      padding: 20px 0px;
      background-image: linear-gradient(#149cc6, #0c4e5c);
      color: white;
      padding-bottom: 40px;
      margin-bottom: 40px;
    }

    #white-paper .container{
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    #white-paper-left {
      text-align: center;
      line-height: 1.2;
      font-size: 16pt;
      padding: 10px 20px 0;
      margin-bottom: 40px;
    }

    #white-paper-right {
      
    }

    .white-paper-button {
      width: 200px;
      margin-top: 20px;
      background: white;
      border-radius: 5px;
      border: 2px solid white;
      padding: 10px 20px;
      text-align: center;
      color: #12597a;
      text-decoration: none;
      text-transform: uppercase;
      transition: background .4s;
    }

    a.white-paper-button:hover {
      background: #12597a;
      color: white;
      border: 2px solid white;
    }

    /*** ABOUT APPROYO PAGE MOBILE STYLES ***/

    #about-us-header {
      text-align: center;
      background: linear-gradient(rgba(26,113,163,.2), rgba(2,74,117.1)), url('../images/about-us/about-us-bg.webp');
      background-position: top center;
      background-size: cover;
      height:300px;
      /* --bg-overlay-color: rgb(10, 10, 10); */
    }

    #about-us-header > .container {
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #about-us-info {
      text-align: center;
      margin: 40px 0 0;
    }

    .about-us-content{
      background-color: #f5f5f5;
      padding-bottom: 80px;
    }

    #about-us-info-sub-header{
      margin-bottom: 40px;
      text-align: center;
    }

    #about-us-info-sub-header p{
      color:black;
      margin-bottom: 0px;
      font-size: 25pt;
    }

    #about-us-info-text-vid {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
    }

    #about-us-info-right {
      width: 100%;
      max-width: 468px;
      margin-top: 40px;
    }

    #about-us-info-right > iframe {
      width:inherit;
      height:inherit;
    }

    #about-us-info-right h2 {
      color:black;
      margin-bottom: 0px;
      font-size: 30pt;
    }


    #about-us-info-right h3 {
      color: #00a6dd;
      font-size: 12pt;
      margin-bottom: 20px;
    }

    #about-us-info-right p {
      font-size: 10pt;
      line-height: 1.2;
      color: #12597a;
    }

    #about-us-info-left {
      color: black;
    }

    #about-us-info-SAP-services {
      padding: 80px 0;
      background: white;
    }

    #about-us-info-SAP-services > .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      height: 225px;
    }

    #about-us-info-SAP-services > .container img {
      width: 100%;
      max-width: 260px;
    }

    #services{
      text-align: center;
      background: linear-gradient(rgba(35,177,227,.9), rgba(0,100,136,.9));
      background-position: top center;
      background-size: cover;
      padding: 0 20px;
    }

    #services-text-cards{
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 80px 0;
    }

    #services-text {
      text-align: center;
    }

    #services-text h2 {
      color: white;
      font-size: 32pt;
    }

    #services-text p {
      font-size: 17pt;
      color: white;
    }

    #services-cards {
      display: flex;
      flex-wrap: wrap;
      justify-content: center
    }

    .service-card {
      width: 300px;
      height: 350px;
      padding: 20px;
      background: white;
      border-radius: 10px;
      text-align: left;
      display: flex;
      flex-direction: column;
      margin: 10px;
    }

    .service-card h3 {
      color: #23b1e3;
      margin-bottom: 10px;
      text-align: left;  
      font-size: 2em;  
    }

    .service-card p {
      color: black;
      font-size: 1.2em;
      text-align: left;
    }

    .spacer {
      flex-grow: 1;
    }

    #decades-experience {
		padding: 80px 20px;
		background-image: linear-gradient(to right, #1fa8d9 , #006488);
	}

	#decades-text-images {
		display: flex;
    flex-direction: column;
		justify-content: space-evenly;
	}

	#decades-text {
    text-align: center;
	}

	#decades-text h1 {
		font-size: 29pt;
		text-transform: capitalize;
		color: white;
    line-height: 30pt;
	}

	#decades-text p {
		color: white;
		font-size: 14pt;
    margin-bottom: 0;
	}

	#decades-images {
		display: flex;
    flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-around;
    align-items: center;
	}

	.decade-indv {
		width: 250px;
    height: 100px;
    display: flex;
    align-items: flex-end;
    margin-top: 20px;
	}

	.decade-indv-text {
		height: 50px;
	}

	.decade-indv-text h3 {
		font-size: 4em;
    margin-bottom: 0;
    line-height: 38pt;
	}

	.decade-indv-text p {
		margin-bottom:0;
    font-size: 1.3em;
	}

	.decade-indv-image {
		height: 80px;
    position: absolute;
    margin: 0px 0 1px 175px;
	}

	.decade-indv-image img {
		width: auto;
		height: inherit;
	}

	#selected-approyo {
		padding: 80px 20px;
	}

	#selected-text-image {
		display: flex;
    flex-direction: column;
		justify-content: space-evenly;
	}

	#selected-text {
    margin-bottom: 20px;
    text-align: center;
	}
	
	#selected-text p {
		font-size: 22pt;
		text-align: center;
		color: black
	}

	#selected-p {
		font-size: 16pt;
		text-align: center;
		color: black
	}

  #selected-image {
    display: none;
  }

	#case-study-btn {
		margin: 10px auto 20px !important;
		width: 180px !important;
	}

	#case-study-btn a {
		text-align: center;
	}

  #selected-image {
    display: none !important;
  }

  #selected-image-mobile {
    text-align: center;
  }

  #selected-image-mobile img{
    width: 100%;
    max-width: 600px;
    height: auto;
  }

	#selected-image img {
		height: 330px;
		width: auto;
	}

	#selected-images {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-evenly;
    margin: 0 auto;
		/* padding-top: 40px; */
    background: white;
	}

  #selected-images img{
    margin: 8px;
    width: 10%;
  }

    .services-learn-more-btn {
      margin: 10px 0;
      width: 250px;
    }

    .services-learn-more-btn a {
      text-decoration: none;
      background: #00a6dd;
      text-align: center;
      border: 2px solid #00a6dd;
      color: #fff;
      cursor: pointer;
      display: block;
      padding: 5px;
      border-radius: 5px;
      transition:  0.4s;
      text-align: center;
      font-size: 1.2em;
  }

    .services-learn-more-btn a:hover{
      text-decoration: none;
      background: #f1f2f4;
      color: #00a6dd;
      cursor: pointer;
      display: block;
      padding: 5px;
    }

    #sap-solutions-header {
      text-align: center;
    }
    #sap-solutions-header h1{
      color: #12597a
    }

    #sap-solutions-topics{
      margin-top: 40px;
      display: flex;
      flex-wrap: wrap;
    }

    .topic {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 40px;
      padding: 10px;
      min-height: 146px;
      border: 1px solid #12597a;
      box-shadow: 1px 1px 4px;
      width: 100%;
      max-width: 350px;
      margin: 0 auto 40px;
    }
    .topic h3{
      margin: 0;
      color:#12597a;
    }
    .topic p{
      color: #12597a;
    }

    #topic-learn-more {
      width: 270px;
      margin: 20px auto 0;
    }

    #topic-learn-more a{
      text-decoration: none;
      color: #12597a;
      border-bottom: 1px solid #00a6dd;
      font-weight: bold;
      transition: color .4s;
    }

    #topic-learn-more a:hover{
      color: #00a6dd;
    }

    .solutions-learn-more-btn {
      margin: 0 auto;
      width: 160px;
      /* border: solid 1px black; */
    }

    .solutions-learn-more-btn a:hover{
      text-decoration: none;
      background: #fff;
      color: #00a6dd;
      cursor: pointer;
    }

    .solutions-clear-float{
      float:none !important;
      margin: 0 !important;
    }

    #our-clients {
      display: none;
    }

    #our-clients h1 {
      text-align: center;
    }  

     /*** LEADERSHIP PAGE DESKTOP STYLES ***/  

    #leadership-bios{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #12597a;
    }

    #layover {
      position: fixed;
      top: 0px;
      left: 0px;
      height: 100%;
      width: 100%;
      background: rgba(0,0,0,.8);
      z-index: 100000;
  }

    .bio{
      width: 280px;
      height: 330px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      padding: 20px;
      margin-bottom: 40px;
      transition: background-color .4s;
      text-align: center;
      border-radius: 5px;
    }

    .bio:hover{
      box-shadow: 1px 1px 4px #12597a;
      background-color: white;
    }

    .bio-button{
      background-color: #00a6dd;
      color: white;
      padding: 10px 15px;
      transition: background-color .4s;
      border-radius: 5px;
      width: 100px;
    }

    .bio-button:hover{
      cursor: pointer;
      background-color: #12597a;
    }

    .bio-details {
       position: fixed;
       width: calc(90% - 40px);
       left: 11%;
       top: 10%;
       background: white;
       padding: 20px;
       z-index: 100002;
       font-size: 10pt;
       border-radius: 5px;
       box-shadow: 1px 1px 4px #12597a;
    }

    .bio-details .bio-img {
      margin-top: -40px;
      margin-bottom: 40px;
    }

    .bio-img img{
      /*width: 100px;
      height: auto;*/
      border-radius: 50%;
      margin: 0 auto;
      padding: 10px;
      border: 1px solid black;
  }

    .close-button{
      position: absolute;
      top: 5px;
      right: -5px;
      color: #12597a;
      padding: 10px 15px;
      transition: background-color .4s;
      border-radius: 5px;
      width: 100px;
      text-align: center;
      font-size: 16px;
      text-transform: uppercase;    }

    .close-button:hover{
      cursor: pointer;
    }   


  /*** SAP HANA PAGE MOBILE STYLES ***/

  #sap-hana-header{
    background: url('images/sap-hana-header.jpg') no-repeat center;
    background-size: cover;
    color: white;
    text-align: center;
  }

  #sap-hana-header .container{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; 
  }

  .sap-hana{
    text-align: left;
  }

  .sap-hana h1{
    margin-bottom: 5px;
  }

  .sap-hana h2{
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1em;
  }

  .two-col{
    display: flex;
    flex-direction: column;
  }

  .two-col ul{
    margin-left: 40px;
  }

  .two-col img{
    align-self: center;
    margin-top: 20px;
  }

  img.hana-right{
    width: 150px;
    height: auto;
  }

  #migration-process{
    width: 100%;
    background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 0, 0, 0.85), 
      rgba(0, 0, 0, 0.85)
    ),
    /* bottom, image */
    url('../images/migration-background.webp');
    color: white;
    padding: 60px 0 80px;
  }

  #migration-process .container{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #migration-process h3{
    color: white;
    margin: 0 auto;
    font-size: 2em;
    margin-bottom: 60px;
    text-align: center;
  }

  #migration-process p{
    color: white;
  }

  .mig-col{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 200px;
    height: 300px;
    padding: 20px;
    border: 2px solid #00a6dd;
  }

  .mig-col h4{
    font-size: 1.25em;
    margin-bottom: 10px;
    color: white;
  }

  i.i-border{
    background-color: #00a6dd;
    color: white;
    padding: 25px;
    border-radius: 50%;
    font-size: 2em;
    margin-bottom: 20px;
    height: 85px;
    width: 85px;
  }

  .arrow-right{
    display: none;
  }

  .arrow-down{
    padding: 20px 0;
  }

  .arrow-down p{
    margin-bottom: 0px !important;
    font-size: 2em;
    font-weight: bold;
  }

  .cloud-checklist{
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-bottom: 20px;
  }

  .cloud-checklist p{
    margin-bottom: 0px !important;
  }

  img.cloud-checkbox{
    width: 40px;
    height: auto;
    margin-right: 10px;
    display: none;
  }

  #contact-button-container{
    text-align: center;
    margin: 60px 0 40px;
  }

  #contact-button-container h3{
    margin-bottom: 40px;
  }

  a.contact-btn{
    padding:  10px 55px;
    background-color: #00a6dd;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid #00a6dd;
    transition: background-color .4s;
  }

  a.contact-btn:hover{
    background-color: #12597a;
  }

  /*** SAP S/4HANA PAGE MOBILE STYLES  ***/

  #s4-hana-header{
    background: url('images/s4-hana-header.jpg') no-repeat center;
    background-size: cover;
    color: white;
    text-align: center;
  }

  #s4-hana-header .container{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; 
  }


  .s4hana {
    text-align: left;
  }

  .s4hana h1{
    margin-bottom: 5px;
  }

  .s4hana h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1em;
}

  #s4hana-icons{
    width: 100%;
    background: 
    /* top, transparent black, faked with gradient */ 
    linear-gradient(
      rgba(0, 0, 0, 0.8), 
      rgba(0, 0, 0, 0.8)
    ),
    /* bottom, image */
    url('../images/s4-background.webp');
    color: white;
    padding: 60px 0 80px;
    margin-bottom: 20px;
  } 

  #s4hana-icons .container{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
  }

  #s4hana-icons h3{
    width: 80%;
    text-align: center;
    margin-bottom: 60px;
    font-size: 2em;
  }

  .s4-individual{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    width: 210px;
    height: 280px;
    border: 1px solid #fff;
    padding: 20px;
    margin-bottom: 60px;
  }

  .s4-individual p{
    width: 200px;
    margin-top: 20px;
    font-size: 1.25em;
  }

  .list{
    margin-bottom: 40px;
  }

  .list p{
    text-align: left;
  }

  .list ul li{
    text-align: left;
  }

  /*** SAP ON AWS PAGE MOBILE STYLES***/

  .aws-header{
    background-image: url(../images/world-background2.jpg);
    background-position: 50% 60%;
    background-size: cover;
    color: white;
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .aws-header h1{
    margin-bottom: 0px;
    font-size: 3em;
  }

  .aws-header h3{
    font-size: 2em;
    font-weight: 400;
  }

  .aws-header .dots{
    margin: 20px auto;
  }

  .aws-white{
    background-color: white;
    color: black;
    padding: 60px 25px;
  }

  .aws-section1{
    display: flex;
    flex-flow: column;
    align-items: center;
  }

  .aws-section1 p{
    text-align: left;
  }

  .aws-img-small{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width:100%;
    margin-top: 20px;
  }

  .aws-img-small img{
    width: 100px;
    height: auto;
  }

  .vertical-black-border{
    width: 3px;
    height: 100px;
    background-color: black;
  }

  .aws-blue{
    background-color: #12597a;
    color: white;
    padding: 60px 25px;
  }

  .aws-section2{
    display: flex;
    flex-flow: column;
    align-items: center;
  }

  .aws-p-col span{
    font-size: 1.25em;
    font-weight: bold;
  }

  .aws-section2 p{
    text-align: left;
  }

  .aws-section2 img{
    width: 200px;
    height: auto;
    margin-bottom: 40px;
  }

   .aws-section2 li{
    margin-bottom: 5px;
  }

  .aws-section3{
    color: #12597a;
  }

   #aws-icon-container{
    margin: 40px 0;
  }

  .aws-icon{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 260px;
    padding: 20px;
    text-align: center;
    margin: 40px auto 0;
    box-shadow: 1px 1px 4px #12597a;
    border-radius: 5px;
  }

  .aws-icon img{
    margin-bottom: 40px;
    height: 95px;
    width: auto;
  }

  .aws-icon h3{
    width: 50%;
  }

  #aws-cloud-gray .container{
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding: 40px 0;
  }

  #aws-cloud-gray img{
    width: 185px;
    height: 185px;
    margin-bottom: 40px;
  }

  #aws-cloud-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60%;
  }

  a.aws-cloud-link{
    color:#12597a;
    border-radius: 50px;
    padding: 10px 35px;
    transition: .4s;
    border: 2px solid #12597a;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 20px;
  }

  a.aws-cloud-link:hover{
    background-color: #12597a;
    color: #fff;
  }  

  #aws-roadmap{
    background-color: white;
  }

  #aws-roadmap .container{
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-bottom: 20px;
  }

  #roadmap-text{
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
  }

  #roadmap-text h1{
    margin-bottom: 0px;
  }

  #roadmap-text h3{
    font-size: 1.5em;
    color: #00a6dd;
  }

  .roadmap-schedule{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .roadmap-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    background-color: #00a6dd;
    color: white;
    text-align: left;
    padding: 10px 30px 10px 20px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 20px;
  }

  .roadmap-title h1{
    color: white;
    margin-bottom: 0px;
    font-size: 1.5em;
  }

  .roadmap-title i{
    font-size: 1.5em;
  }

  .roadmap-schedule-p{
    width: 100%;
    background-color: #f1f2f4;
    border-radius: 5px;
    padding: 20px;
    display: none;
    text-align: left;
    flex-direction: column;
    margin-bottom: 20px;
    font-style: .9em;
  }

  .roadmap-schedule-p p{
    color: #12597a;
    border-bottom: 1px solid #12597a;
    padding-bottom: 20px;
    width: 100% !important;
    margin-left: 0px !important;
  }

  .roadmap-schedule-p ul{
    margin: 20px 0 20px;
    padding: 0 0 20px 40px;
    border-bottom: 1px solid #12597a;
  }

  .roadmap-schedule-p p:last-child{
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .roadmap-schedule-p ul:last-child{
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .roadmap-schedule-p p{
    text-align: left;
  }

  #schedule-day5{
    display: none;
    flex-direction: column;
  }

  #schedule-day5 .roadmap-schedule-p{
    display: flex;
  }

  a.aws-learn-more{
    background-color: #00a6dd;
    color:white;
    border-radius: 5px;
    padding: 10px 15px;
    transition: background-color .4s;
  }

  a.aws-learn-more:hover{
    background-color: #12597a;
  }

  .aws-contact{
    background-color: #12597a;
    color: white;
    padding: 80px 0;
    text-align: center;
  }

  .aws-contact h1{
    font-size: 3em;
  }

  .aws-contact h2{
    font-size: 2em;
    text-transform: none;
    margin-bottom: 40px;
  }

  a.aws-contact-btn{
    border: 3px solid white;
    background-color: #12597a;
    padding: 10px 40px;
    font-size: 2em;
    color: white;
    border-radius: 45px;
    transition: background-color .4s;
  }

  a.aws-contact-btn:hover{
    background-color: #00a6dd;
  }

  .aws-contact{
    background-color: #12597a;
    color: white;
    padding: 80px 25px;
    text-align: center;
  }

  .aws-contact h1{
    font-size: 2em;
  }

  .aws-contact h2{
    font-size: 1.5em;
    text-transform: none;
    margin-bottom: 40px;
  }

  a.aws-contact-btn{
    border: 3px solid white;
    background-color: #12597a;
    padding: 10px 30px;
    font-size: 1.5em;
    color: white;
    border-radius: 45px;
    transition: background-color .4s;
  }

  a.aws-contact-btn:hover{
    background-color: #00a6dd;
  }

  /*.aws-content a{
      color: #12597a;
        border-bottom: 1px solid #00a6dd;
        font-weight: bold;
        transition: color .4s;
    }

    .aws-content a:hover{
      color: #00a6dd;
    }

    .aws-content p{
      text-align: left;
    }
    
    #aws-ul li, #aws-features li, #aws-benefits li{
      margin-bottom: 10px;
      text-align: left;
    }

    #aws-benefits-features{
      display:flex;
      flex-direction: column;
      justify-items: center;
    }

    #aws-benefits-features h3{
      margin-bottom: 10px;
    }

    #aws-features, #aws-benefits {
      display:flex;
      flex-direction: column;
      flex: 1 1 0px;
    }

    #aws-features{
      margin-bottom: 20px;
    }*/


  /*** SAP ON AZURE PAGE MOBILE STYLES ***/

  #sap-azure-header{
      background: url('images/sap-azure-hero.jpg') no-repeat center;
      background-size: cover;
      color: white;
      text-align: center;
    }

    #sap-azure-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

  #azure-subheader{
      text-align: center;
    }

    #azure-subheader a {
      color: #12597a;
      border-bottom: 1px solid #00a6dd;
      font-weight: bold;
      transition: color .4s;
    }

    #azure-subheader a:hover{
      color: #00a6dd;
    }

    #azure-subjeader p:nth-child(2){
      font-weight: 600;
    }

    #azure-icons-text {
      padding-top: 20px;
    } 

    .azure-individual{
      display: flex;
      flex-direction: column;
      margin-top: 20px;
    }

    .azure-individual img{
      width: 100px;
      margin: 0 auto;
    }

    .azure-individual-text h2{
      font-size:18pt;
      color: #00a6dd;
    }

    .azure-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
    }
    
    #azure-sap-capabilities {
      background-image: 
        linear-gradient(rgba(0, 0, 0), rgba(17, 55, 87));
      background-position: top center;
      background-size: cover;
      text-align: center;
    }
    
    #azure-sap-capabilities p{
      color: white;
      margin: 0px 0 10px;
    }
    
    #azure-sap-capabilities h1{
      color: #00a6dd;
      margin-bottom: 0px;
    }

    #azure-capabilities-icons {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 40px 0;
    }

    .capabilities-row {
      display: flex;
      justify-content: space-around;
      text-align: center;
    }

    .capabilities-row-mobile{
      display:flex;
      flex-direction: column;
    }

    .capabilities-individual{
      display: flex;
      flex-direction: column;
      width: 155px;
      margin: 10px 10px;
      height: 100px;
    }

    #azure-applications-header {
      text-align: center;
    }

    #azure-applications-header a{
      color: #12597a;
      border-bottom: 1px solid #00a6dd;
      font-weight: bold;
      transition: color .4s;
    }

    #azure-applications-header a:hover{
      color: #00a6dd;
    }

    #azure-applications-info {
      display: flex;
      flex-direction: column;
    }

    #azure-applications-left h2{
      text-transform: capitalize !important;
      font-size: 21pt !important;
      font-weight: 700 !important;
    }

    #azure-applications-right {
      display: flex;
      flex-direction: column;
      width: 100%;
      align-items: center;
      justify-content: center;
      margin: 40px 0 20px;
      height: 184px;
    }
    #azure-applications-left {
      display: flex;
      flex-direction: column;
      width: 100%;
      align-items: center;
      justify-content: center;
    }

    #azure-applications-left p {
      text-align: left;
    }

    ul {
       margin-left: 25px;
    }

    li {
      text-align: left;
    }

    #iframe-applications-video {
      height: 100%;
      width: 100%;
    }

    #azure-related-resources{
      background-color: white;
    }

    #azure-related-resources .container{
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
    }

    #azure-related-resources h3{
      width: 100%;
      text-align: center;
      margin-bottom: 40px;
    }

    .azure-resource{
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      width: 300px;
      height: 360px;
      font-weight: bold;
      padding: 20px;
      box-shadow: 2px 2px 5px #12597a;
      margin: 0px 20px 40px;
    }

    .azure-resource img{
      height: 175px;
      width: auto;
      margin-bottom: 20px;
    }

    .azure-resource a{
      color: white;
      padding: 10px 15px;
      background-color: #12597a;
      border-radius: 5px;
    }

    .azure-resource a:hover{
      background-color: #00a6dd;
    }

    #azure-quote{
      background: url('images/azure-bottom-background.jpg') no-repeat center;
      background-size: cover;
      text-align: center;
    }

    #azure-quote p {
      color: white;
    }

    #azure-quote h1{
      color: #fff;
    }
    
    #request-btn {
      width: 200px;
      margin: 0 auto;
    }

    #request-btn a {
      text-decoration: none;
      color: white;
      padding: 17px 10px;
      display: block;
      background: #00a6dd;
      width: 200px;
      border-radius: 5px;
      transition: .3s;
    }

    #request-btn a:hover {
      text-decoration: none;
      background: white;
      padding: 17px 10px;
      display: block;
      color: #00a6dd;
      width: 200px;
      border-radius: 5px;
    }


  /*** CONTACT PAGE MOBILE STYLES ***/

  #contact-bg {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(images/contact-us-bg.webp) no-repeat bottom center;
    background-size: cover;
    color: white;
    text-align: center;
    height: 300px;
  }

  #contact-bg > .container {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  #social-media-contact {
    margin-bottom: 20px;
  }

  #contact-form{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
    padding-bottom: 60px;
    text-align: center;
    border-bottom: 1px solid #12597a;
  }

  #contact-form h2{
    margin-bottom: 5px;
    text-align: left;
   font-weight: bold;
  }

  #contact-form p{
    padding:  0 20px;
  }

  #contact-form form{
    display: flex;
    flex-direction: column;
  }

  #contact-form input{
    width: 330px;
    height: 50px;
    font-size: 1em;
    margin-top: 10px;
    padding: 0 10px;
    font-family: 'Source Sans Pro', sans-serif;
  }

  #contact-form textarea{
    width: 330px;
    height: 100px;
    font-size: 1em;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 15px 10px;
    font-family: 'Source Sans Pro', sans-serif;
  }

  input#submit{
    align-self: flex-start;
    background-color: #12597a;
    color: white;
    text-transform: uppercase;
    width: 150px;
    cursor: pointer;
    border: 1px solid #12597a;
    border-radius: 5px;
    transition: background-color .4s;
  }

  input#submit:hover{
    color: white;
    background-color: #00a6dd;
    border: 1px solid #00a6dd;
  }

  #contact-map{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px;
  }

  #contact-map a{
    color: #12597a;
    border-bottom: 1px solid #00a6dd;
    transition: color .4s;
  }

  #contact-map a:hover{
    color: #00a6dd;
  }

  #contact-map iframe{
    width: 300px;
    height: 252px;
    border: 1px solid #12597a;
  }

  /*** OVERWATCH PAGE MOBILE STYLES ***/

  #overwatch-hero{
      background: url('images/overwatch-hero.jpg') no-repeat center;
      background-size: cover;
      color: white;
      text-align: center;
    }

   #overwatch-hero .corontainer{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }
  #overwatch-heading {
    background: #f6f8ff
  }

  #overwatch-heading .container{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #overwatch-animation {
    width: 100%;
    max-width: 475px;
    margin: 10px auto 0;
  }

  #overwatch-heading-text{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #overwatch-heading-text h3{
    font-size: 2em;
    margin-bottom: 5px;
  }

  #overwatch-heading-text p{
    font-size: 1.15em;
    text-align: justify;
  }

  #overwatch-heading-text img{
    width: 250px;
    height: auto;
    margin-bottom: 20px;
  }

  #overwatch-btn{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: fit-content;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  a.header-btn{
    padding: 15px;
    color: white;
    background-color: #00a6dd;
    border: 1px solid #00a6dd;
    text-decoration: none;
    text-align: center;
    font-size: 1.15em;
    margin-bottom: 5px;
    border-radius: 5px;
    transition: background-color .4s;
  }

  a.header-btn:hover{
    color: white;
    background-color: #12597a;
    border: 1px solid #12597a;
  }


  #overwatch-heading-img img{
    width: 250px;
    height: auto; 
    margin: 20px 0; 
  }

  #overwatch-benefits{
    padding: 60px 25px;
    color: white;
    background-image: linear-gradient(#2c3843, #12597a);
  }

  #overwatch-benefits h1{
    margin-bottom: 40px;
  }

  .overwatch-benefit-single{
    padding: 20px 0;
    border-bottom: 1px solid #00a6dd;
    margin: 20px 0;
  }

   #hybrid-it .container{
    padding: 20px 0px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
   }

   #hybrid-it h1{
    margin-bottom: 60px;
   }

   #hybrid-it h2 {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    font-size: 1.5em;
    font-weight: 400;
  }

  a.h2-link {
    text-decoration: none;
    color: #12597a;
    border-bottom: 1px solid #00a6dd;
    transition: color .4s;
    font-weight: bold;
  }

  a.h2-link:hover{
    color: #00a6dd;
  }

  .icon-container{
    width: 280px;
    height: 360px;
    padding: 20px;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border: 1px solid #12597a;
    box-shadow: 1px 1px 4px #12597a;
    border-radius: 5px;
    margin-bottom: 40px;
  }
  
  .visible img{
    width: 150px;
    height: auto;
  }

  .visible h3{
    display: none;
  }

  .text p{
    margin-bottom: 30px;
  }

  .text a{
    display: none;
    padding: 8px 16px;
    border-radius: 5px;
    background-color: #00a6dd;
    color: white;
    text-decoration: none;
    transition: background-color .4s;
  }

  .text a:hover{
    background-color: #12597a;
  }

  #resolve{
    display: none;
  }

  #overwatch-slideshow{
    background-color: white;
    padding: 60px 0;
    color: #12597a;
  }

  #overwatch-slideshow h1{
    text-align: center;
  }

  .overwatch-slideshow-individual{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: #12597a;
    width: 100%;
    transition: background-color .4s;
  }

  .resolveIcon{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 90px;
    border: 1px solid #00a6dd;
    background-color: #f1f2f4;
    color: #12597a;
    border-radius: 15px;
    padding: 10px;
    width: 100%;
    transition: background-color .4s;
    margin-top: 20px;
  }

  .resolveIcon h3{
    margin-bottom: 0px;
  }

  .resolveIcon p{
    margin-bottom: 0px;
  }

  .overwatch-slideshow-individual img{
    width: 100%;
    height: auto;
    box-shadow: 4px 4px 8px gray;
  }

  /* slideshow container */
  .overwatch-slideshow-container{
    position: relative;
    width: 100%;
    text-align:center;
    margin:40px 0 0;
    padding:0 20px;
  }

  /* Slides hidden by default on line 1886  */

  /*.mySlides {
    display: none;
  }*/

  /* Add a pointer when hovering over the thumbnail images */
  .cursor {
    cursor: pointer;
  }

  /* Next & previous buttons */
  .overwatch-prev,
  .overwatch-next {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 14px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 22px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    background-color:#00a6dd;
    /*border: 2px solid #00a6dd;*/
  }

  /* Position the "prev button" to the left */
  .overwatch-prev {
    left: 0;
    border-radius: 3px 0 0 3px;
  }

  /* Position the "next button" to the right */
  .overwatch-next {
    right: 0;
    border-radius: 3px 0 0 3px;
  }

  /* On hover, add a dark blue background color with blue border */
  .overwatch-prev:hover,
  .overwatch-next:hover {
   /* background-color: #12597a;*/
    color: #fff;
    /*border: 2px solid #00a6dd;*/
  }

  /* The dots/bullets/indicators */
  #dots{
    position: relative;
    top: 75px;
    text-align: center;
  }

  .overwatch-dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: #f1f2f4;
    border: 1px solid #00a6dd;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }

  .overwatch-dot-active, .overwatch-dot:hover {
    background-color: #00a6dd;
  }


  #features{
    padding: 20px 0 40px;
    font-size: 1.15em;
  }
  
  #features .container{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #features img{
    margin-bottom: 20px;
    width: 100px;
    height: 100px;
  }

  .indiv-feature{
    color: #12597a;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px 60px;
    margin-bottom: 20px;
    border-bottom: 1px solid #00a6dd;
    width: 330px;
  }

  .features-text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    height: 75px;
  }

  .features-text img{
    margin-right: 15px;
    margin-bottom: 0px !important;
    width: 40px !important;
    height: auto !important;
  }

  .features-text p{
    margin-bottom: 0px;
  }


  /*** TESTIMONIALS PAGE MOBILE STYLES ***/ 

  #testimonials-page{
    background-color: white;
    color: #12597a;
  }

  #testimonials-slideshow{
    background-color: white;
    padding: 60px 0;
    color: #12597a;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #testimonials-slideshow h1{
    text-align: center;
    margin-bottom: 10px;
    padding: 0 20px;
    font-size: 1.3em;
  }

  .gray-border{
    height: 2px;
    width: 50%;
    background-color: #f1f2f4;
    margin-bottom: 60px;
  }


  /* slideshow container */
  .testimonials-slideshow-container{
    position: relative;
    width: 100%;
    text-align:center;
    padding:0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .testimonials-slideshow-individual{
    padding:  20px 40px;
    border: 1px solid #00a6dd;
    box-shadow: 1px 2px 1px #00a6dd;
  }

  .testimonials-slideshow-individual p{
    font-style: italic;
  }

  /* Slides hidden by default on line 1886  */

  /*.mySlides {
    display: none;
  }*/

  /* Next & previous buttons */
  .testimonials-prev,
  .testimonials-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 14px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 22px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    background-color:#00a6dd;
    transition: background-color .4s;
    /*border: 2px solid #00a6dd;*/
  }

  /* Position the "prev button" to the left */
  .testimonials-prev {
    left: 0;
    border-radius: 3px 0 0 3px;
  }

  /* Position the "next button" to the right */
  .testimonials-next {
    right: 0;
    border-radius: 3px 0 0 3px;
  }

  /* On hover, add a darker blue background color with blue border */
  /*.testimonials-prev:hover,
  .testimonials-next:hover {
    background-color: #12597a;
  }
*/
  /* The dots/bullets/indicators */
  #dots{
    position: relative;
    top: 75px;
    text-align: center;
  }

  .testimonials-dot {
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin: 0 3px;
    background-color: #f1f2f4;
    border: 1px solid #12597a;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }

  .testimonials-dot-active, .testimonials-dot:hover {
    background-color: #00a6dd;
  }


  /*** PARTNERS PAGE MOBILE STYLES ***/

   #partners-header{
      background: url('images/partners-header.jpg') no-repeat center;
      background-size: cover;
      color: white;
      text-align: center;
    }

   #partners-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #partners-blue{
      background-image: linear-gradient(#18a0ca, #106176);
      color: white;
      text-align: center;
    }

    #partners-blue p{
      text-align: left;
    }

    #partners-blue-btn{
      margin: 40px 0 20px;
      padding-top: 40px;
      border-top: 1px solid white;
    }

    #partners-blue-btn h3{
      margin-bottom: 40px;
      text-align: center;
    }

    #partners-blue-btn a{
      color: #12597a;
      background-color: white;
      border-radius: 5px;
      border: 1px solid white;
      padding: 10px 30px;
      font-weight: bold;
    }

    #partners-blue-btn a:hover{
      background-color: #12597a;
      color: white;
    }

  #partners{
    color: #12597a;
    padding: 60px 0;
    background-color: white;
  }

  #partner-individual a{
    color: #00a6dd;
    border-bottom: 1px solid #00a6dd;
    text-decoration: none;
    transition: border-bottom .4s;
    }

    #partner-individual a:hover{
      border-bottom: none;
    }

  #partners-text{
    text-align: center;
    margin: 0 auto;
    width: 80%;
    margin-bottom: 60px;
  }

  #partners-container{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
  }

  .partners-box{
    width: 250px;
    min-height: 250px;
    margin: 0 20px 40px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    /*background-color: #f1f2f4;*/
    padding: 20px;
    text-align: left;
    border: 1px solid #12597a;
    border-radius: 5px;
    box-shadow: 1px 2px 1px #12597a;
  }

  .partners-box img{
    max-height: 40px;
    width: auto;
    margin-bottom: 20px;
  }

  a.learn-more-partners{
    display: none;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    background-color: #12597a;
    border-radius: 5px;
    transition: background-color .4s;
  }

  a.learn-more-partners:hover{
    background-color: #00a6dd;
  }

  #partners-form{
    padding: 60px 25px 0;
  }

  #partners-form h2{
    font-size: 1.5em;
    text-align: left;
  }

  #partners-form p{
    text-align: left;
    padding: 0 !important;
  }

  .partners-checkbox{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
    text-align: left;
  }

  .partners-checkbox input{
    width: 20px !important;
    height: 20px !important;
    margin: 0 10px 0 0 !important;
  }

  .partners-checkbox a{
    color: #12597a;
    border-bottom: 1px solid #00a6dd;
    font-weight: bold;
    transition: .4s;
  }

  .partners-checkbox a:hover{
    color: #00a6dd;
  }

  #partners-form input#submit{
    align-self: flex-start;
  }


  /*** INDIVIDUAL PARTNERS PAGES MOBILE STYLES ***/

  #partner-individual{
    color: #12597a;
  }

  #partner-individual .container{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px 60px;
  }

  .partner-logo{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
  }

  .partner-logo img{
    max-width: 250px;
    height: auto;
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #12597a;
  }

  .partner-logo a{
    color: #00a6dd;
    border-bottom: 1px solid #00a6dd;
    transition: boder-bottom .4s;
    text-decoration: none;
  }

  .partner-logo a:hover{
    border-bottom: none;
  }

  #sap-logos img{
    width: 200px;
    height: auto;
    padding: 0px;
    border: none;
  }

  .sap-col{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .sap-col-2{
    display: none;
  }

  .sap-col-2 img{
    margin-bottom: 10px;
  }

  #sap-icons{
    background-color: white;
    color: #12597a;
    padding: 80px 0;
  }

  #sap-icons .container{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .sap-icon{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 260px;
    height: 260px;
    padding: 20px;
    text-align: center;
    border: 1px solid #00a6dd;
    margin: 0 40px 60px;
  }

  .sap-icon img{
    margin-bottom: 20px;
  }

  a.sap-services-solutions{
    padding: 10px;
    color: white;
    background-color: #12597a;
    border-radius: 5px;
    transition: background-color .4s;
    text-decoration: none;
    text-align: center;
  }

  a.sap-services-solutions:hover{
    background-color: #00a6dd;
  }

  /*** MANAGED ENTERPRISE CLOUD PAGES MOBILE STYLES ***/

  /*.managed-enterprise{
    background-color: white;
    padding-top: 60px;
    padding-bottom: 60px;
  }*/

  .managed-enterprise p{
    text-align: left;
  }

  .managed-enterprise a{
    color: #12597a;
    border-bottom: 1px solid #00a6dd;
    transition: color .4s;
    font-weight: bold;
  }

  .managed-enterprise a:hover{
    color: #00a6dd;
  }

  .managed-enterprise ul{
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .managed-enterprise li{
    margin-bottom: 10px;
    text-align: left;
  }

  .contact-box {
      background: #fff;
      color: #00a6dd;
      text-align: center;
      padding: 30px 10px;
      border-top: 1px solid #12597a;
      border-bottom: 1px solid #12597a;
    }

    .contact-box h3{
      margin-bottom: 10px;
    }

    .contact-box h4{
      font-size: 1.25em;
    }
    
    .contact-box a{
      text-decoration: none;
      color:#12597a;
      border-bottom: 1px solid #00a6dd;
      transition: color .4s;
    }

    .contact-box a:hover{
      text-decoration: none;
      color:#00a6dd;
    }

    /***SUBPAGE HERO MOBILE STYLES***/

  .subpage-hero h1{
    font-size: 2.5em;
    margin-bottom:0px;
    color: white;
  }

  .subpage-hero h3{
    font-size: 1.6em;
    margin-bottom:0px;
    font-weight: 400;
    color: white;
  }

  /***CAREERS PAGE MOBILE STYLES***/

  #careers-header{
    background: url('images/careers-hero.webp') no-repeat 56% center;
    background-size: cover;
    color: white;
    text-align: center;
    height: 300px;
  }

  #careers-header .container{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; 
    height: 100%;
  }

  #career-content1 p{
    text-align: left;
  }

  #values-section{
    background-color: white;
  }

  #values-section .container{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }

  #values-section h1{
    width: 100%;
    margin-bottom: 60px;
  }

  .value{
    width: 240px;
    height: 400px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    margin: 0 20px;
  }

  .value img{
    margin-bottom: 20px;
  }

  #career-benefits{
    padding-bottom: 20px;
  }

  #benefits-list{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }

  #benefits-list p{
    width: 300px;
    padding-bottom: 20px;
  }

  #open-positions{
    background-color: white;
  }

  #open-positions a{
    color: #12597a;
    border-bottom: 1px solid #00a6dd;
  }

  #open-positions a:hover{
    color: #00a6dd;
  }

  #resume{
    background-image: linear-gradient(#12597a, #00a6dd);
    color: white;
    text-align: center;
  }

  #resume h3{
    margin-bottom: 40px;
  }

  #resume a{
    border: 2px solid white;
    background-color: #12597a;
    color: #fff;
    border-radius: 25px;
    padding: 10px 30px;
    font-weight: bold;
  }

  #resume a:hover{
    background-color: white;
    color: #00a6dd;
  }


  /*** MULTI CLOUD PAGE MOBILE STYLES ***/

  #multi-cloud-header{
    background: url('images/multi-cloud-header.jpg') no-repeat center;
    background-size: cover;
    color: white;
    text-align: center;
  }

  #multi-cloud-header .container{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; 
  }

  #multi-cloud-header h1{
    font-size: 2.5em;
    margin-bottom:0px;
  }

  #multi-cloud-header h3{
    font-size: 1.6em;
    margin-bottom:0px;
    font-weight: 400;
  }

  #multi-cloud-content1{
    text-align: left;
    padding-bottom: 0px;
    background-color: white;
  }

  #multi-cloud-content1 p{
    margin-bottom: 0px;
  }

  #multi-cloud-content2{
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-top: 0px;
    background-color: white;
    padding-bottom: 40px;
  }

  #multi-cloud-content2 p{
    text-align: left;
  }

  #multi-cloud-content2 h3{
    text-align: left;
  }

  #multi-cloud-content2 img{
    width: 100%;
    height: auto;
  }

  #multi-cloud-content3{
    padding-top: 60px;
    text-align: left;
    background-color: #12597a;
    color: #f1f2f4;
  }

  #multi-cloud-content3 li{
    margin-bottom: 5px;
  }

 .cloud-company-img{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 40px 0 20px;
  }

  .cloud-company-img img{
    margin: 0 20px 40px;
    width: 120px;
    height: auto;
  }

  #multi-cloud-content4{
    text-align: center;
    padding-bottom: 0px;
  }

  #multi-cloud-content5{
    background-color: white;
    text-align: left;
    padding-bottom: 40px;
  }

  .request-consult{
    background-image: linear-gradient(#2c3843, #12597a);
    color: white;
    text-align: center;
    padding: 60px 15px 70px;
  }

  .request-consult h3{
    margin-bottom: 40px;
  }

  .request-consult p{
    margin-bottom: 50px;
  }

  .request-consult a{
    color: #fff;
    background-color: #00a6dd;
    padding: 10px 20px;
    border-radius: 35px;
    border: 3px solid white;
    font-size: 1.5em;
    transition: .4s;
    font-weight: bold;
    display: block;
    width: 200px;
    margin: 0 auto;
  }

  .request-consult a:hover{
    color: #00a6dd;
    background-color: #fff;
  }

  a.consult-small-link {
    padding: 10px;
    font-size: 1.15em;
  }

    .managed-enterprise ol>li{
      margin-bottom: 10px;
      margin-left: 20px;
    }

    #multi-cloud-image {
      margin:40px auto;
    }

    /*#multi-cloud-image img{
      width: 100%;
      max-width: 400px;
      height: auto;
    }*/

    #multi-cloud-ol{
      margin: 20px 0;
      text-align: left;
    }

    #multi-cloud-ol h3{
      text-align: center;
    }

    #multi-cloud-ul li{
      margin-bottom: 10px;
      text-align: left;
    }

    /*** PRIVATE CLOUD PAGE MOBILE STYLES ***/

  #private-cloud-header{
    background: url('images/private-cloud-header.jpg') no-repeat center;
    background-size: cover;
    color: white;
    text-align: center;
  }

  #private-cloud-header .container{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; 
  }

  #private-cloud-header h1{
    font-size: 2.5em;
    margin-bottom:0px;
  }

  #private-cloud-header h3{
    font-size: 1.6em;
    margin-bottom:0px;
    font-weight: 400;
  }

  .private-cloud-content {
    text-align: left;
  }

  #private-cloud-content1{
      background-color: #12597a;
      color: #f1f2f4;
    }

  #private-cloud-content2{
    background-color: white;
    text-align: center;
    padding-bottom: 20px;
  }

  #private-cloud-content3{
    padding-bottom: 20px;
  }

  #private-cloud-card-container{
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: center;
      margin-top: 60px;
      width: 100%;
    }

    .private-cloud-card{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      color: #12597a;
      background-color: #f1f2f4;
      border-radius: 5px;
      box-shadow: 2px 2px 5px #12597a;
      width: 100%;
      padding: 20px 20px 0;
      transition: .4s;
      margin: 0 0px 60px;
    }

    .private-cloud-card:hover{
      color: #00a6dd;
      background-color: #fff;
    }

    .private-cloud-card h3{
      font-size: 1em;
    }

    #private-cloud-benefits {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 20px auto;
    }

    #private-cloud-ul, #private-cloud-img {
      display: flex;
      flex-direction: column;
    }

    #private-cloud-img img{
      width: 100%;
      max-width: 400px;
      height: auto;
      margin-bottom: 20px;
    }

    #private-cloud-ul ul>li{
      text-align: left;
      margin-bottom: 10px;
    }

    /***APPLICATION HOSTING MOBILE STYLES***/

    #application-header{
      background: url('images/application-hero.jpg') no-repeat 30% 50%;
      background-size: cover;
    }

    #application-header .container{
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    #app-hosting-content1 p{
      text-align: left;
    }

    #app-white-img {
      background-color: white;
      padding: 0px 0 40px;
    }

    #app-white-img .container{
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    #app-white-img img{
      width: 100%;
      height: auto;
      margin-bottom: 40px;
    }

    #app-white-img p{
      align-self: flex-start;
      text-align: left;
      padding:  0 25px;
    }

    .app-col{
      margin-top: 20px;
    }

    /*** MANAGED INFRASTRUCTURE MOBILE STYLES***/

    #managed-infra-header{
      background: url('images/managed-infra-hero.jpg') no-repeat 50% 65%;
      background-size: cover;
    }

    #managed-infra-header .container{
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    #infra-image-left{
      background-color: white;
      padding: 0px 0px 40px;
    }

    #infra-image-left .container{
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    #infra-image-left img{
      width: 100%;
      height: auto;
      margin-bottom: 40px;
    }

    #infra-image-text{
      display: flex;
      flex-direction: column;
      text-align: left;
      padding: 0 20px;
    }

    #infra-blue-background{
      background-color: #12597a;
      padding: 60px 20px 20px;
    }

    #infra-blue-background .container{
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
    }

    .infra-box{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      background-color: white;
      width: 320px;
      height: 400px;
      text-align: center;
      padding: 20px;
      margin: 0 20px 40px;
    }

    .infra-box img,
    .infra-box h3{
      margin-bottom: 10px;
    }

    .infra-box a{
      color: white;
      background-color:#12597a;
      border: 2px solid #12597a;
      border-radius: 5px;
      padding: 10px 15px;
      font-weight: bold;
    }

    .infra-box a:hover{
      background-color: #f1f2f4;
      color: #12597a;
    }

    #infra-approyo-advantage h3{
      text-align: left;
    }

    #infra-approyo-advantage li{
      margin-bottom: 10px;
    }

    a.infra-contact-btn{
      padding: 8px 25px !important;
      font-size: 1.25em !important;
    }

    /*** PUBLIC CLOUD PAGE MOBILE STYLES ***/

    #public-cloud-header{
      background: url('images/public-cloud-hero.jpg') no-repeat top center;
      background-size: cover;
      color: white;
      text-align: center;
    }

    #public-cloud-header .container{
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center; 
    }

    #public-cloud-header h1{
      font-size: 2.5em;
      margin-bottom:0px;
    }

    #public-cloud-header h3{
      font-size: 1.6em;
      margin-bottom:0px;
      font-weight: 400;
    }

    #public-cloud-benefits{
      background-color: white;
      padding: 0px 0px 40px;
    }

    #public-cloud-benefits .container{
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    #public-cloud-benefits img{
      width: 100%;
      height: auto;
      margin-bottom: 40px;
    }

    #public-cloud-benefits-text{
      display: flex;
      flex-direction: column;
      text-align: left;
      padding: 0 20px;
    }

    #public-cloud-process h3{
      margin-bottom: 0px;
    }

    #public-cloud-process{
      text-align: left;
    }

    #public-cloud-process h2{
      font-weight: bold;
      text-align: left;
      font-size: 1.5em;
    }

    #public-cloud-partners{
      background-color: white;
      padding-bottom: 30px;
    }

    #public-cloud-partners .container{
      display: flex;
      flex-flow: column;
      align-items: center;
      text-align: center;
    }

    #public-cloud-partners p{
      margin-bottom: 30px;
    }

    #public-cloud-partners img{
      width: auto;
      height: auto;
      margin: 0 20px 20px;
    }

    #public-cloud-case-studies {
      display: none;
    }

    #public-cloud-case-studies .container{
      display: flex; 
      flex-flow: row wrap;  
      justify-content: center; 
      align-items: center;  
    }

    #public-cloud-case-studies h2{
      text-transform: none;
      width: 100%;
      font-weight: bold;
      font-size: 2em;
      margin-bottom: 40px;
    }

    .cloud-case-study{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 300px;
      padding: 30px;
      box-shadow: 2px 2px 5px #12597a;
      text-align: center;
      margin-bottom: 20px;
      border-radius: 5px;
    }

    .cloud-case-study img{
      width: 275px;
      height: auto;
      margin-bottom: 20px;
      border-radius: 5px;
    }

    .cloud-case-study a{
      padding: 10px 15px;
      color: white;
      background-color: #00a6dd;
      border-radius: 5px;
    }

    .cloud-case-study a:hover{
      background-color: #12597a;
    }


    #public-cloud-ul li{
      margin-bottom: 10px;
      text-align: left;
    }

    /*** SAP LICENSING PAGES MOBILE STYLES ***/

    /*** AUDIT COMPLIANCE PAGE MOBILE STYLES***/

    .aud-content a{
      color: #12597a;
        border-bottom: 1px solid #00a6dd;
        transition: color .4s;
        font-weight: bold;
    }

    .aud-content a:hover{
      color: #00a6dd;
    }

    .aud-content p{
      text-align: left;
    }

    #audit-ul li{
      text-align: left;
      margin-bottom: 10px;
    }
    #audit-slide {
      background: url('../images/audit-compliance-slide.jpg');
      background-position: left top;
      background-size: cover;
      height: 200px;
      margin-top: -10px;
    }

    #audit-testimonals{
      display: flex;
      flex-direction: column;
      justify-items: center;
      border: 1px solid #12597a;
    }

    .audit-individual{
      display: flex;
      flex-direction: column;
      flex: 1 1 0px;
      padding: 20px
    }

    .audit-individual p{
      text-align: center;
    }

    .audit-individual:nth-child(1), .audit-individual:nth-child(2){
      border-bottom: 1px solid #12597a;

    }

    #four-solution-suites {
      display: flex;
      flex-direction: column;
      justify-items: center;
      margin: 40px 0;
      border: 1px solid #12597a;
    }

    .solution-suite {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-items: center;
      height: 225px;
    }

    .solution-suite:nth-child(1), .solution-suite:nth-child(2), .solution-suite:nth-child(3){
      border-bottom: 1px solid #12597a;
    }

    .suite-header {
      background: #00a6dd;
      color: white;
      width: 100%;
      text-align: center;
    }
    .suite-header p{
      margin: 5px 0;
      text-align: center;
    }

    .suite-body {
      padding: 10px 20px;
      height: 80px;
    }

    .suite-body p {
      text-align: center;
    }

    .suite-btn {
      display: flex;
      align-items: center;
      justify-items: center;
      margin-top: 40px;
    }

    #audit-benefits {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    .audit-benefit-img {
    }

    .audit-benefit-img img{
      width: 100px;
    }

    .audit-benefit-ind{
      display: flex;
      flex-direction: column;
      /* justify-content: center; */
      align-items: center;
      flex: 1 1 0px;
      margin: 0 20px;
    }

    .audit-benefit-ind p{
      text-align: center;
    }

    /*** CLOUD TRANSFORMATION PAGE DESKTOP STYLES***/

    #cloud-transformation-header{
      background: url('images/cloud-transformation-hero.jpg') no-repeat center;
      background-size: cover;
    }

    #cloud-transformation-header .container{
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    #cloud-transformation-content1 p{
      text-align: left;
    }

    #cloud-banner{
      background: url('images/cloud-banner-dark.jpg') no-repeat center;
      background-size: cover;
      color: white;
    }

    #cloud-banner .container{
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    #cloud-banner h3{
      font-size: 1.8em;
      color: #00a6dd;
    }

    #cloud-banner span{
      font-weight: bold;
      font-size: 1.15em;
      color: #00a6dd;
    }

    #cloudSlide{
      display: none;
    }

    #cloud-slideshow{
      /*background-color: #fff;*/
      color: #12597a;
      padding: 60px 25px 80px;
    }

    #cloud-slideshow h1{
      text-align: center;
      font-size: 1.8em;
      margin-bottom: 60px;
    }

    .cloud-slideshow-individual{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 25px;
      margin: 0 auto;
      height: 350px;
      margin-bottom: 40px;
      text-align: center;
      background-color: white;
      color: black;
      box-shadow: 2px 2px 5px #2c3843;
      border-radius: 5px;
    }

    .cloud-slideshow-individual > ul li::before {
      content: "\2022";
      font-weight: bold;
      font-size: 1.5em;
      color: #00a6dd;;
      margin-right: 5px;
    }


    .cloud-slideshow-individual ul{
      margin-bottom: 30px;
      text-align: left;
      list-style: none;
      margin-left: 10px !important;
    }

    .cloud-slideshow-individual ul  li::before {
      content: "\2022";
      font-weight: bold;
      font-size: 1.5em;
      color: #00a6dd;;
      margin-right: 5px;
    }

    .cloud-slideshow-individual a{
      border-radius: 5px;
      background-color: #00a6dd;
      border: 1px solid #00a6dd;
      color: #fff;
      padding: 8px 16px;
      align-self: center;
    }

    .cloud-slideshow-individual a:hover{
      background-color: #fff;
      color: #00a6dd;
    }

    /*NEXT AND PREVIOUS BTNS */
    .cloud-prev, .cloud-next {
      cursor: pointer;
      position: absolute;
      width: auto;
      padding: 14px;
      color: white;
      font-weight: bold;
      font-size: 22px;
      border-radius: 0 3px 3px 0;
      user-select: none;
      -webkit-user-select: none;
      background-color: #00a6dd;
      margin: 0 20px;
      /* border: 2px solid #00a6dd; */
    }

    .cloud-next{
      right: 0;
      border-radius: 3px 0 0 3px;
    }

    .cloud-prev{
      left: 0;
      border-radius: 3px 0 0 3px;
    }

    .cloud-next:hover,
    .cloud-prev:hover{
      background-color: #12597a;
      color: white;
    }

    /*CLOUD DOTS*/
    .cloud-dot {
      cursor: pointer;
      height: 10px;
      width: 10px;
      margin: 0 2px;
      background-color: #fff;
      border: 1px solid #00a6dd;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
    }

    .cloud-dot-active, .cloud-dot:hover {
      background-color: #00a6dd;
    }

    #cloud-partner-container{
      background-color: white;
    }

    #cloud-partner-container .container{
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
    }

    #cloud-partner-container h1{
      width: 100%;
      margin-bottom: 60px;
    }

    .cloud-partner{
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      width: 300px;
      height: 340px;
      padding: 20px;
      box-shadow: 2px 2px 5px #12597a;
      border-radius: 5px;
      margin: 0 10px 20px;
    }

    .cloud-partner img{
      width: 150px;
      height: auto;
      margin-bottom: 20px;
    }

    #cloud-partner-network{
      width: 100%;
      text-align: center;
      margin: 40px 0;
    }

    #cloud-partner-network a{
      color: #12597a;
      border-bottom: 1px solid #00a6dd;
      transition: .4s;
      font-weight: bold;
      font-size: 1.25em;
    }

    #cloud-partner-network a:hover{
      color: #00a6dd;
    }


    /*** CONSULTING SERVICES PAGES MOBILE STYLES ***/

    /*.consulting-services{
      padding: 60px inherit;
    }*/

    .consulting-services p{
      text-align: left;
    }

    .consulting-services a{
      color: #12597a;
      border-bottom: 1px solid #00a6dd;
      transition: color .4s;
      font-weight: bold;
    }

    .consulting-services a:hover{
      color: #00a6dd;
    }

    .consulting-services ul{
      margin: 0 0 20px 20px;
    }

    .consulting-services ul li{
      margin-bottom: 10px;
      text-align: left;
    }

    /***IT TRANSFORMATION MOBILE STYLES***/

    #it-transform-header{
      background: url('images/it-transform-hero.jpg') no-repeat  center;
      background-size: cover; 
    }

   #it-transform-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #it-transform1 p{
      text-align: left;
    }

    #it-transform2{
      background-color: #12597a;
      color: #f1f2f4;
      text-align: left;
    }

    #it-transform2 h1{
      text-align: left;
    }

    #it-transform2 a{
      color: #f1f2f4;
      font-weight: bold;
      border-bottom: 1px solid #00a6dd;
    }

    #it-transform3 a{
      color: #12597a;
      font-weight: bold;
      border-bottom: 1px solid #00a6dd;
    }

    #it-transform3{
      background-color: white;
    }

    #it-transform3 p{
      text-align: left;
    }

    #it-transform2 a:hover,
    #it-transform3 a:hover{
      color: #00a6dd;
    }

    /***DISCOVERY AND ASSESSMENT MOBILE STYLES***/

    #discovery-header{
      background: url('images/discovery-hero.jpg') no-repeat 80% 50%;
      background-size: cover;
    }

    #discovery-header .container{
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    #discovery-content1 p,
    #discovery-content2 p{
      text-align: left;
    }

    #discovery-content2{
      background-color: white;
    }

     #discovery-content2 img{
      width: 100%;
      height: auto;
      margin: 20px 0 60px;
    }

    #discovery-boxes{
      margin-top: 40px;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
    }

    .discovery-individual{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      box-shadow: 2px 2px 5px #12597a;
      padding: 20px;
      width: 300px;
      height: 275px;
      margin: 0 10px 20px;
      transition: .4s;
    }

    #discovery-boxes a{
      width: 300px;
      height: 275px;
      margin: 0 10px 20px;
    }

    .discovery-individual:hover{
      background-color: #00a6dd;
      color: white;
    }

    .it-transformation p{
      text-align: left;
    }

    #it-columns{
      background-image: linear-gradient(#2c3843, #12597a);
      color: white;
      padding: 60px 25px;
    }

    #it-columns p{
      text-align: left;
    }

    #it-columns .container{
      display: flex;
      flex-flow: row wrap;
      justify-content: space-around;
      align-items: flex-start;
    }

    .h1-it-col{
      width: 100% !important;
      margin-bottom: 20px;
    }

    .it-col{
      width: 40%;
      min-width: 300px;
      margin-left: 10px;
      margin-right: 10px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }

    /*** SECURITY / COMPLIANCE PAGES MOBILE STYLES ***/

    .security-main-body p{
      text-align: left;
    }

    /*** DISASTER RECOVERY PAGE MOBILE STYLES ***/

    #disaster-header{
      background: url('images/disaster-hero.jpg') no-repeat center;
      background-size: cover;
    }

    #disaster-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    } 

    #disaster-con1{
      text-align: left;
    }

     #disaster-con2{
      background-color: white;
      padding-top: 60px;
    }

    #disaster-con2 .container{
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
    }

    #disaster-list-container{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }

    .disaster-list{
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 20px;
      border-bottom: 1px solid #12597a;
      padding-bottom: 10px;
      width: 100%;
    }

    .disaster-list img{
      width: 50px;
      height: auto;
      margin-bottom: 5px;
      display: none;
    }

    .disaster-list p{
      margin-bottom: 0;
      margin-left: 20px;
      text-align: left;
    }

    img.disaster-graphic{
      width: 100%;
      height: auto;
      max-width: 400px;
      margin-bottom: 40px;
      /*padding: 20px;
      border: 1px solid #12597a;
      border-radius: 5px;*/
    }

    #disaster-con3{
      text-align: left;
    }

    #recovery-plan {
      margin-bottom: 20px;
    }

    #recovery-plan p:nth-child(even){
      margin:0px;
    }

    .consult-btn {
      width: fit-content;
      margin: 0 auto;
      display: block;
    }

    .consult-btn a {
      color: #fff;
      background-color: #00a6dd;
      padding: 10px 20px;
      border-radius: 35px;
      border: 3px solid white;
      font-size: 1em;
      transition: .4s;
      text-transform: capitalize;
      display: block;
    }

    .consult-btn a:hover {
      color: #00a6dd;
      background-color: #fff;
    }


    /*** ENDPOINT PROTECTION PAGE MOBILE STYLES ***/

    #endpoint-header{
      background: url('images/endpoint-hero.jpg') no-repeat center;
      background-size: cover;
    }

    #endpoint-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #endpoint-con1 .container{
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      justify-content: center;
    }  

    #endpoint-con1 img{
      width: 80%;
      height: auto;
      max-width: 400px;
      margin: 20px 0 40px;
    } 

    #endpoint-con1 p{
      text-align: left;
    }

    #endpoint-protect{
      background-color: white;
    }

    #endpoint-protect .container{
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      justify-content: center;
    }

    #endpoint-protect h1{
      width: 100%;
      margin-bottom: 60px;
    }

    .endpoint-individual{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 320px;
      height: 340px;
      box-shadow:2px 2px 5px #12597a;
      margin: 0 10px 20px;
    }

    .endpoint-individual img{
      width: 100%;
      height: auto;
      margin-bottom: 20px;
    }

    .endpoint-individual p{
      padding: 0 20px;
    }

    /***GOVERNANCE MOBILE STYLES***/

    #govern-header{
      background: url('images/govern-hero.jpg') no-repeat center;
      background-size: cover;
    }

    #govern-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #govern-content1 p{
      text-align: left;
    }

    #govern-content2{
      background-color: white;
      padding-bottom: 60px;
    }

    .govern-boxes{
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      margin: 60px 0;
    }

    .govern-indi{
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      width: 250px;
      height: 270px;
      box-shadow:2px 2px 5px #12597a;
      padding: 20px;
      margin: 0 10px 20px;
    }

    .govern-indi h3{
      color: #00a6dd;
    }

    .align-left-mobile{
      text-align: left;
    }

    /*** MANAGED SECURITY PAGE MOBILE STYLES ***/

    #managed-security-header{
      background: url('images/managed-security-hero.jpg') no-repeat center;
      background-size: cover;
    }

    #managed-security-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #managed-video{
      width:100%;
      margin: 40px auto;
      height: 281px;
    }

    .security-contact-box{
      background-color: #2c3843;
      color: white;
    }

    .security-contact-box a{
      color: white;
    }

    #security-lock-background{
      background: white /*url('images/security-lock-background.jpg') no-repeat center right*/;
      background-size: cover;
    }

    #accordion-section{
      margin: 40px auto;
      width: 100%;
    }

    .accordion {
      background-color: #12597a;
      color: white;
      cursor: pointer;
      padding: 18px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 1em;
      transition: 0.2s;
      margin:0 auto 5px;
      border-radius: 5px;
    }

    .accordian-active, .accordion:hover {
      background-color: #00a6dd;
      color: white;
    }

    .panel {
      padding: 0 18px;
      width: 100%;
      background-color: white;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
      text-align: left !important;
    }

    .inner-panel {
      padding: 20px;
    }

    .inner-panel ul{
      list-style: none;
      text-align: left;
    }

    .inner-panel ul>li{
      margin-bottom:10px;
    }

    .inner-panel>p:not(:first-child){
      margin-bottom: 5px;
      text-align: left;
    }

    #managed-benefits-ul ul>li{
      list-style: none;
      text-align: left;
    }

    #security-benefits-container{
      margin-top: 60px;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
    }

    #security-benefits-container h3,
    #security-benefits-container p{
      width: 100%;
      text-align: center;
    }

    .security-icon{
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      width: 120px;
      height: 240px;
      padding: 10px;
      margin: 20px;
    }

    .security-icon img{
      margin-bottom: 20px;
      width: 100px;
      height: 100px;
    }

    /*** SAP FUNCTIONAL SOLUTIONS PAGE MOBILE STYLES ***/

    #functional-sol-header{
      background: url('images/functional-hero.jpg') no-repeat right center;
      background-size: cover;
    }

    #functional-sol-header .container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    #sap-functional-solutions{
       background-image: linear-gradient(#2c3843, #12597a);
       padding: 60px 20px;
    }

    #sap-functional-solutions h1{
      color: #00a6dd;
      width: 100%;
      margin-bottom: 60px;
      text-align: center;
      /*padding-bottom: 5px;
      border-bottom: 1px solid #fff;*/
    }

    #sap-functional-solutions span{
      color: #fff;
    }

    #sap-functional-solutions .container{
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
    }

    .sap-solution-box{
      color: #fff;
      background-color: #00a6dd;
      /*color: #12597a;
      background-color: #fff;*/
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
     /* box-shadow: 1px 1px 4px #fff;*/
      width: 330px;
      height: 160px;
      margin:0 20px 40px;
      padding: 20px;
    }

    #sap-what-we-do{
      padding: 60px 20px 0;
    }

    #sap-what-we-do h1{
      margin-bottom: 10px;
    }

    .blue-border{
      height: 3px;
      width: 75px;
      background-color: #00a6dd;
      margin: 0 auto;
    }

    #sap-what-we-do span{
      color: #00a6dd;
    }

    #sap-what-we-do-ul-img{
      display: flex;
      flex-flow: column-reverse;
      align-items: center;
      margin-top: 40px;
    }


    #sap-what-we-do-ul-img ul li{
      margin-bottom: 20px;
      font-size: 1.25em;
    }

    #sap-what-we-do-ul-img img{
      width: 100%;
      height: auto;
      max-width: 560px;
    }

    #sap-our-wins{
      padding: 60px 20px 0;
      background-image: linear-gradient(#f1f2f4, #fff);
    }

    #sap-what-we-do p{
      margin-top: 40px;
      text-align: center;
    }

    #our-wins-list{
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 70px;
    }

    #our-wins-list .sap-win:nth-child(5) {
      margin-bottom: 0 !important;
    }

    .sap-win{
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      text-align: center;
      padding: 0 20px;
      margin-bottom: 60px;
    }

    .sap-win h3{
      margin-bottom: 30px;
    }

    .sap-win i{
      font-size: 2.5em;
      color: #00a6dd;
      margin-bottom: 30px;
    }

    .sap-win p{
      margin-top: 0px !important;
      font-weight: bold;
    }

    .sap-img-container{
      text-align: center;
      margin-bottom: 80px;
    }

    .sap-img-container img{
      width: 100%;
      height: auto;
      max-width: 400px;
      display: none;
    }


  /*** BLOG INDEX PAGE MOBILE STYLES ***/
  #blog-bg {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(images/blog-bg.webp) no-repeat center;
    background-size: cover;
    height: 300px;
  }

  #blog-bg > .container {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  #blog-index{
        background-color: white;
      }

      .blog-index-post{
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 1px solid #00a6dd;
        padding-bottom: 60px;
        margin-top: 60px;
      }

      .blog-index-post img{
        width: 300px;
        height: auto;
        margin-bottom: 40px;
      }

      img.img-border{
        border:  1px solid #12597a;
      }

      .blog-description{
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .blog-description p{
        text-align: justify;
      }

      .blog-description h3{
        align-self: center;
        text-align: center;
        margin-bottom: 0px;
      }

      a.read-more-blog{
        padding: 10px 15px;
        border-radius: 5px;
        color: white;
        text-decoration: none;
        background-color: #12597a;
        transition: background-color .4s;
      }

      a.read-more-blog:hover{
        background-color: #00a6dd;
      }

      /*** BLOG INDIVIDUAL PAGES MOBILE STYLES ***/
      
      #blog-individual{
        background-color: white;
      }

      .blog-post img{
        min-width: 300px;
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto 40px;
      }

      img.img-border{
        border:  1px solid #12597a;
      }

      img.img-big{
        margin:  40px auto;
      }

      img.img-bigger{
        width: 100%;
        height: auto;
        margin-bottom: 0px;
      }

      .blog-post h3{
        text-align: left;
      }

      .text-center{
        text-align: center !important;
      }

      .blog-post ul {
          text-align: left;
          margin-left: 40px;
      }

      .blog-post p{
        text-align: left;
      }

      .blog-post a{
        color: #12597a;
        text-decoration: none;
        font-weight: bold;
        border-bottom: 1px solid #00a6dd;
        transition: color .4s;
      }

      .blog-post a:hover{
        color: #00a6dd;
      }

      .blog-post iframe{
        width: 320px;
        height: 180px;
      }


      p.back-to-blog{
        margin-top: 60px;
      }

      .back-to-blog a{
        padding: 10px 15px;
        border-radius: 5px;
        color: white;
        text-decoration: none;
        background-color: #12597a;
        transition: background-color .4s;
        margin-top: 40px;
      } 

      .back-to-blog a:hover{
        background-color: #00a6dd;
        color: white;
      }

      #blog-social{
        background-color: #12597a;
        margin-bottom: 20px;
        padding: 20px;
        color: white;
      }

      #blog-social .container{
        display: flex;
        justify-content: center;
        align-items: center;
      }

      #blog-social i{
        margin: 0 20px;
        font-size: 1.5em;
        color: white;
        transition: color .4s;
      }

      #blog-social i:hover{
        color: #00a6dd;
      }

      #recent{
        color: #12597a;
        padding-bottom: 20px;
      }

      #recent .container{
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      #recent-posts-title{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
      }

      #recent-posts-title a{
        color: #12597a;
        border-bottom: 1px solid #00a6dd;
        font-weight: bold;
        transition: color .4s;
      }

      #recent-posts-title a:hover{
        color: #00a6dd;
      }

      #blog-recent-posts{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
      }

      .blog-recent-post {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 20px 0;
        margin-bottom: 40px;
        border-bottom: 1px solid #12597a;
        width: 300px;
        text-align: center;
      }

      .blog-recent-post img{
        width: 250px;
        height: 150px;
        margin-bottom: 10px;
      }

      .blog-recent-post a{
        color: #12597a;
        transition: color .4s;
      }

      .blog-recent-post a:hover{
        color: #00a6dd;
      }

  
  /*** CASE STUDIES INDEX PAGES MOBILE STYLES ***/
  #case-studies-bg {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/case-studies-bg.jpg) no-repeat top center;
    background-size: cover;
    height: 300px;
  }

  #case-studies-bg > .container {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  #case-studies-gallery{
        background-color: white;
        padding:  60px 0;
      }

      #case-studies-gallery .container{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        align-items: center;
      }

      #case-studies-gallery a{
        font-size: 1.15em;
        color: #12597a;
        font-weight: bold;
        transition: color .4s;
      }

      #case-studies-gallery a:hover{
        color: #00a6dd;
      }

      .single-case-study{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 20px;
        width: 300px;
        height: 400px;
        margin: 20px 0;
        text-align: center;
        border-bottom: 1px solid #12597a;
      }

      .single-case-study img{
        margin-bottom: 20px;
        height: 275px;
        width: auto;
      }

      /***INDIVIDUAL CASE STUDIES PAGES MOBILE STYLES ***/

      #case-study{
        background-color: white;
        padding: 60px 25px;
        color: #12597a;
      }

      #case-study .container{
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .case-study-description p{
        text-align: justify;
      }

      .case-study-description a{
        color: #12597a;
        border-bottom: 1px solid #00a6dd;
        font-weight: bold;
        transition: color .4s;
      }

      .case-study-description a:hover{
        color: #00a6dd;
        border-bottom: 1px solid #00a6dd;
      }

      .case-study-p-img{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
      }

      .case-study-p-img span{
        text-align: center;
      }

      .covenant{
        text-align: center !important;
      }

      #ey-logo p{
        text-align: center;
      }

      #hk-logo p{
        text-align: center;
      }

      .case-study-download{
        width: 100%;
        margin-top: 60px;
      }

      .case-study-download img{
        margin-bottom: 20px;
      }

      .case-study-download p{
        margin-bottom: 40px;
        /*font-weight: bold;*/
      }

      .case-study-download form{
          display: flex;
          flex-direction: column;
          align-items: center;
          border: 1px solid #12597a;
          box-shadow: 1px 1px 4px;
          padding: 20px;
          width: 100%;
        }

        .case-study-download input{
          width: 100%;
          height: 50px;
          font-size: 1em;
          margin-bottom: 40px;
          padding: 0 10px;
          font-family: 'Source Sans Pro', sans-serif;
        }


        .case-study-download input#submit{
          align-self: center;
          background-color: #12597a;
          color: white;
          text-transform: uppercase;
          width: 220px;
          cursor: pointer;
          border-radius: 5px;
          border: 1px solid #12597a;
          transition: background-color .4s;
        }

        .case-study-download input#submit:hover{
          color: white;
          background-color: #00a6dd;
          border: 1px solid #00a6dd;
        }


/*** FOOTER MOBILE STYLES ***/
    #footer {
      padding: 40px 0px 0px;
      background: #f1f2f4;
      color: #656269;
    }

    .footer-col{
      display: flex;
      flex-direction: column;
      align-items: center;
      margin:  0 auto;
      margin-bottom: 40px;
      padding-bottom: 40px;
      border-bottom:1px solid #12597a;
      width: 80%;
    }

    .footer-icon {
      width: 30px;
      padding: 5px;
      border-radius: 3px;
      background: #12597a;
      font-size: 14pt;
      text-align: center;
      color: white;
      margin-bottom: 10px;
    }

    .footer-details{
      align-items: center;
      text-align: center;
      padding:  0 20px;
    }

    .footer-details h3{
      margin-bottom: 0px;
    }

    .footer-details a{
      color: #12597a;
      border-bottom: 1px solid #00a6dd;
      text-decoration: none;
      transition: color .4s;
      font-weight: bold;
    }

    .footer-details a:hover{
      color: #00a6dd;
    }

    /* NEWS LANDING PAGE MOBILE STYLES */

    #news-header {
      background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),  url('images/news-bg.webp') no-repeat center;
      background-size: cover;
      color: white;
      text-align: center;
      height: 100%;
    }

    #news-index{
			padding-bottom: 60px;
			color: #12597a;
		}

		#news-column{
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			margin-top: 80px;
			border-top: 1px solid #00a6dd;
		}

		.news-individual{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 60px 40px;
			border-bottom: 1px solid #00a6dd;
		}

		.news-individual img{
			width: 250px;
      margin-bottom: 20px;
		}

    .news-text {
      text-align: center;
    }

		.news-text p{
			margin-bottom: 40px;
		}

		a.news-btn{
			padding:  10px 20px;
			background-color: #00a6dd;
			color: white;
			border-radius: 5px;
			text-decoration: none;
			font-size: 1.15em;
			transition: background-color .4s;
      display: block;
      width: 126px;
      margin: 0 auto;
		}

		a.news-btn:hover{
			background-color: #12597a;
		}

    #news-header {

    }

    /* NEWS ARTICLES MOBILE STYLES */
  .news-image {
    text-align: center;
    margin: 0 auto 20px;
  }

  .news-image img {
    width: inherit;
    text-align: center;
  }

  .w-600 {
    width: 100%;
    max-width: 600px;
  }

  .w-100 {
    width: 100%;
    max-width: 600px;
  }

  .news-video-wrapper {
    width: 100%;
    max-width: 640px;
    height: 320px;
    margin: 0 auto 20px;
    display: block;
  }

  .privacy-policy {
    display: block;
    width: fit-content;
    text-align: center;
    margin: 0 auto 20px;
    font-size: 10pt;
  }
  
  #cookie-verification {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #cookie-form {
    width:100%;
    background: white;
    padding:40px;
    color: #bab9ba;
    font-size: 10pt;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

}