@charset "utf-8";
/* CSS Document 
From https://www.projectseven.com/products/tools/hmy/tutorials/best-practices/background-images/index.htm
*/


.blue-bubbles {
background-image: url(../images/Bluebubbles.png);
background-repeat: no-repeat;
}

/*
.abstract .hmy-content-wrapper {
background-color: rgba(199,82,85,0.5);
border-left: 1px dashed #000;
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
.abstract .hmy-content-wrapper {border-left: none;}
}

*/

/*

.blue-bubbles {
background-image: url(../images/Bluebubbles.png);
background-attachment: fixed;
background-size: cover;
}

Descendant Selectors
.blue-bubbles .hmy-section {
background-color: rgba(0,0,0,0.75); /*Allows BG to Peek Through*/
}

.blue-bubbles .hmy-content {
max-width: 1000px; /*Sets Maximum content width*/
margin: auto; /*Centers content DIV*/
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
.blue-bubbles .hmy-content-wrapper {border-left: 1px dashed #000;}
.blue-bubbles {background-attachment: scroll; background-size: auto;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.blue-bubbles {background-attachment: scroll; background-size: auto;}
}

*/