@media screen and (max-width: 1300px) {
    
    .container {
		margin: 0 5%;
	}



@media screen and (max-width: 800px) {
    
    
    h1 {
    text-align: center;
    font-size: 40px;
    }

    h2 {
        text-align: center;
        font-size: 40px;
    }

    h3 {
        font-size: 20px;
    }

    p {
        font-size: 20px;
        line-height: 1.3em;
    }
    
    #starcontainer {
        background-image: url('../img/stars_mobile.png');
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center top;
    }
    
   .point {
        width: 80%;
        padding: 3% 10%;
    }
    
    #sky {
        display: none;
    }

    #sky_mobile {
        display: block;
        margin-bottom: -5px
    }

    .lefttxt, .righttxt {
        width: 90%;
        padding: 0 5%;
        text-align: center;
    }

    #banner .lefttxt {
        padding-top: 10px;
    }

    .righttxt h2 {
        text-align: center;
    }

    .leftimg, .rightimg {
        width: 40%;
        padding: 0 30%;
    }
    
    #contact h2 {
        text-align: left;
    }
    
    #contact .lefttxt {
        text-align: left;
    }
    
    #logo {
        height: 40px;
        padding: 18px 0 5px 0;
    }
    
    #banner {
        padding-top: 0;
    }
    
    #btn {
        margin: 25px 0;
    }

    #button {
    font-size: 1em;
    padding: 10px 20px;
    }
    
    #services {
        padding: 20px 0;
    }
    
    #skyline {
        display: none;
    }

    #skyline_mobile {
        display: block;
        margin-bottom: -5px;
    }
   
}
    
    

@media screen and (max-width: 400px) {
        
  #logo {
        height: 30px;
        padding: 23px 0 5px 0;
    }
    
    #btn {
        margin: 25px 0;
    }

    #button {
    font-size: 0.8em;
    padding: 10px 15px;
    }
    
    
}