/*
    Programmer: Kayla Johnson
    Class: B102
    Year: Fall 2023
*/

/*
    Special CSS for the Education webpage
*/

/*CSS for the picture of CCGA
  I took the picture from the official website.
*/
#imgCCGA {
    float: right;
    border: 2px solid black;
    border-radius: 50%;
    max-width: 270px;
    max-height: 150px;
    height: 100%;
    width: 100%;
}

/*CSS for the picture of USCB
  I took the picture from the official website.
*/
#imgUSCB {
    float: left;
    border: 2px solid black;
    border-radius: 50%;
    max-width: 270px;
    width: 100%;
    max-height: 150px;
    height: 100%;
    margin-bottom: 3.33%;
}

/*CSS for getting the USCB header to float*/
#USCB h4{
    text-align:right;
}

#USCB h2{
    text-align:right;
}

/*The h3 in the USCB heading, separated from the one for the accordian*/
#UscbHead{
    text-align:right;
}


#USCB p {
    clear: both;
}

/*CSS for the Accordian for CCGA*/
#CCGAccordian {
    padding-bottom: 1.67%;
    margin-bottom: 50px;
    display:block;
}

#CCGAccordian h3 {
    color: purple;
}

/*CSS for the Accordian for USCB*/
#USCBaccordian {
    padding-bottom: 1.67%;
    position: relative;
    display:block;
}

#USCBaccordian h3 {
    color: purple;
}


/*Media query to make the images, and the USCB headers to stop floating
  Right now the Accordians disappear.
*/
@media only screen and (max-width: 604px){
    #imgUSCB{
        float:none;
    }
    #USCB h4{
        text-align: left;
    }
    #USCB h2{
        text-align: left
    }
    #UscbHead{
    text-align:left;
}
    #imgCCGA{
        float:none;
    }
}