@viewport {
	width: device-width;
	initial-scale: 1;
}

body {
	/* background-image: url('../images/images_1.jpg'); */
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #151515;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	background-color: #2F2F2F;
	text-align:center;
}

body p {
	font-size: x-large;
	text-align: center;
}

div {
	 text-align: center;
}

h1, h2 {
	color: #3399CC;
	font-family: arizonia;
	font-style: normal;
	font-weight: 400;
}

h1 {
	font-size: 4.5em;  /* 72px / 16px = 4.5em */
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: arizonia;
	font-style: normal;
	font-weight: 400;
}

h2 {
	font-size: 2.8125em; /* 45px / 16px = 2.8125em */
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}

#overview p {
	display: inline-block;
	margin-left: 4%;
	text-align: left;
}
#overview ul {
	border: medium solid red;
	border-radius:2em;
}
#overview ul li {
	list-style: none;
	display: inline-block;
	text-align: center;
	font-size: x-large;
}

#container {
	background-color: #505050;
	width: 81.169%;            /* 1000px / 1232px = 0.81169 */
	max-width: 62.5em;         /* 1000px / 16px = 62.5em */
	margin-left: 9.5%;
	margin-right: auto;
	/*border: medium solid black;*/
	border: 6px solid black;
}

#avatarCont {
	 width:62.5em;
     position:fixed;
     top:0px;
	 margin:0px auto;
}

#avatar {
	z-index: 1000;
	right: 0;
}

#avatarImg {
	width: 5.63em;           /* 90px / 16px = 5.63em */
	height: 5.63em;          /* 90px / 16px = 5.63em */
	cursor: pointer;
	float: right;
}

#main {
	width: 100%;
	margin-left: 2%;
	float: left;
}
#main p {
	margin-top: 0px;
	text-align:left;
}

#sidebar {
	width: 34%;
	margin-left: 4%;
	float: left;
	clear: none; /* override .fluid - clear: both; */
}

#sidebar_para2 {
	text-align:left;
	margin-left: 2%;
}

#followUs {
	margin-top: 1%;
}

#welcome h2 {
	width: 45%;
	margin-left: 20%;
	float: left;
}
#welcome p {
	width: 100%;
	margin-left: 0px;
	float: left;
	text-align:center;
}

main figure {
	width: 100%;
}



#main h2 {
	width: 100%;
}

#sidebar {
	margin-top: 3%;
	text-align:left;
	width:100%;
	margin-left: 0px;
}

#followUsContainer {
	width: 98%;
	margin-left: 0.8em;
}


.boardIt>li {
	border: 3px solid #000000;
	border-radius: 25px;
	padding-right: 15px;
    padding-left: 15px;
}

.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
	position: sticky;
	 -webkit-backface-visibility: hidden;
	top: 0.25em;
}

.fixAvatar {
	position: fixed;
}

#para1:hover {
	cursor:pointer;
}

#hdr2:hover {
	cursor:pointer;
}


/* Smartphones (portrait) ----------- */
@media only screen 
and (min-width : 360px) {
/* Styles */
.fixAvatar {
		margin-right:50px;
}
#sidebar_para2 {
}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 640px) {
/*Styles */
.fixAvatar {
		margin-right:35px;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

/* Styles */
}

@media only screen and (max-width: 480px) {
	
	h1 {font-size: 3.1em;  /* 50px / 16px = 3.125em  */
	}
}

@media only screen and (min-width: 481px) {
#welcome p {
	width: 25%;
	text-align:left;
}

#sidebar {
	margin-top: 3%;
	text-align:left;
	width:34%;
}

#main {
	width: 58%;
	margin-left: 2%;
	float: left;
}
}

@media only screen and (min-width: 769px) {
}