/*************************
*******MEDIA QUERY******
**************************/

 @media (max-width: 1400px){  
    .footer { 
        height: 100%;
    }
     
}
 @media (max-width: 1060px){   
     .respo img{
        float: right;
      width: 400px;
      margin-top: 46px;
  }
}


@media (max-width: 992px){   
.border-red{
    display: none
}


.footer { 
    padding-top: 78px; 
    margin-top: 130px;
}
.navbar-brand>img {
    margin-top: -24px;
    width: 53px !important; 
    height: 56px !important;
}
.navbar-default{
    height: 653px !important;
    border-radius: 0 !important;
} 
    .footer-img {
        display: none
    }   .col-md-3 {
        display: flex;
        justify-content: center ;
        align-items: center
    } 
    .navbar-toggle .icon-bar{
        background: #fff;

    }
    .footer { 
        width: 100%;
    }
    .footer .container-fluid {
        display: flex;
        flex-direction: column-reverse;
    }
    .navbar-right{
        margin-right: -109px;

    }

    .goals{
        border-radius: 0
    }
.icons { 
    flex-direction: column;
}
.vote-photo{
    display: none
}
.navbar2 .navbar-right {
    margin-right: -50px;
}
}
@media (max-width: 767px){  
    .footer .center {
        flex-direction: column-reverse;
    }


    .item-fo {
        width: 260%;
        margin-top: 11px;
        margin-right: 2px;
    }

.center2 {
    margin-bottom: 71px;
}
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left:0
    }
    .names {
        width: 50%;
    }
    h1{
        text-align: center;

    }

.none{
    display: none
}
.navbar-default .navbar-nav>li>a {
    color: #ffffff;
    text-align: center;
    padding-right: 41px;
}
.navbar-default .navbar-collapse{
 
    position: absolute;
    right: 43px;
    width: 180px;   
}
.person img {
    width: 110%;
}
.navbar-default .navbar-toggle{  
        width: 43px; 
        height: 37px;
        padding-top: 9px;
        margin-top: -4px;
        margin-bottom: 21px;
        margin-right: -17px;
}

 .navbar-default .navbar-collapse {
     border-bottom: none!important
 }
 .navbar-nav {
    display: block;
    }
 

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
 
    
     .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    float: right;
    text-align: right;
    margin-right: 0;
    background: #4e4e4e;
    padding-right: 21px;
    margin-right: -16px;
    z-index: 9999999999999;

}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e700;
}
    
 
.navbar-default {  
    display: block !important; 
    position: relative;
    top: 0px;
    padding: 31px;
    border-radius: 36%;
    margin: 0px !important;
    height: 413px !important;

} 
.words {
    margin-top: 30px;
}
.navbar-toggle { 
    padding-top: 0;
}

.navbar-default .container {
    margin-top: 0;
}
 
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
} 


.goals { 
    padding: 50px 10px;
}
.carousel-indicators {
    display: flex
}
}
@media (max-width: 650px){   
  
    

.item-fo {
    width: 190%;
}
.person img {
    width: 90%;
    margin-top: 51px;
}
.carousel-indicators li.active { 
    height: 50px; 
}
} 

@media (max-width: 500px){ 

    .names {
        width: 80%;
        margin-top: -100px;
    }
    .person img {
        width: 100%;
        margin-top: 41px !important;
    }
}

@media (max-width: 370px){
    
}