@media screen and (min-width: 1200px)
{
html{
    background-color: antiquewhite
}
header{
     background-color: #af5079;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    height: 9%;
    max-width: 1200px;
    margin: auto;

}
header h1{
    margin: 0;
    text-align: center;
}
.placeholder {
    width: 80%;
    max-width: 2200px;
    margin: 250px auto 0px auto;
    
    
}

.right_nav{
    width: 33%;
    margin: 0 0 0 51%;
   margin-top: -7.5%;
    height: 10%;
}

nav ul{
    text-decoration: none;
    list-style: none;
    text-align: center;
}
.left_nav{
    height: 10%;
    width: 30%;
    margin: 0 0 0 15%;
    margin-top: -3%;
    
}
nav a {
    text-decoration: none;
    color: darkslategray;
    
}
div a:visited{
    text-decoration: none;
}
.ws_images{
    max-width: 500px;
}

#main_img{
    width: 20%;
    margin: 0 10%;
    background-position: center;
    background-attachment: fixed;
                                              
    
}
div h3{
    font-size: 60px;
     width: 20px;
}
 .div_img{
   width: 1500px;
}
.left_div{
    width: 100%;
}
.left_div h3{
   
    
    
}
.div_text{
    
}
footer{
     background-color: #af5079;
    width: 100%;
    margin-right: 30%;
    text-align: center;
    height: 40px;
}
footer p{
 
}
}

@media screen and (max-width: 700px)
{
    header{
     background-color: #af5079;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    height: 9%;
    }
    nav a {
    text-decoration: none;
    color: darkslategray;
    
}
    .placeholder {
    width: 80%;
    max-width: 500px;
    margin: 80px auto 0px auto;
    
    
}
    nav ul{
    text-decoration: none;
    list-style: none;
    text-align: center;
}
    .left_nav{
    height: 10%;
    width: 30%;
    margin-top: -13%;
    
}
    nav h1{
        font-size: 20px;
        text-align: center;
    }
    .right_nav{
    width: 33%;
    margin: 0 0 0 51%;
   margin-top: -7.5%;
    height: 10%;
}
    .right_nav{
    width: 33%;
    margin: 0 0 0 60%;
   margin-top: -22%;
    height: 10%;
}
    footer{
     background-color: #af5079;
    width: 100%;
    text-align: center;
    height: 40px;
}
    .div_img{
        width: 100%;
    }
}

                                                        /* start of sales page */
    @media screen and (min-width: 1200px)
    {
.container_img{
    width: 100%;
    position: relative;
    
}
.container_img img{
    width: 100%;
}
.install_text{
    position: absolute;
top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
     font-size: clamp(10px, 2vw + 1rem, 3rem);
    text-align: center;
    text-shadow:  -12px 12px 30px beige;
    
}
.disclaimer{
    font-size: 400%;
    left: 50%;
transform: translate(-50%, -50%);

}
.sales_square{
     display: flex;
  flex-direction: column;
  justify-content: center;
    width: 20%
}
.sales_square img{
    width: 100%;
    max-width: 650px;
}
.sales_square h2{
    font-size: 60px;
    
   
}
.sales_square p{
    font-size: 50px;
    
}
                                                    /* start of purpose page */
.purpose_div{
    width: 100%;
}
.purpose_img{
    width:40%;
}
/* 
div section{
    width: 100%;
    margin: 10px auto 10px auto;
    text-align: ;
    
}