.about-box {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 50px;
    margin-left: auto ;
    margin-right: auto ;
    margin-bottom: 100px;
    padding-bottom: 50px;
    width: 926px;
    background-color: #010101;
    border-radius: 9px;
    border: transparent;
}

.about-box-offer {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 50px;
    margin-left: auto ;
    margin-right: auto ;
    margin-bottom: 100px;
    padding-bottom: 50px;
    width: 926px;
    background: "./images/weddings.jpg";
    border-radius: 9px;
    border: transparent;
}

.about-box-offer-text {
    font-size: 1.1em;
    color: #FFFFFF;
    text-align: left;
    margin-top: 15px;
    margin-left: 5.4%;
    margin-right: 5.4%;
}

.h1 {
    font-size: 4em;
    color: #010101;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    margin-top: 15px;
}

.about-box-header {
    font-size: 2em;
    color: #FFFFFF;
    text-align: center;
    margin-top: 15px;
}

.about-box-text {
    font-size: 1.4em;
    color: #FFFFFF;
    text-align: justify;
    margin-top: 15px;
    margin-left: 12.4%;
    margin-right: 12.4%;
    font-family: Garamond, Baskerville, serif;
}

.about-us-image {
    display: block;
    width: 800px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}

.bulleted-list-header{
    margin-top: 30px;
}

.bulleted-list {
    font-size: 1.14em;
    margin-left: 5.4%;
    margin-right: 5.4%;
}

.link-group{
    padding: 20px;
}

.petition-link {
    padding-bottom: 110px;
}

.iframe{ 
        width: 860px;
        height: 515px;
        padding:20px;
    }
    
@media only screen and (max-width: 1400px)  {
    
    .about-box{
        width: 84.5%;
        
    }
    
    .menu{
        width: 45%;
        padding-left: 5.5%;
    }
    
    .logo {
        padding-left: 16.5%;
    }
    
    .iframe{ 
        width: 860;
        height: 115;
    }
    
}

@media only screen and (max-width: 1300px)  {
    
    
    .about-box{
        width: 84.5%;
        
    }
    
        .menu{
        width: 45%;
        padding-left: 5.5%;
    }
    
    .logo {
        padding-left: 16.5%;
    }
    
        
    .iframe{ 
        width: 860;
        height: 315;
    }

}

@media only screen and (max-width: 1080px)  {
    
    .about-box{
        width: 84.5%;
        
    }
    
    .menu{
        width: 45%;
        padding-left: 5.5%;
    }
    
    .logo {
        padding-left: 16.5%;
    }
    
    .iframe{ 
        width: 320;
        height: 115;
    }
    
}    

@media only screen and (max-width: 900px)  {
    
    .about-box{
        width: 84.5%;
        
    }
    
    .menu{
        width: 45%;
        padding-left: 5.5%;
    }
    
    .logo {
        padding-left: 16.5%;
    }
    
    .iframe{ 
        width: 320;
        height: 115;
    }
    
}



@media only screen and (max-width: 800px)  {
    
    
    .about-box{
        width: 84.5%;
        
    }
    
    .menu{
        width: 45%;
        padding-left: 5.5%;
    }
    
    .logo {
        padding-left: 16.5%;
    }
    
    .iframe{ 
        width: 320;
        height: 115;
    }
}

@media only screen and (max-width: 700px)  {
    
    .about-box{
        width: 84.5%;
        
    }
    
    .menu{
        width: 45%;
        padding-left: 5.5%;
    }
    
    .logo {
        padding-left: 16.5%;
    }
    
    .iframe{ 
        width: 300;
        height: 115;
    }
    
}