/* Styles for ClementQuoyeser.com */

/* General */

*{ 
	margin: 0; 
	padding: 0; 
}

html{
	height: 100%;
}

body{
    height: 100%;
    background: #EFEFFA; 
}

header{


	margin: 0 auto;
}

#container{
	border: 1px solid #d3d3d5; /* #EEEEEE; */
	border-radius: 10px;
	width: 95%;
	height: 95%;  
    margin: 2.5%;
	box-shadow: 0 0 10px #888888;
}

h1{
	margin-top: 1.5em;
	margin-bottom: 1em;
	color: #993300;
}

h2{
    margin: 1em 0 .5em;
    color: #993300;
}


/* mobile dim 428 X 288 */
video{
     max-width: 60%;
     height: auto;
}

/* left-sidebar */

#left-sidebar{
	background-color: #d3d3d5;
	width: 15%;
	height: 100%;
	float: left;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
}

#left-sidebar ul{
    margin: 10px;
    list-style-type: none;
}
#left-sidebar ul li{
    padding: 3px;
}

#left-sidebar ul li a{
    text-decoration: none;
    color: #800000;
}

#left-sidebar ul li a:visited{
    text-decoration: none;
    color: #800000;
}

/* main content */

#content{
	background-color:#EEEEEE; 
	width:70%;
	float: left;
	height: 100%;
        text-align: center;
}


/* right-sidebar */

#right-sidebar{
	background-color: #d3d3d5; 
	/* background: #EEEEEE; */
	width: 15%;
	float: left;
	height: 100%;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
}

#right-sidebar ul{
    margin: 10px;
    list-style-type: none;
}

#right-sidebar ul li{
    padding: 3px;
}

#right-sidebar ul li a{
    text-decoration: none;
    color: #800000;
}

#right-sidebar ul li a:visited{
    text-decoration: none;
    color: #800000;
}

right-sidebar h1, h2{
   /* margin: 1.5em 10px 1.25em;*/
   margin-left: 10px;
}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
  #left-sidebar, #right-sidebar {
    width:30%;
    /*height: 33%;*/
  }
  
  #content{
    width:40%;
  }
  
}