page overflowing from the right margin :    This is my css code: if you have any questions regarding the code plz do ask or 
    if you want the html i can add to it. Thank you!
    -----------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------asdaasasdasadsdassaddsadasdassdasdadasdaskjdbajskdbjkasdjkasdjkasdjkabjksdbajkdbjabsjkabjsdajkdjasdbjasdjasbdjkabsdjkabsdabsdjkabsdjkabsjkdabjksdbajsdbjaksdjkabsdjkabjskdabjskdajsdjaksdkjasdkjasbdjkasbdjkasbdjasdasdjajdajkdbjkabdjkasbdjkasbdjkabsjkdbasjkdbasjkdbjkasdnasdasdasdasdasdasdasdasdasdasdasdasda
asdasdasasdasdjkkjsadbjkabskjdbak sbkjdabkjbadskj bajksbd jkasb kbakj bakjb jabk jabkjs bajk bkjasb kjabjk absjk bakj bjkasb jkdasbjk bdjka bjksa bkdj baksj dbkja bkjsbd jkasbd jkasb jkabs dbas jkba dkbjas dja jbk adsjkd asasdsad . ds ds ads
    nav.navbar {
            
            color: white !important;
            background-color: #d82c2e;
            font-weight: bold;
    
    
    }
    html {
        margin-right: 70px !important;
      
    }
    
    
    
    .introSec {
         height: 750px;
    
    }
    
    
    
    .hr {
        width: 100px;
    
        border-top: 1px solid red;
    }
    
    .navbar-flat li a:focus, .navbar-flat li a:hover, .navbar-flat li.active a, .navbar-brand {
        background-color: #c12728;
        color: #fff;
    }
    
    .navbar-flat a {
        transition: all .3s ease-in, 1s;
        
    }
    
    
    nav.navbar {
        padding-left: 35%;
    }
    
    .nav-link {
        color: #fff;
            /*font-size:calc(15px + 0.6vw);*/
    
    
    }
    
    .navbar-brand {
        color: white;
    
    }
    
    .introLine {
        text-align: center;
        padding-top: 30px;
        font-size:calc(15px + 0.6vw);
    
    
    }
    
    
    .pieImage {
        border-radius: 100%;
         margin: 40px 45%;
        
        
        height: calc(20% + 0.6vw);
        min-width: calc(13% + 0.6vw);
    
    
    }
    
    .pieImage2 {
          border-radius: 100%;
        margin-top: 20px;
        width: 300px !important;
        height: 600;
        display: inline-block;
    }
    
    .coolOne {
        margin-left: 17%;
    }
    
    #landing-header {
        margin-top: -80px;
    }
    
    .myName {
        text-align: center;
        color: white;
        font-family: Lato, sans-serif;
        letter-spacing: -2px;
    }
    
    .title {
        text-align: center;
        color: black;
        word-spacing: 3px;
        
        padding: 10px;
        
        margin: 15px auto;
        font-family: 'Pontano Sans', sans-serif;
        font-size:calc(30px + 0.6vw);
    }
    
    .firstSec {
        background-color: #d82c2e;
        height: 725px;
    
    }
    
    .aboutTitle {
        text-align: center;
        color: #d82c2e;
        font-family: Lato, sans-serif;
        font-weight: 700;
        font-size: 30px;
    } 
    
    .firstSec {
        margin-top: 57px;
    
        
    }
    
    .aboutIntro {
        text-align: center;
        font-family: Lato, sans-serif;
    
    }
    
    .aboutMe {
        padding: 20px 90px 0 90px;
    }
    
    .activities-inner {
        padding-top: 50px;
        margin: 50px;
        width: 100%;
        
    }
    .activities {
        border: 1px solid #e3e5e5;
        display: inline;
        padding: 50px;
    
    }
    
    .column {
        float: left;
        width: 25%;
        border: 1px solid lightgray;
        height: 200px;
        
        text-align: center;
    }
    
    .row:after {
        content: "";
        display: table;
        clear: both;
    }
    
    
    
    .column {
        font-weight: 500;
        font-size: 30px;
        padding-top: 30px;
        
    }
    
    .icon {
        font-size: 40px;
        color: #d82c2e;
    }
    
    .technicalSkills {
        text-align: center;
        font-family: Lato, sans-serif;
    
    }
    
    .thirdSec {
        background-color: #d82c2e;
    
        
    }
    
    .technicalSkills {
        margin-top: 50px;
        color: white;
        padding-top: 20px;
    }
    
    
    .portfolioHeading {
        text-align: center;
        color: #d82c2e;
        font-weight: 700;
        font-family: 700;
        font-size: 30px;
    }
    
    
    .hr {
        margin-top: 20px;
        color: #d82c2e;
    }
    
    .portfolioPic {
        margin: 20px 35%;
        width: 30%;
    }
    
    
    .text-center {
        display:flex; 
        flex-wrap: wrap;
        
    }
    
    .lastHr {
        float: left;
    
    }
    
    .contact {
    
        text-align: center;
    }
    
    
    .lastSec {
        background-color: #d82c2e;
        margin-top: 20px;
        
    }
    
    .contactDetails {
        padding-top: 20px;
    }
    
    .white {
        color: white;
    }
    
    .space {
        padding-top: 5px;
    }
    
    
    
    
    .row {
    
        padding-left: 100px;
        padding-right: 130px;
    }
    
    
    
    .dev {
        font-size:calc(18px + 1.0vw);
    }
    
    .secondDev {
        font-size:calc(15px + 0.6vw);
    }
    
    #landing-header {
      z-index: 1;
      position: relative;
      text-align: center;
      padding-top: 40vh;
    }
    
    #landing-header h1 {
      color: #fff;
    }
    
    .slideshow { 
      position: inherit;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 0;
      list-style: none;
      margin: 0;
      margin-top: -23.1%;
      padding: 0;
    }
    
    .slideshow li { 
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-size: cover;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      opacity: 0;
      z-index: 0;
      animation: imageAnimation 50s linear infinite; 
    }
    
    .slideshow li:nth-child(1) { 
      background-image: url(https://bearlake.org/wp-
    
    content/uploads/cache/images/garden-city-logan-campgrounds/garden-city-logan-campgrounds-987998613.jpg) 
        }
        .slideshow li:nth-child(2) { 
          background-image: url(https://bearlake.org/wp-content/uploads/cache/images/garden-city-logan-campgrounds/garden-city-logan-campgrounds-987998613.jpg);
          animation-delay: 10s; 
        }
        .slideshow li:nth-child(3) { 
          background-image: url(https://bearlake.org/wp-content/uploads/cache/images/garden-city-logan-campgrounds/garden-city-logan-campgrounds-987998613.jpg);
          animation-delay: 20s; 
        }
        .slideshow li:nth-child(4) { 
          background-image: url(https://bearlake.org/wp-content/uploads/cache/images/garden-city-logan-campgrounds/garden-city-logan-campgrounds-987998613.jpg);
          animation-delay: 30s; 
        }
        .slideshow li:nth-child(5) { 
          background-image: url(https://bearlake.org/wp-content/uploads/cache/images/garden-city-logan-campgrounds/garden-city-logan-campgrounds-987998613.jpg);
          animation-delay: 40s; 
        }
        
        @keyframes imageAnimation { 
          0% { 
            opacity: 0; 
            animation-timing-function: ease-in;
          }
          10% {
            opacity: 1;
            animation-timing-function: ease-out;
          }
          20% {
            opacity: 1
          }
          30% {
            opacity: 0
          }
        }
        
        .no-cssanimations .slideshow li {
        	opacity: 1;
        }
        
        .nav-link {
            color: white !important;
        }
        
        
        .navbar-toggler {
            border-color: white;
            /*margin-left: -50%;*/
        
        }
        
        
        .navbar-fixed-top {
            top: 0;
        }
        
        .navbar-light .navbar-toggler {
            border-color: transparent !important;
        }
        
        [![enter image description here][1]][1]
       Please go through the image. This is how my page looks like. 
        
          [1]: https://i.stack.imgur.com/OemwN.jpg

        Notice from navbar section, the margin on the right is way out. I need all 
        the sections to have the same margin and the page not to overflow. Thanks.