html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

.header {
  font-size: 175%;
}

.header2 {
  font-size: 160%;
}


#mainBody{
  background-image: url('Assets/backgrounds/background-image.PNG');
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#navHome, #navAbout, #navPort, #navConn{
  color:black;
}


#bananaTag {
width: 100%;
}

#inputData{
  padding: 20px;
  height: 190%;
}

#weatherDatabody, #SchedBddy, #StockBody{
  padding: 1rem;
}
.conTP {
  width: 100%;
}
#paragraph3{
  margin-bottom: 20px;
  padding-bottom: 25px;
}

.Heading{
  font-size: 400%;
  font-weight: 500;
}

span{
  color: white;
}

body{
  background-image: url('Assets/intersection/intersection.png');
  background-repeat: repeat;
}

.hideShowBtn{
  margin-top: 20px;
  /* position: fixed; */
  /* bottom: 0; */
  /* vertical-align: bottom; */
  width: 100%;
}

.hideConnect {
  margin-top: 20px;
  width: 100%;
}

#IG, #LI, #GH {
  margin-top: 0px;
  /* width: 50%; */
  /* vertical-align: bottom; */
}

.footerM {
text-align: center;
background-color: white;
position: fixed;
width: 100%;
bottom: 0;
padding: 1rem;
/* height:60px; */
}

.hero-body{
  padding: 0rem 1rem;
}

.mainHead {
  font-size: 500%;
  font-family: 'Bebas Neue', cursive;
}

.portCard {
  text-align: center;
  width: 80%;
}

#contact {
  text-align: center;
}

.portBtn {
  width: 100%;  
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
}

.img-responsive {
  margin-top: 5px;
  margin-bottom: 5px;
}

.topBox {
  background-color:white;
  padding: 15px;
}
.boxed {
    
    background-color:white;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
  }


.boxText{
  margin-top:25px;
  font-size: 120%;
}
.box2Text{
  margin-top: 5px;
  font-size: 120%;
}

#par1 {
  height: 65%;
}
#paragraph2 {
  margin-top: 10px;
  height: 35%;
  padding-bottom: 15px;
}

.card-image {
  padding-top: 8px;
  text-align: center;
}
#profilePic {
  width: 90%;
}

.card-img-top{
  height:100%;
  width: 100%;
}


.card {
  height: 100%;
  margin: 0 auto;
  float: none;
}

.playThru {
  margin-top: 10px;
}
 h5 {
     
      color: white;
  }

  .bottomCard {
    width: 100%;
  }

 #pic {
      margin-top: 5px; 
      margin-bottom: 10px;
      
  }

.form-group  {
      padding: 50px;
      text-align: center;
  }

 p {
    font-family: 'Poppins', sans-serif;
    color: black;
  }


 .boxes {
    background-color: white;
    border: rgb(189, 66, 66);
}

h4 {
  text-align: center;
  color: rgb(61, 58, 58);
}

#submit {
  text-align: center;
}
.btn{
      text-align: center;

  }

  #attribute {
      color: black;
      text-align: center;
      font-size: 10px;
  }
  #exampleInputMessage1 {
    height: 100px;
  }

h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  text-align: center;
}

#smicons {
  margin: 0 auto;
  float: none;
  margin-bottom: 10px;
  
}


.card-text {
      color: black;
      text-align: center;
  }

#page-content {
    flex: 1 0 auto;
  }
  


.col-xs-12 {
    padding:0;
}
@media (max-width : 480px) {
    .mobile_fix {
        padding:0;
    }
    #smicons {
      display:block;
    text-align:center
    }
}