*{
	box-sizing: border-box;
}

html{
	background-color: #f0f4f5;
	background-image: url(media/layout/berry.gif); background-repeat: repeat; background-size: 200px;
	font-family: Verdana, sans-serif;
}
/*TEXT ELEMENTS*/
h1{
	color: #fff;
	font-size: 36pt;
}

h2{
	color: #DC424E;
	text-align: center;
}
h3{
  color: #DC424E;
	text-align: center;
	font-size:22px;
	font-weight:normal;
}

p{
	text-align: center;
	font-size: 17px;
	text-indent: 30px;
	margin-left: 60px;
	margin-right: 60px;
}

a{
	text-decoration: none;
	color: #DC424E;
	font-size: 18px;
	text-align: center;
}
a:hover{
	color: #a63562;
}
ul{
	list-style: none;
	font-size: 18px;
	text-align: left;
}

li{
	margin-bottom: 15px;
}

/*END TEXT ELEMENTS*/

/*IMAGE ELEMENTS*/
img{
	margin: 10px; 
}
/*END IMAGE ELEMENTS*/


/*MISC TOOL DIVS*/
.center{
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.flip{
	transform: scaleX(-1);
}

.twocol{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
/*END TOOL DIVS*/

/*SCROLLBAR*/
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #0a2e38;
}

::-webkit-scrollbar-thumb {
  background:  #db6980;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#a63562;
}
/*END SCROLLBAR*/

/*LAYOUT*/

/*HEADER*/
.head{
	max-width: 95%;
	padding:20px 0px 20px 0px;

	
}

.topbar{
	display: flex;
	flex-direction: row;
	justify-content: space-around;	
}

.topbar img{
	width: 100%;
}


/*HEADER*/

.container{
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 98%;
}

.main-area{
	width: 90%;
	margin:10px;

	background-color: #FCF5F5;
	border:3px solid #DC424E;
	border-radius: 4px;
	padding: 5px 5px 15px 5px;
}
.main-area img{
	max-height: 400px;
}