.accordion {
	background-color: #F7F7F7; color: #555555; cursor: pointer; margin-left: 0; padding-left: 0px;
    padding-bottom: 0px;padding-top: 0px;margin-top: 0px; width: 51%; text-align: left; border:none;
    outline: none; font-size: 1.17em; transition: 0.4s;
    font-style: normal; color: #555555; letter-spacing: 0px; font-weight: 600; padding-right: 0px; }

.accordion2 {
	background-color: #F7F7F7; color: #555555; cursor: pointer; margin-left: 0; padding-left: 0px;
    padding-bottom: 0px;padding-top: 0px;margin-top: 0px; width: 51%; text-align: left; border:none;
    outline: none; font-size: 1.17em; transition: 0.4s;
    font-style: normal; color: #555555; letter-spacing: 0px; font-weight: 600; padding-right: 0px; }

.accordion3 {
	background-color: #F7F7F7; color: #555555; cursor: pointer; margin-left: 0; padding-left: 0px;
    padding-bottom: 0px;padding-top: 0px;margin-top: 0px; width: 51%; text-align: left; border:none;
    outline: none; font-size: 1.17em; transition: 0.4s;
    font-style: normal; color: #555555; letter-spacing: 0px; font-weight: 600; padding-right: 0px; }

.active2, .accordion:hover {background-color: ;}

.panel {padding: 0 18px; background-color: white; max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out;}

.panel2 {padding: 0 0px; background-color: #F7F7F7; max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out;}

.major-small p.a1#exptitle {padding: 0; margin: 0;  }
.major-small p.a1#exptitle2 {padding: 0; margin: 0;  }

.major-small p.a1#expanded {padding: 20px;}

.major-small p.a1#expanded2 {padding:0; background-color: #F7F7F7; margin: 0; }

.major-large-text h2.d2#exptitle2 {transition: ease-out 0.3s; -webkit-transition: ease-out 0.3s; -moz-transition: ease-out 0.3s; -o-transition: ease-out 0.3s;padding-left: 20px; }
.major-large-text h2.d2#exptitle2:hover {color: ; }

.accordion:after {content: '\f107'; font-family: FontAwesome; font-style: normal; font-weight: bold; text-decoration: inherit; color: #555555; font-weight: bold; font-size: 1.17em; margin: 0px !important; padding: 0px !important; float: right; padding-right: 0px !important; -webkit-padding:0px !important; -webkit-margin:0px !important; } /* Button open */

.accordion2:after {content: ''; font-family: FontAwesome; font-style: normal; font-weight: bold; text-decoration: inherit; color: #555555; font-weight: bold; font-size: 1.3em; margin: 0px !important; padding: 0px !important; float: ; padding-right: 0px !important; -webkit-padding:0px !important; -webkit-margin:0px !important; position:relative; top: -26px; left: 240px; } /* Button open */

.accordion3:after {content: ''; font-family: FontAwesome; font-style: normal; font-weight: bold; text-decoration: inherit; color: #555555; font-weight: bold; font-size: 1.3em; margin: 0px !important; padding: 0px !important; float: ; padding-right: 0px !important; -webkit-padding:0px !important; -webkit-margin:0px !important; position:relative; top: -26px; left: 200px; } /* Button open */

/* "\f106" */
.active2:after {content: "\f106"; font-family: FontAwesome; font-style: normal; font-weight: bold; text-decoration: inherit; font-size: 1.17em; margin: 0px !important; padding: 0px !important; padding-right: 0px !important; -webkit-padding:0px !important; -webkit-margin:0px !important; }

.active3:after {content:""; font-family: FontAwesome; font-style: normal; font-weight: bold; text-decoration: inherit; font-size: 1.3em; margin: 0px !important; padding: 0px !important; padding-right: 0px !important; -webkit-padding:0px !important; -webkit-margin:0px !important; position:relative; top: -26px; left: 150px; }

.active4:after {content:"";font-family: FontAwesome; font-style: normal; font-weight: bold; text-decoration: inherit; font-size: 1.3em; margin: 0px !important; padding: 0px !important; padding-right: 0px !important; -webkit-padding:0px !important; -webkit-margin:0px !important; position:relative; top: -26px; left: 200px; }

.tg  { color: #555555; border-collapse:collapse;border-spacing:0;margin:0px auto;margin-left: 20px; }
.tg td{font-size:17px;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{font-family:Arial, sans-serif;font-weight:normal;padding:0px 0px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-zv4m{border-color:#ffffff;text-align:left;vertical-align:top}

p.y1 {color: ; padding-top: 0; margin-top: 0; padding-left: 10px; padding-bottom: 0; margin-bottom: 10px;  }

#DIV1 {display:block; }
#DIV2 {display:none; }
#DIV3 {display:none; }
#DIV4 {display:none; }

button.buttonpubli {color: white; border: 0; background-color: #b5b5b5; font-size: 17px; padding: 7px 12px 7px 12px; font-weight: bold; margin-left: 20px; border-radius: 5px}

button.buttonpubli2 {color: white; border: 0; background-color: #b5b5b5; font-size: 17px; padding: 7px 12px 7px 12px; font-weight: bold; margin-left: 20px;  border-radius: 5px}

button.buttontitle {color: ; border: 0; background-color:; font-size: 20px; padding:0; font-weight: bold; margin-left: 0px;  border-radius: 5px}

button.buttonpubli:hover {background-color: #8DA8B0; transition: ease-out 0.3s; -webkit-transition: ease-out 0.3s; -moz-transition: ease-out 0.3s; -o-transition: ease-out 0.3s; cursor:pointer;  border-radius: 5px}

button.buttonpubli2:hover {background-color: #8DA8B0; transition: ease-out 0.3s; -webkit-transition: ease-out 0.3s; -moz-transition: ease-out 0.3s; -o-transition: ease-out 0.3s; cursor:pointer;  border-radius: 5px}

button.buttontitle:hover {color: #8DA8B0; transition: ease-out 0.3s; -webkit-transition: ease-out 0.3s; -moz-transition: ease-out 0.3s; -o-transition: ease-out 0.3s; cursor:pointer;  border-radius: 5px}


#yearbuttons {overflow-x: hidden; }

@media screen and (max-width: 1050px) {
    p.y1 {font-size: 15px; }
    button.buttonpubli {font-size: 15px; padding: 5px 10px 5px 10px; }
    button.buttonpubli2 {font-size: 15px; padding: 5px 10px 5px 10px; }
    
    button.buttontitle {color: ; border: 0; background-color:; font-size: 18px; padding:0; font-weight: bold; margin-left: 0px; }
}

@media screen and (max-width: 800px) {
    p.y1 {font-size: 14px; }
    button.buttonpubli {font-size: 14px; }
    button.buttonpubli2 {font-size: 14px; }
	
    button.buttontitle {color: ; border: 0; background-color:; font-size: 16px; 
		padding:0; font-weight: bold; margin-left: 0px; }
}

@media screen and (max-width: 750px) {
    .major-small p.a1#exptitle {padding-left: 32px;padding-right: 50px; }
    .major-small p.a1#expanded {padding: 30px;}
    .accordion {width: 15px }
    .accordion2:after {top:-23px; left: 215px; width: 100%; padding-left: 0px; padding-right: 0px;   }
    .accordion3:after {top:-23px;left: 265px; width: 100%; }
    .accordion3 {width: 100%; }
    .accordion2 {width: 100%; }
    .major-large-text h2.d2#exptitle2 {padding-left: 50px; width: 100%; padding-right: 50px; }
    .tg {margin-left: 50px; margin-right: 50px; }
    button.buttonpubli {margin:0px; }
    button.buttonpubli:first-child {margin-left: 50px; }
    button.buttonpubli:last-child {}
    button.buttonpubli2 {margin:0px; }
    button.buttonpubli2:first-child {margin-left: 50px; }
    button.buttonpubli2:last-child {}
	
    }


@media screen and (max-width: 600px) {
	button.buttonpubli2:last-child {margin-left: 50px; margin-top: 10px}
}

@media screen and (max-width: 500px) {
	button.buttonpubli2:last-child {margin-left: 0px; margin-top: 10px}
	button.buttonpubli2:nth-child(4) {margin-left: 50px; margin-top: 10px}

}

@media screen and (max-width: 490px ){
    button.buttonpubli2:last-child {margin-right: 50px; color: ;margin-left: 0px; margin-top: 10px;  }}

@media screen and (max-width: 400px) {
    button.buttonpubli {font-size: 12px; }
    button.buttonpubli2 {font-size: 12px; }
    button.buttontitle {color: ; border: 0; background-color:; font-size: 14px; padding:0; font-weight: bold; margin-left: 0px; }
	    button.buttonpubli2:last-child{margin-top: 10px; margin-right: 0;  }

}

@media screen and (max-width: 375px ){
    button.buttonpubli2:last-child {margin-right:   0px; color: ; margin-top: 10px;  margin-left: 0; }
    button.buttonpubli2:nth-child(2){margin-right: 50px;  }
	button.buttonpubli2:nth-child(3){margin-left: 50px; margin-top: 10px; margin-right: 0;  }
    button.buttonpubli2:nth-child(4){margin-left: 50px; margin-top: 10px; margin-right: 0;  }
}

@media screen and (max-width: 355px) {
    button.buttonpubli:last-child {margin-right: 50px; margin-left: 50px; margin-top: 10px; }

}