@media only screen and (min-width: 0px) {
    strong{color:#0c7eff;justify-content:center;}
    
    
        
    #hero {/*background image for hero*/
        height: auto;
        background: url("images/opendoor.jpeg"); 
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative;
        padding-top: 50px;
        padding-bottom: 150px;
    }
            
    
    /*#services{min-height:200vh;}*/
    #section_box_one{background-color: none;
        width:95%;
        min-height:400px;
        margin:auto;
        
    z-index:1;}
    
    
    
    
    
        .content_boxes{
            width:95%;min-height:300px;margin:0 auto 25px auto;z-index:1;}
            
            .content_boxes p{font-size: 1rem; font-weight: 100 !important; font-family: raleway;text-align:center;} 
            
            .services_heading p{color:#0c7eff;}  
            
    
    }
    
    
    
    @media only screen and (min-width: 768px) {
    
    }
    
    @media only screen and (min-width: 1024px) {
    
        #hero {
            background-attachment: fixed;
            min-height: 100vh; /* makes this section as tall as whatever the screen is */
        }
        .content_boxes{
            max-width:80%;min-height:300px;margin:0 auto 25px auto;}
        .content_boxes p{font-size: 1.7em; font-weight:200 !important; font-family: raleway;}
      
        
    
        
    }