html, body {
    width: auto!important;
    overflow-x: hidden!important
} 
.profile {
    padding-top: 16px;
    padding-left: 14px;
    padding-right: 16px;
    padding-bottom: 0px;
    overflow-x: hidden;
    background-color: #183630;
    /*background-image: url("https://godesignpro.com/images/green.png");/*this is just waiting to be finished*/
    opacity: 100%;
    border-radius: 6px;
}

.custom_profile {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    overflow-x: hidden;
    background-color: #183630;
    /*background-image: url("https://godesignpro.com/images/green.png");/*this is just waiting to be finished*/
    opacity: 100%;
        border-radius: 6px;

}


.col-md-4 text-center {
    background-image: url("https://godesignpro.com/images/port_bg_pick.png");
        border-radius: 6px;

}
/*body*/
body {
    overflow-x: hidden;
    background-color: #2c2c2c;
    /*background-image: url("https://godesignpro.com/images/portfolio_bg.jpg");*/
/*background-image: url("https://godesignpro.com/images/port_bg_pick01.png"); /* Specify the path to your image */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  background-position: center center; /* Centers the image */
  background-size: cover; /* Ensures the image covers the entire background */
  background-attachment: fixed; /* Makes the background image fixed during scrolling */
    opacity: 100%;
    }
.row {
    
    padding-left: 0px; !important!
    padding-right: 0px; !important!

}

.wrapper {
    padding-left: 0px; !important!
    padding-right: 0px; !important!

}

.container-fluid {
    padding-left: 0px; !important!
    padding-right: 0px; !important!

}

.container {
    padding-left: 0px; !important!
    padding-right: 0px; !important!

}

 a {
    color: #f4fff4;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: ;

    /*font-family: 'Times New Roman', Times, serif;*/
}
  
.job {
    background-color: #2c2c2c;
    border: 1px solid #6cb55f;
    border-radius: 4px;
}

/*
.meBG {
padding-top: 40px;
background-image: url("https://godesignpro.com/images/cb01.jpeg");
background-size: cover;
width: 102%;
height: %;

}
*/

/*jumbotron*/
    .backBlocks {
background: #2C2C2C;
background: linear-gradient(0deg,rgba(44, 44, 44, 1) 2%, rgba(114, 182, 81, 1) 50%, rgba(44, 44, 44, 1) 98%);
    border: 1px solid #6cb55f;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    border-left: 0px solid #6cb55f;
    border-right: 0px solid ;
        border-radius: 6px;

    }

    #backBlocksHeading {
background: #2C2C2C;
background: linear-gradient(0deg,rgba(44, 44, 44, 1) 2%, rgba(114, 182, 81, 1) 50%, rgba(44, 44, 44, 1) 98%);
    border: 1px solid #6cb55f;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    border-left: 0px solid #6cb55f;
    border-right: 0px solid #6cb55f;
    border-top: 0px solid #6cb55f;
    border-bottom: 2px solid #6cb55f;
        border-radius: 6px;


    }
    #backBlocksLPtop {
    background-color: #;
    color: #fb9039;
    border: 1px solid #6cb55f;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    border-left: 0px solid #ff8c00;
    border-right: 0px solid #ff8c00;
    border-top: 0px solid #ff8c00;
    border-bottom: 0px solid #6cb55f;
        border-radius: 6px;


    }

    #backBlocksLPbottom {
    background-color: #;
    opacity: 100%;
    color: #fb9039;
    border: 1px solid #6cb55f;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    border-left: 0px solid #ff8c00;
    border-right: 0px solid #ff8c00;
    border-bottom: 0px solid #ff8c00;
    border-top: 0px solid #6cb55f;
        border-radius: 6px;


    }

    #backBlocksPast {
/*background: #183630;
background: linear-gradient(180deg,rgba(24, 54, 48, 1) 0%, rgba(108, 181, 95, 1) 50%, rgba(244, 255, 244, 1) 100%);    border: 1px solid #6cb55f;*/
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
    border-top: 0px solid #6cb55f;
    border-left: 0px solid #6cb55f;
    border-right: 0px solid #6cb55f;
    border-bottom: 2px solid #6cb55f;
            border-radius: 6px;

    }

    .col-md-4 {
background: #2C2C2C;
background: linear-gradient(0deg,rgba(44, 44, 44, 1) 2%, rgba(114, 182, 81, 1) 50%, rgba(44, 44, 44, 1) 98%);
    border: 1px solid #6cb55f;
    border-top: 0px solid #6cb55f;
    border-right: 2px solid #6cb55f;
    border-left: 1px solid #6cb55f;
    border-bottom: 2px solid #6cb55f;
        border-radius: 6px;


    }

.heading {
    max-height: 172px;
   background-color: #2c2c2c;

}


/*PARALLAX*/



/* If the screen size is 1200px wide or more, set the font-size to 40px */
  @media (min-width: 1200px) {
      .responsive-font-example {
          font-size: 40px;
      }
  }




  /* If the screen size is smaller than 1200px, set the font-size to 10px */
  @media (max-width: 1199.98px) {
      .responsive-font-example {
          font-size: 5px;
      }
  }









  



/*P & Headings*/
    p {
    color: #2c2c2c;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
 border: 1px solid #6cb55f;
    border-top: 0px solid #6cb55f;
    border-right: 0px solid #6cb55f;
    border-left: 0px solid #6cb55f;
    border-bottom: 0px solid #6cb55f;
        border-radius: 6px;
    } 

    .current {
        font-size: 20px;
    }

    h1 {
        color: #f4fff4;
         font-size: 28px;
  font-family: "Almarai", sans-serif;
  font-weight: 700;
  font-style: normal;

    }

    h2 {
  color: #f4fff4;
  font-size: 24px;
  font-family: "Almarai", sans-serif;
  font-weight: 700;
  font-style: normal;
}

    h3 {
  color: #f4fff4;
  font-size: 22px;
  font-family: "Almarai", sans-serif;
  font-weight: 700;
  font-style: normal;
}

    h4 {
color: #2c2c2c;
  font-size: 18px;
  font-family: "Almarai", sans-serif;
  font-weight: 700;
  font-style: normal;    }

    h5 {
  color: #f4fff4;
    }

    h6 {
        color: #f4fff4;
    }
ul {
    text-align: left;
    margin: auto;
    opacity: 100%;
    max-width: 600px;
}

a {
  color: #72b651;
  font-family: "Almarai", sans-serif;
  font-weight: 700;
  font-style: normal;
}



.recent-subs {
    margin: left;

}




/*buttons*/

    .btn-primary {
        background-color: #f7f7f7;
        color: #2c2c2c;
        border-color: #6cb55f;
    }

    .btn-primary:hover {
        background-color: #2c2c2c;
        color: #ffffff;
        border-color: #6cb55f;


    }
   
  
   #footer .footer-bottom {
   background: #10215c !important;
   
   }
   footer{
/*background-image: url("https://godesignpro.com/images/portfolio_bg.jpg");*/

   background-position:bottom center;
   background-repeat:no-repeat;
   background-color: #2c2c2c;
   background-size: cover;
   padding-bottom: 20px;
   }
   
  
  
   /* FIX Defaults - END */
   .dash.xsmall {
   width: 20%;
   height: 1px;
   margin-bottom: 1.3rem;
   }
   .dash {
   width: 30%;
   height: 1px;
   margin-bottom: 2rem;
   }
  
  
   /* If the screen size is 1200px wide or more, set the font-size to 80px */
   @media (min-width: 1200px) {
   .footer-text {
   font-size: 16px;
   color: #f1f1f1;
   }
   }
   /* If the screen size is smaller than 800px, set the font-size to 80px */
   @media (max-width: 800px) {
    h5 {
              color: #f1f1f1;

    font-size: 8px;
    }
   .footer-text {
   font-size: 6px;
      color: #f1f1f1;

   }
   }
   .hcm {
   min-width: 150px;
   }
   .mdcps-info {
   background-color: #000000;
   padding-top: 20px;
   padding-bottom: 15px;
   padding-left: 20px;
   padding-right: 20px;
   font-size: 12px;
   }

   .foot {
    color: #f1f1f1;
   }





   /*MODALS*/


    .modal {
      text-align: center;
      padding: 0!important;
    }
    
    .modal:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-right: -4px;
    }
    
    .modal-dialog {
      display: inline-block;
      text-align: left;
      vertical-align: middle;
    }
    
    /* footer footnotes */
    footer ol {
      border-top: 0px solid #eee;
      margin-top: 40px;
      padding-top: 15px;
      padding-left: 20px;
    }
    
    /* Bootstrap Docs */
    .bs-example {
        position: relative;
        padding: 45px 15px 15px;
        margin: 0 -15px 15px;
        border-color: #e5e5e5 #eee #eee;
        border-style: solid;
        border-width: 1px 0;
        -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
        box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
    }
    .bs-example:after {
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 12px;
        font-weight: 700;
        color: #959595;
        text-transform: uppercase;
        letter-spacing: 1px;
        content: "Example";
    }
    .bs-example-padded-bottom {
        padding-bottom: 24px;
    }
    @media (min-width: 768px){
      .bs-example {
          margin-right: 0;
          margin-left: 0;
          background-color: #fff;
          border-color: #ddd;
          border-width: 1px;
          border-radius: 4px 4px 0 0;
          -webkit-box-shadow: none;
          box-shadow: none;
      }
    }
    .bs-example+.code {
        margin: -15px -15px 15px;
        border-width: 0 0 1px;
        border-radius: 0;
    }
    @media (min-width: 768px){
      .bs-example+.code {
          margin-top: -16px;
          margin-right: 0;
          margin-left: 0;
          border-width: 1px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
      }
    }
    /* CodeMirror Bootstrap Theme */
    .cm-s-bootstrap .cm-comment {
      font-style: italic;
      color: #999988;
    }
    .cm-s-bootstrap .cm-number {
      color: #F60;
    }
    .cm-s-bootstrap .cm-atom {
      color: #366;
    }
    .cm-s-bootstrap .cm-variable-2 {
      color: #99F;
    }
    .cm-s-bootstrap .cm-property {
      color: #99F;
    }
    .cm-s-bootstrap .cm-string {
      color: #DD1144;
    }
    .cm-s-bootstrap .cm-keyword {
      color: #069;
    }
    .cm-s-bootstrap .cm-operator {
      color: #555;
    }
    .cm-s-bootstrap .cm-qualifier {
      color: #0A8;
    }