.nav-link i:hover{
    color: #7B7B7B !important;
}
.nav-link i{
    color: #D95204!important;
}
.nav-link{
    color: black!important;
}
.nav-link:hover{
    color: #D95204!important;
}
.secB{
    width: 100%;
    padding: 30px 0;
    background-color: rgb(218, 218, 218);
    
}

.navbar-nav{
    color: black!important;
}
.caption1{
background-color: rgba(28, 28, 28, 0.688)!important;
width: 50%!important;
margin: 0 auto!important;
margin-bottom: 17%!important;
position: absolute!important;
}

.readmore:hover{
    background-color: #D95204!important;
    color: white!important;
    
}
@media screen and (min-width: 1001px) and (max-width:1600px){


    .caption1{
        width: 60%!important;
        margin-bottom: 17%!important;
        font-size: 50px !important;
    }
    .png{
        position:absolute;
        margin-top: 21%;
        margin-left: 26%;
        }
        .input1{
            width: 80%!important;
        }
        .tweet-container {
            width: 500px;
            border: 1px solid #b2b2b2;
            border-radius: 10px;
            padding: 15px;         
            margin: 0 auto;
        }
        .portbtn{
            cursor: pointer;
            background-color: transparent;
            margin-top: auto;
            padding: 2% 5%;
            margin-left: 20%;
         
        }
}
@media only screen and (min-width: 768px) {

    .twitbox {
        width: 10%;
        border: 1px solid #b2b2b2;
        border-radius: 10px;
        padding: 15px;
       
    }
    .twitbtn{
        background-color: white;
        width: auto;
        color: #1da1f2;
        padding: 2%;
        font-size: 20px;
        border: gray solid 1px;
        border-radius: 50px;
        margin-top: 2%;
        cursor: pointer;
      }


}
@media screen and (min-width: 300px) and (max-width:600px){

    .caption1{
        width: 60%!important;
        margin-bottom: 8%!important;
        font-size: 50px !important;
    }

    .png{
        position:absolute;
        margin-top: 29%;
        margin-left: 40%;
        }
        .input1{
            width: 80%!important;
        }
        .tweet-container {
            width: 400px;
            border: 1px solid #b2b2b2;
            border-radius: 10px;
            padding: 15px;
           
        }
        .twitbtn{
            background-color: white;
            width: auto;
            color: #1da1f2;
            padding: 2%;
            font-size: 20px;
            border: gray solid 1px;
            border-radius: 50px;
            margin-top: 2%;
            cursor: pointer;
          }
        .portbtn{
            cursor: pointer;
            background-color: transparent;
            margin-top: auto;
            padding: 2% 5%;
            margin-left: 20%;
         
        }
       
}
@media screen and (min-width: 601px) and (max-width:1000px){
    .caption1{
        width: 60%!important;
        margin-bottom: 8%!important;
        font-size: 50px !important;
    }
    .png{
        position:absolute;
        margin-top: 26%;
        margin-left: 31%;
        }
        .input1{
            width: 80%!important;
        }
        .tweet-container {
            width: 500px;
            border: 1px solid #b2b2b2;
            border-radius: 10px;
            padding: 15px;
            margin: 0 auto;
        }
        
        .portbtn{
            cursor: pointer;
            background-color: transparent;
            margin-top: auto;
            padding: 2% 5%;
            margin-left: 20%;
         
        }
}
.png1{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 6px solid white;
    position: fixed;
}
.png1{
position:absolute;
margin-top: 21%;
margin-left: -3%;
}
.secondp{
    margin-top: 6%;
}
.png2{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 6px solid white;

}
.emma1{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.emmah4{
    font-size: 20px;
    margin-top: 2%;
 
}
.emmahr{
    width: 15%;
    color: #ff0000;
    margin: 5% auto 0 auto;
    border: 2px solid #ff0000;
}
.siximg img{
    width: 100%;
    height: 90%;
    
}
.thirddiv{
    padding: 2% 20%;
}
.thirdp{
    font-family:cursive;
    font-size: 25px;
}
.ssimg{
    width: 70%;
    height: 300px;
}
.inputdiv{
    
    width: 100%;
    background-color: #F7F7F7;
}
.inputdiv:hover{
    background-color: white;
    outline: #7B7B7B 1px solid;
}
.input1{
    border: none;
    outline: none;
    background-color: transparent;
}

.btn1{
    background-color: #D95204!important;
    color: white!important;
    border: none!important;
 padding: 2% 20% !important;
}
.btn1:hover{
    background-color: #7B7B7B!important;
    color: rgb(5, 75, 213)!important;
}



/*twitter*/



.tweet-container {
    
    border: 1px solid #b2b2b2;
    border-radius: 10px;
    padding: 15px;
    margin: 0 auto;
}
.tweet-header {
    display: flex;
    align-items: center;
}
.tweet-header img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}
.tweet-content {
    margin-top: 10px;
}
.tweet-footer {
    margin-top: 10px;
  
    font-size: 14px;
    color: gray;
}
.a{
    color: #1da1f2;
    text-decoration: none;
}
.a:hover{
    color: #1da1f2;
    text-decoration: underline;
}
.twitbtn{
  background-color: white;
  width: 100%;
  color: #1da1f2;
  padding: 2%;
  font-size: 20px;
  border: gray solid 1px;
  border-radius: 50px;
  margin-top: 2%;
  cursor: pointer;
}
.twitbtn:hover{
  background-color: #c8eaff;
}
.wplogo{
    cursor: pointer;
}
.wplogo:hover{
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.237);
    background-color: #691717;
}
.ximg{  
    cursor: pointer; 
}
.ximg:hover{
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.237);
    background-color: #1d1d1d37;
}
.followbtn{
    border: none;
    background-color: transparent;
    color: #1D9BF0;
    cursor: pointer;
}
.followbtn:hover{
    text-decoration: underline;
}

/*twitter*/


.portbtn{
    cursor: pointer;
    color: rgb(72, 72, 72);
    background-color: ghostwhite;
    border: #7B7B7B 2px solid;
    margin-top: 17%;
    padding: 3% 5%;
    margin-left: 20%;
 
}
.portbtn:hover{
    background-color: #D95204;
    color: white;
    border: #D95204 2px solid;
}
.port1{
    background-image: url("images/port1.jpg") ;
    background-size: 100% 280px;
    width: 100%;
    height: 280px;
}
.port2{
    background-image: url("images/port2.jpg") ;
    background-size: 100% 280px;
    width: 100%;
    height: 280px;
}
.port3{
    background-image: url("images/port3.jpg") ;
    background-size: 100% 280px;
    width: 100%;
    height: 280px;
}
.port4{
    background-image: url("images/port4.jpg") ;
    background-size: 100% 280px;
    width: 100%;
    height: 280px;
}
.casebtn{
    cursor: pointer;
    color: rgb(254, 254, 254);
    background-color: transparent;
    border: #ffffff 2px solid; 
    padding: 2% 8%;
}
.casebtn:hover{
    background-color: #D95204;
    color: white;
    border: #D95204 2px solid;
}

.over{
    overflow: hidden;
    cursor: pointer;
}
.porthover{
    position: relative;
    top: 70%;
   
}
.porthover:hover{
    background-color: #62626283;
    top: 20%;
    transition: 1s ease-in-out;
    z-index: 5;
}

.footh4{

    text-decoration: underline red 1px;
    text-underline-offset: 15px;

}
.footcol{
    height: 369px;
    background-color: white;
}
.footp1{
    border-top: dashed 3px gainsboro;
    border-bottom: dashed 3px gainsboro;
    font-size: 20px;
    padding: 2%;
    cursor: pointer;
}
.footp2{
    font-size: 20px;
    padding-left: 2%;
}
.footp1:hover{
    color: #0078A0 !important;
}
.footp2:hover{
    color: #0078A0 !important;
}
.lasth1{
    color: grey;
    font-size: 13px;
   
    margin-left: 10%;
}
.lasth1 span{
    color: #1D9BF0;
    cursor: pointer;
}
.lasth1 span:hover{
    color: #D95204;
}
.lasta{
    text-decoration: none;
    color: gray ;
    margin: 0 2%;
}
.lasta:hover{
color: #D95204;
}