@charset "utf-8";

/* CSS Document */

@font-face {

	font-family: MyFont;

	src: url(MyFont/Tangerine/Tangerine_Regular.ttf)

	}

div.album {

    /*border: 1px solid #ccc;*/

}



div.album:hover {

    /*border: 1px solid #777;*/

}



div.album img {

    width: 100%;

    height: auto;

}



div.desc {

    padding: 5px;

    text-align: center;

	font-family: MyFont;

	font-size: xx-large;

}

* {

    box-sizing: border-box;

}

/* Clearfix (clear floats) */
.albumRow::after {
  content: "";
  clear: both;
  display: table;
}

.responsiveA {

    padding: 0 6px;

    float: left;

    width: 24.99999%;

}

img.row {

	display:block;

	margin: 0 auto;

	max-width: 100%;

	padding-bottom: 10px;

	}

p.albumName {

	font-family: MyFont;

	font-size:54px;

	font-size-adjust:inherit;

	text-align:center;

	/*font-weight:bold;*/

	}





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

    .responsiveA {

        width: 49.99999%;

        margin: 6px 0;

    }

	div.desc {

    padding: 5px;

    text-align: center;

	font-family: MyFont;

	font-size: x-large;

}

}



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

    .responsiveA {

        width: 100%;

    }

	p.albumName {

	font-family: MyFont;

	font-size: xx-large;

	font-size-adjust:inherit;

	text-align:center;

	/*font-weight:bold;*/

	}



	}

.clearfix:after {

    content: "";

    display: table;

    clear: both;

}

/*// Back to Top button*/
.cd-top--is-visible { // back-to-top button visible
  visibility: visible;
  opacity: 1;
}

.cd-top--fade-out { // reduce button opacity if user keeps scrolling
  opacity: .5;
}