.logo, .logo1{
    width:100%;
    float: left;
}

#header_fixed, .text-secondary{
    background-color:#D3D2D2;
}

.dropdown-content a{
    background-color:#D9D6D6;
}

.new-logo{
    width:40%;
    height:60%;
    margin-top:40px;
    margin-bottom:0;
}

.logo3{
    width:15%;
    position:relative;
    margin-right:50%;
}

.logo{
    height:40px
}

.logo1{
    font-size:210%;
}

.logo2{
    width: 60%;
}  

.plans-image{
    width:80%;
}

.nav{
    padding-top:50px;
    background-color:#D3D2D2;
}

.nav.fixed{
    padding-top:0px;
    margin-top:0;
}
    

.plans-row{
    margin-top:7%;
    width:100%;
}


.navbar-toggler{
    margin-top:5%;
    height:50%;
}

.footer{
    width:50%
}

.dropdown {
    position: relative;
    display: inline-block;
  }

.front-header{
    font-weight: 700; 
    margin-top: 100px;
}

.jumbotron{
    margin-top:80px; 
    padding-top:0px;
}

  /* The container <div> - needed to position the dropdown content */
  
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display:none;
    position: absolute;
    width:300px;
    z-index: 3;
    background-color:#fff;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-weight: 620;
    font-size: 1.1rem;
  }
  
  .header_fixed.fixed{
    position:fixed;
}

  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {text-decoration: none;}
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {display: block;}

.container-fluid .jumbotron img{
    width:400px;
    padding:.5rem;
    margin:.5rem;
}

.container-fluid, .jumbotron{
    display:flex;
    flex-wrap:wrap;
}

@media screen and (max-width:399px){
    .navbar-toggler{
        margin-top:12%;
    }
    
    .plans-h1{
        font-size:1.5rem;
    }
}

@media screen and (min-width:1650px){
    .front-header{
         width:56.5%;
    }
}

@media screen and (max-width:300px){
    .plans-h1{
        font-size:1.25rem;
    }
}

@media screen and (max-width:992px){
    .plans-header{
        margin-bottom:20%;
    }
}

@media screen and (max-width:500px) and (min-width:400px){
    .navbar-toggler{
        margin-top:10%;
    }
}

@media screen and (max-width:750px) and (min-width:500px){
    .navbar-toggler{
        margin-top:8%;
    }
}

@media screen and (max-width:991px) and (min-width:850px){
    .navbar-toggler{
        margin-top:4.5%;
    }
}

@media screen and (max-width:299px){
    .container-fluid .jumbotron img{
        width:100%;
        padding:1%;
        margin:1%;
    }
    .container-fluid, .jumbotron{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }
    .logo{
        font-size:large;
        height:15px;
    }
    .logo1{
        font-size:.97rem;
    }
    .logo2{
        width: 50%;
        margin-right:20%;
        margin-left:10%;
    }
    .footer{
        padding-left:22%;
        width:100%;
    }
    
}

@media screen and (min-width:300px) and (max-width:510px){
    
    
    
    .front-header{
        font-size:80%;
        margin-left:10%;
        width:85%;
    }

    .container-fluid .jumbotron img{
        width:100%;
        padding:1%;
        margin:1%;
    }
    
    .tall-img{
        padding-left:0;
        padding-right:0;
        width:50%;
    }
    
    .container-fluid, .jumbotron{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }
    .logo{
        font-size:1.8rem;
        height:20px;
        width:100%;
    }
    .logo1{
        font-size:1.55rem;
        width:100%;
    }
    
    .navbar-toggler{
        margin-right:6%;
    }
    
    .logo2{
        margin-right:6%;
        width: 60%;
        margin-left:10%;
    }
    .contact-front{
        margin-left:5%;
    }

    .footer{
        margin-left:33%;
        width:50%;
        padding-left:0%;
    }
    
    .footer1{
        margin-left:20%;
        width:60%;
        padding-left:0%;
    }
    
    .tall-img{
    width:50% !important;
}

}

@media screen and (min-width:200px) and (max-width:320px){

    .new-logo{
        margin-top:25px;
    }

    .logo3{
        width:45% !important;
        position:relative;
        margin-right:10% !important;
        margin-left:3%;
    }
}

@media screen and (min-width:320px) and (max-width:400px){


    .logo3{
        width:50% !important;
        position:relative;
        margin-right:17%;
        margin-left:5%;
    }
}

@media screen and (min-width:400px) and (max-width:460px){

    .logo3{
        width:42% !important;
        position:relative;
        margin-right:30%;
        margin-left:5%;
    }
}

@media screen and (min-width:460px) and (max-width:500px){


    .logo3{
        width:35% !important;
        position:relative;
        margin-right:37.5%;
        margin-left:7.5%;
    }
}


@media screen and (min-width:501px){


    .logo3{
        position:relative;
        margin-right:45%;
    }
    
    
    .container-fluid .jumbotron img{
        width:100%;
        padding:1%;
        margin:1%;
    }
    .container-fluid, .jumbotron{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }

    .logo2{
        width:70%;
        margin-right:5%;
    }
    .footer{
        padding-left:34%;
        width:100%;
    }

    .contact-front{
        margin-left:3%;
    }

    .footer1{
        margin-left:20%;
        width:60%;
        padding-left:0%;
    }
    
    .tall-img{
    padding-left:100px !important; 
    padding-right:100px !important;
}
}

@media screen and (min-width:510px) and (max-width:849px){
    .front-header{
        font-size:60%;
        margin-left:5%;
    }

    .contact-front{
        margin-left:5%;
    }
}

@media screen and (min-width:850px) and (max-width:1049px){
    .front-header{
        font-size:90%;
        margin-left:5%;
    }

    .contact-front{
        margin-left:5%;
    }
}

@media screen and (max-width:992px){

    .logo3{
        width:30%;
    }
}

@media screen and (min-width:800px){
    .container-fluid .jumbotron img{
        width:100%;
        padding:1%;
        margin:1%;
    }
    .container-fluid, .jumbotron{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }

    .logo, .logo1{
        margin-right:1%;
    }
    .logo2{
        width:40%;
        margin-right:35%;
    }
    .footer{
        padding-left:40%;
        width:100%;
    }

}

@media screen and (min-width:800px){
    
    

    .logo3{
        position:relative;
        margin-right:40%;
        margin-left:10%;
    }
    
    .container-fluid .jumbotron img{
        width:45%;
        padding:1%;
        margin:1%;
    }
    .container-fluid, .jumbotron{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }

    .logo, .logo1{
        margin-left:25%;
    }

    .logo2{
        width:40%;
        margin-right:42%;
    }
    .navbar-toggler{
        margin-right:7%
    }
    .footer{
        padding-left:40%;
        width:100%;
    }
}

@media screen and (min-width:1050px) and (max-width:1050px){
    .front-header{
        font-size:80%;
    }

    .contact-front{
        margin-left:5%;
    }

    .footer1{
        margin-left:30%;
        width:60%;
        padding-left:0%;
    }
}

@media screen and (min-width:801px){
    
    .tall-img{
    padding-left:70px !important; 
    padding-right:70px !important;
}

    .container-fluid .jumbotron img{
        width:45%;
        padding:1%;
        margin:1%;
    }
    .container-fluid, .jumbotron{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }

    .logo2{
        width:40%;
        margin-right:42%;
    }
    .navbar-toggler{
        margin-right:7%
    }

    .contact-front{
        margin-left:10%;
    }

    .footer1{
        margin-left:30%;
        width:60%;
        padding-left:0%;
    }

    .footer1{
        margin-left:35%;
        width:60%;
        padding-left:0%;
    }
}

@media screen and (min-width:992px) and (max-width:1200px){
    

    .logo3{
        width:25%;
        position:relative;
        margin-right:20% !important;
    }
}

@media screen and (min-width:992px) and (max-width:1100px){

    .logo3{
        width:20% !important;
    }
}
@media screen and (max-width:992px){
    .nav-link, .navbar-.nav, .navbar-collapse, .test3{
        width:100% !important;
        background-color:#D4D2D2;
    }

}

@media screen and (min-width:992px){
    
    

    .logo3{
        width:25%;
        position:relative;
        margin-right:25%;
        margin-left:0% !important;
    }

    .logo{
        height:40px
    }
    
    .tall-img{
    padding-left:100px !important; 
    padding-right:100px !important;
}
    
    .footer{
        margin-left:44%;
        width:30%;
        padding-left:0%;
    }

    .logo1 .logo{
        margin-right:70%;
        width:45%;
    }

    .container-fluid .jumbotron img{
        width:45%;
        padding:1%;
        margin:1%;
    }
    .container-fluid, .jumbotron{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }

    .logo2{
        width:100%;
        margin-right:35%;
    }

    .test{
        margin-right:6%;
    }

    .navbar-toggler{
        margin-right:7%
    }

    

    .collapse{
        height:120px;
    }

    .contact-front{
        margin-left:10%;
    }

    .footer1{
        margin-left:35%;
        width:60%;
        padding-left:0%;
    }
}

@media screen and (min-width:1050px) and (max-width:1300px){
    .front-header{
        font-size:large;
    }
}

.plans-text{
    width:90%;
}

@media screen and (min-width:992px) and (max-width:1270px){
    .plans-text{
        width:80%;
        margin-right:0%;
    }
    
    .plans-image2{
        padding-left:30%;
    }
}

.contact-form{
    margin-left:1%;
}



@media screen and (min-width:1350px){
    

.logo3{
    width:15%;
    position:relative;
    margin-right:40%;
}
    
    .tall-img{
    padding-left:100px !important; 
    padding-right:100px !important;
}

.footer{
    margin-left:46%;
    width:30%;
    padding-left:0%;
}

.footer1{
    margin-left:40%;
    width:30%;
    padding-left:0%;
}
    
.paragraph1{
    width:80%;
    margin-left:10%;
}

.heads{
    width:100%;
}

.c{
    width:100%;
    padding-left:7%;
    padding-right:6%;
}

.container-fluid .jumbotron img{
    width:30%;
    padding:.5%;
    margin:.5%;
}
.container-fluid, .jumbotron{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.logo, .logo1{
    padding-left:13%;
    margin-right:70%;
    width:55%;
    margin-left:0%;
}
.logo2{
    margin-right:0%;
    width:65%;
}

.test{
    width:40%;
    margin-left:200px;
}

.collapse{
    height:90px;
}

.me-auto{
    margin-top:10%;
}

.contact-front{
    margin-left:20%;
}
}

@media screen and (min-width:1650px){

.logo3{
    width:15%;
    position:relative;
    margin-right:50% !important;
}
}

@media screen and (min-width:1600px){
    
    

.logo3{
    width:15%;
    position:relative;
    margin-right:45%;
}
    
    .tall-img{
    padding-left:125px !important; 
    padding-right:125px !important;
}

    .contact-front{
        margin-left:25%;
    }

    .contact-form{
        width:100%;
        margin-left:10%; 
        margin-bottom:7%;
    }

    .paragraph1{
        width:80%;
        margin-left:10%;
    }
    
    .heads{
        width:100%;
    }

    .c{
        width:100%;
        padding-left:7%;
        padding-right:6%;
    }

    .footer{
        margin-left:47%;
        width:30%;
        padding-left:0%;
    }

    .footer1{
        margin-left:40%;
        width:30%;
        padding-left:0%;
    }

    .container-fluid .jumbotron img{
        width:30%;
        padding:.5%;
        margin:.5%;
    }
    .container-fluid, .jumbotron{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }

    .logo, .logo1{
        padding-left:17%;
        margin-right:70%;
        width:90%;
        margin-left:0%;
    }
    
    .logo2{
        margin-right:0%;
        width:80%;
    }

    .test{
        width:40%;
        margin-left:800px;
    }

    

    .me-auto{
        margin-top:10%;
    }
    
    .jumbotron{
        padding-top:0rem;
        margin-top:0rem;
    }

}