/*
_____________________________________________________

            SHARABLE LAYOUT
_____________________________________________________

*/
.full-screen {
   min-height: 100vh;
   overflow: auto; 
}

.full-screen-bg {
   overflow: auto; 
}

.center-align {
  display: flex; 
  height: 85vh;
}

.center-align-mini-list {
  display: flex;
  text-align: center;
  width: 100%;
  margin-left: 15%;
}

.center-align-item {
  align-self: center;
}

.partial-screen-display {
  height: 95vh;
}

.wide-setup {
  margin-left: 120px;
  background-color: white; 
} 

.full-wide-setup {
  background-color: white; 
  margin: 0;
} 

.full-wide-setup-nobg {
  margin: 0;
} 

.wide-setup-transparent {
  margin-left: 120px;
}



.bottom-left {
  position: relative;
  float: left;
}

.bottom-right {
  position: relative;
  float: right;
}



.two-column-section {
 width: 100%;
 top: 10%;
 left: 0;
 text-align: center;
 position: absolute; 
 /*background:rgba(255,255,255, 0.7);*/
}

.two-column-section-nopos {
 width: 100%;
 top: 10%;
 left: 0;
 text-align: center; 
 /*background:rgba(255,255,255, 0.7);*/
 float: right;
}

.two-column-section-skills {
 width: 100%;
 text-align: center;
}

.two-column-section div, .two-column-section-skills .middle-right, .two-column-section-skills .middle-left {
  display: inline-block;
}

.middle-right ,
.middle-left {
  width: 40%;
}


.one-column-text {
  margin: 0 10%;
  text-align: justify;
  justify-content: center;
}



.side-nav a.active {
  border-bottom: 2px solid #ecf0f1;
}




/*
_____________________________________________________

            SHARABLE PADDING
_____________________________________________________

*/


.padding-top {
  padding-top: 50px;
}

.padding-top-large {
  padding-top: 100px;
}

.padding-top-small {
  padding-top: 35px;
}

.padding-bottom {
  padding-bottom: 50px;
}

.padding-left {
  padding-left: 50px;
}

.padding-left-l {
  padding-left: 80px;
}

.padding-around {
  padding: 20px;
}

.padding-around-small {
  padding: 8px;
}

.padding-around-l {
  padding: 50px;
}


/*
_____________________________________________________

            SHARABLE MARGIN
_____________________________________________________

*/

.margins {
  margin-left: 11%;
   margin-right: 11%;
}

.margins-small {
  margin-left: 5%;
   margin-right: 5%;
}

.margins-l {
  margin-left: 21%;
   margin-right: 21%;
}

.top-space {
  margin-top: 150px;
}

.top-space-mini {
  margin-top: 50px;
}

.bottom-space {
  margin-bottom: 150px;
}

.bottom-space-mini {
  margin-bottom: 50px;
}

.border-top-white {
  border-top: 10px solid white;
}