/*	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
*/

#factWrap{margin: 20px 0 10px 0; text-align: center;}
#factFiles{display: inline-block; vertical-align: middle; margin: 5px;}
#factFiles a:link,  #factFiles a:visited{text-decoration:none;  padding: 10px; background: #00164c; color: #ffffff; font-family: 'Questrial', sans-serif; font-size: 1.5em; transition:0.3s ease-in-out; }
#factFiles a:hover, #factFiles a:active{text-decoration:none; color:#ffffff; background: #00572a;}

#edu{display: inline-block; vertical-align: middle; width: 80%; text-align: justify;}
#eduImg{display: inline-block; vertical-align: middle; width: 17%; text-align: justify; margin: 0 20px 0 0 ;}

#bullets1, #bullets2, #bullets3{ display: inline-block; vertical-align: top; width: 30%;}

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

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

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

@media screen and (max-width:900px){
    #factWrap{margin: 30px 0 10px 0; text-align: center;}

 
}

@media screen and (max-width:800px){
    #factWrap{text-align: left;}
    #factFiles{display: block; margin: 5px;}
    #factFiles a:link,  #factFiles a:visited{display: block; } 
    #bullets1{display: block; width: 100%;}
    #bullets2{display: block; width: 100%; margin: -13px 0 0 0;}
    #bullets3{display: block; width: 100%; margin: -13px 0 0 0;}
    #edu{display: block; width: 100%; text-align: left;}
    #eduImg{display: block; width: 100%; text-align: center; margin: 10px auto 10px;}

}

@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){
    
}