/*	This is used when you are making a website with individual css for each page
	NOTE: Use the master css for any items that you want to be constant throughout the website
*/
#goalsWrap{display: flex;}
#goalBullet1{width: 45%; margin: 0 0 0 130px;}
#goalBullet2{width: 45%;}

#footer{margin: -10px auto 0;}

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

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

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

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

@media screen and (max-width:800px){
    #goalsWrap{display: flex; flex-wrap: wrap;}
    #goalBullet1{width: 100%; margin: 0;}
    #goalBullet2{width: 100%;margin: -29px auto 0;}
    
}

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

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

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

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

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