/* global */
.container{
  margin:auto;
  overflow:hidden;

}

.container-1200{
  margin:auto;
  overflow:hidden;
  max-width: 1200px;
}

.call-outs-container {
  max-width: none;
  margin: 10px auto 0 auto;
  justify-content: space-between;
}

.work-sub-container {
   max-width: none;
   margin: 10px 10px 10px 10px;
   justify-content: space-between;
 }
 

.work-sub-shadow {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  border-radius: 10px; /* 5px rounded corners */
  box-sizing: border-box;
  flex-basis: 100%;
  border: #cccccc solid 0px;
  padding: 15px 15px 15px 15px;
}

.mvo-border {
  border-radius: 10px; /* 5px rounded corners */
  text-align: left;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  flex-basis: 100%;
  border: #cccccc solid 1px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

}

.call-out-80-left-shadow {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  border-radius: 10px; /* 5px rounded corners */
  box-sizing: border-box;
  flex-basis: 100%;
  border: #cccccc solid 0px;
  padding: 15px 15px 15px 15px;
}

.mvc-container {
  max-width: none;
  margin: 10px auto 0 auto;
  justify-content: space-between;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

}

.mvc-border {
  text-align: left;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  flex-basis: 100%;
  border: #cccccc solid 1px;
}

.sub-container-shadow {
  max-width: none;
  margin: 10px auto 0 auto;
  justify-content: space-between;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

}



.container_framework{
  margin:auto;
  overflow:hidden;
  z-index: -1;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  border-radius: 10px; /* 5px rounded corners */
}

.nav_container{
  margin:auto;
  overflow:hidden;
  max-width: 100%;
}

/* .round-container {
  max-width: 100%;

} */


.round-olap {
  border-radius: 5%; /* 5px rounded corners */    
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  text-align: center;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  flex-basis: 30%;
  z-index: 0;
  background-color: #e2e6eb;

}

.call-out {
  border-radius: 50px; /* 5px rounded corners */  
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  text-align: center;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  flex-basis: 30%;
}

.call-out-secure {
  border-radius: 10px; /* 5px rounded corners */
  text-align: left;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  flex-basis: 100%;
  border: #cccccc solid 0px;
}

.plateau-container {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  border-radius: 10px; /* 5px rounded corners */
  text-align: center;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  flex-basis: 100%;
  border: #cccccc solid 1px;
  max-height: 45vh;
  min-height: 45vh;
  background-color: #a0bbd7;
}



.call-out-45 {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  border-radius: 10px; /* 5px rounded corners */
  text-align: center;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  flex-basis: 100%;
  border: #cccccc solid 1px;
  font-size: 1rem;
}

.call-out-80-center {
  border-radius: 10px; /* 5px rounded corners */
  text-align: center;
  margin-right: 10px;
  margin-bottom: 0px;
  padding: 0px;
  box-sizing: border-box;
  flex-basis: 100%;
  background-color:white;
  border: #cccccc solid 0px;
}

.call-out-80-center-white {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  border-radius: 10px; /* 5px rounded corners */
  text-align: center;
  margin-right: 10px;
  margin-bottom: 0px;
  padding: 0px;
  box-sizing: border-box;
  flex-basis: 100%;
  background-color:white;
  border: #cccccc solid 1px;
}

.call-out-80-left {
  border-radius: 10px; /* 5px rounded corners */
  text-align: left;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  flex-basis: 100%;
  border: #cccccc solid 0px;
}


.frameworks-container {
  border-radius: 10px; /* 5px rounded corners */
  text-align: left;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  flex-basis: 100%;
  width: 100%;
}

.call-out-80-left {
  text-align: left;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  flex-basis: 100%;
}

.call-out-80-left-border {
  border-radius: 10px; /* 5px rounded corners */
  text-align: left;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  flex-basis: 100%;
  border: #cccccc solid 1px;
}

.call-out-80-left {
  border-radius: 10px; /* 5px rounded corners */
  text-align: left;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  flex-basis: 100%;
  border: #cccccc solid 0px;
}


@media (min-width: 900px) {
  .call-outs-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.call-out:nth-child(1){background-color:#e6e6e6;  border: #cccccc solid 1px;}
.call-out:nth-child(2){background-color:#e6e6e6;   border: #cccccc solid 1px;}
.call-out:nth-child(3){background-color:#e6e6e6;   border: #cccccc solid 1px;}