/* Large Desktop */@media screen and (max-width:1020px){}
/* Large Desktop */@media screen and (max-width:1020px){}
/* tablet */@media screen and (max-width:780px){}
/* mobile */@media screen and (max-width:480px){}	


@font-face
{font-family:'perspective';src:url('../fonts/perspective.ttf');}	
@font-face
{font-family:'caviar-dreams-bold';src:url('../fonts/caviar-dreams-bold.ttf');}	
@font-face
{font-family:'caviar-dreams';src:url('../fonts/caviar-dreams.ttf');}	
@font-face
{font-family:'quicksand';src:url('../fonts/quicksand_book.otf');}	
@font-face
{font-family:'quicksand-light';src:url('../fonts/quicksand-light.otf');}
	

/*MODAL BOX, BUTTONS, SCROLLBAR*/
/*Modal background*/
.modal
{display:none;
position:fixed;
z-index:5;
padding-top:0px;
left:0;
top:0;
width:100%;
height:100%;
background:white;
text-align: center;
margin:auto;}

/*Modal content*/
.modal-content
{
background-color:white;
margin:auto;
padding:0;  
text-align:center;    
display:inline-block;
z-index: 5;}

.mySlides
{display:none;
text-align: center;
margin:auto;}

/*Clicked-on images in modal box. */
.clicked-on 
{max-height:87vh;
max-width:98vw;
padding-top:45px;
text-align: center;
margin:auto;    
}

@media screen and (max-width:850px)
{.clicked-on 
{max-height:87vh;
max-width:98vw;
padding-top:45px;
text-align: center;
margin:auto;    
}}

@media screen and (max-height:500px)
{.clicked-on 
{max-height:82vh;
max-width:98vw;
padding-top:40px;
text-align: center;
margin:auto;    
}}

.caption
{       
font-size:14px;
font-family: "helvetica";
font-weight: 200;    
letter-spacing: .3px;    
min-height:3vh;    
}



/*Scrollbar*/
mark
{background-color:white;}
::-webkit-scrollbar
{width: 1px;}
::-webkit-scrollbar-track
{background: white;}
::-webkit-scrollbar-thumb 
{background:white;}
::-webkit-scrollbar-thumb:hover
{background:white;}



body
{background-color:#fef6ee;}

.image-buttons
{vertical-align: middle;}



.extra-tiny-image
{width:40px;}
.tiny-image
{width:60px;}
.extra-small-image
{width:100px;}
.small-image
{width:150px;}
.normal-image
{width:200px;}
.large-image
{width:325px;}

.text-box
{width:600px;}

.about-photo 
{	
width:250px;	
}






/* tablet*/ @media screen and (max-width:780px){
iframe
{

width: 90vw;}}
/* mobile*/ @media screen and (max-width:480px){}



video
{
margin:20px;
margin-top: 5px;}


a
	{	
text-decoration: none;}
button
{color:black;
background-color: #fde5d0;
text-transform: uppercase;
letter-spacing:0px;
	
padding:5px;

border:black solid 1px;
	
font-weight: 100;

		font-size: 13px;
	text-transform: uppercase;
	font-family: 'courier new';
letter-spacing: 3px;
padding-top: 3px;
padding-bottom: 3px;
	margin-top:5px;
}
button a
{color:white;
}

button:hover
{background-color: #fefc92;
color:black;}




	



















	
	
	
	
	
	
	
	
	
	
	
	


p
{letter-spacing:0px;
line-height: 1.4;
font-size: 14.5px;	
font-family: 'courier new';
color:black;	
letter-spacing: .5px;	
font-weight: 100;
margin-bottom:5px;
margin-top:5px;
}

.left
{text-align: left;

}

ul
{letter-spacing:0px;
font-size: 14.5px;	
font-family: 'courier new';	
text-align: left;	
letter-spacing: .5px;	
font-weight: 100;
list-style-type: circle;
width:325px;}


body {
font-weight: 100;	
  padding: 10px;
	color:black;}








/* Header/Blog Title */
.header {
	

  text-align: center;


}
	



.logo
{width: 500px;}
/* mobile */@media screen and (max-width:501px)
{.logo {width: 90vw;}}



h1
	{font-family: 'courier new';
		font-weight: 100;	
	font-size: 20px;	
text-transform: uppercase;
color: black;
display: inline-block;
word-spacing: 6px;
letter-spacing: 6px;		

}

	
	


h2
{font-family: 'courier new';
font-weight: 100;	
text-transform: uppercase;
letter-spacing: 3px;
font-size: 14px;	
}
h5
{font-family: 'courier new';
font-weight: 100;	
text-transform: uppercase;
letter-spacing: 3px;
font-size: 10px;
}

.tiny
{height:40px;
vertical-align: middle;
}

.tiny1
{height:20px;
vertical-align: middle;
}





	
	
	






p a
{color:#ad717b;
text-decoration: underline;}
p a:hover
{background-color:  #fefc92;
text-decoration: underline;}

p {width:600px;}
/* mobile */@media screen and (max-width:601px)
{p {width:90vw;}}	




.index-box
{width:250px;
height:250px;	
border:1px black solid;
display: inline-block;	
font-family: 'courier new';	
text-transform: uppercase;
letter-spacing: 1px; 
font-size:13px;
text-align: center;
background-color: #fde5d0;
padding:10px;
margin:20px;
color: black;	
}	


.index-box a
{width:250px;
height:250px;	
border:1px black solid;
display: inline-block;	
font-family: 'courier new';	
text-transform: uppercase;
letter-spacing: 1px; 
font-size:13px;
text-align: center;
background-color: white;
margin:20px;
	color: black;
}	

.index-box:hover
{
background-color:#fefc92;
color:black;}


.index-box img
{height: 200px;
max-width: 90%;	
object-fit: contain;
padding-top:10px;	
border: none;
	
}


.button-box
{width:250px;	
border:1px black solid;
display: inline-block;	
font-family: 'courier new';	
text-transform: uppercase;
letter-spacing: 1px; 
font-size:13px;
text-align: center;
background-color: #e9bcc3;
padding:10px;
margin:20px;
color: black;	
}	
.button-box a
{width:250px;
height:250px;	
border:1px black solid;
display: inline-block;	
font-family: 'courier new';	
text-transform: uppercase;
letter-spacing: 1px; 
font-size:13px;
text-align: center;
background-color: white;
margin:20px;
	color: black;
}	

.button-box:hover
{
background-color:#fefc92;
color:black;}

.footer
{letter-spacing:0px;
line-height: 1.5;
font-size: 12px;	
font-family: 'courier new';
text-transform: uppercase;	
text-align: center;	
padding:5px;	
letter-spacing: .5px;	
	font-weight: 100;	
}


.image-text
{letter-spacing:0px;
line-height: 1.5;
font-size: 12px;	
font-family: 'courier new';
text-align: center;	
padding:5px;	
letter-spacing: .5px;	
	font-weight: 100;
background-color: #fde5d0;	
}


.big-image
{height: 50vh;
border:1px black solid;}
/* mobile */@media screen and (max-width:600px){.big-image
	{width: 90vw;height:auto;}}


.post-photos
{height: 20%;}

.class-info
{letter-spacing:0px;
font-size: 12px;	
font-family: 'courier new';
text-align: center;	
text-transform: uppercase;
border:1px black dotted;
padding:10px;
width:300px;	
letter-spacing: .5px;	
	font-weight: 100;
	background-color: white;}



.post-image
{width:150px;
height:150px;
border:1px black solid;
border-radius:25%;
object-fit: cover;	
}

.post-image:hover
{
border-radius: 50%;}

.card
{
width:800px;
margin-bottom: 30px;
}

/* mobile */@media screen and (max-width:801px)
{.card {width:95vw;}}




.clicked-on
{max-height:80vh;}

.lightbluebg
{background-color: #fefc92;}



h3
{
font-size: 13px;	
font-family: 'courier new';
text-align: center;	
text-transform: uppercase;
width:300px;	
font-weight: 100;
padding:0px;
margin: 3px;
background-color: white;
border:1px black solid;
margin-bottom:10px;
padding:3px;}

h3 i
{padding-right: 10px;
padding-left: 10px;}