@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Montserrat');




html, body {
height: 100%;
    margin:0 auto;
	border:0;
	outline:0;
	font-size:100%;
   font-family: 'Montserrat', sans-serif;
	text-align:center;
	color:#343434;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(242,242,242,1) 52%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(242,242,242,1) 52%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(242,242,242,1) 52%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	font-family: 'Montserrat', sans-serif;
}

nav ul {
	list-style:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	display:block;
	height:1px;
	border:0;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}






h1, h2, h3 {
	font-weight:normal;
	margin:8px 0;
	font-stretch:normal;
	font-weight:bold;
}

h2{
	font-size:14px;
}

h3{
	font-size:12px;
	text-align:left;
}


#color1{
	background-color:#2eaaf9;
}

#color2{
	background-color:#888888;
}

#color3{
	background-color:#c56f23;
}

#color4{
	background-color:#28923a;
}

#color5{
	background-color:#a54ece;
}

#color6{
	background-color:#ce1e1e;
}

.color_text{
	color:#1A4876;
}


/* 
 Main styles
*/
ul {
  list-style-type: none;
}
#page {
	position:relative;
	margin: 30px auto 0;
	width: 1024px;
	z-index:0;
}

#page h1, #page h2 {
	font-size:48px;
	font-weight:normal;
	margin:20px 0;
}
#page h2 {
	font-size:30px;
	text-align:left;
}

.name{
font-size:2rem !important;
color:#1A4876;
margin:10px !important;
}

#content {
	margin:20px 0px;
	overflow:hidden;
	padding:20px 0px;
	font-size:0.8rem;
	width:100%;
	  max-width: 100%;
  box-shadow: 0 1px 20px 0 rgba(0,0,0,.1);
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform .35s cubic-bezier(.02,.01,.47,1);
  transition: all ease-in-out 0.35s;
  border-radius: 8px;
  background-color: #fff;
}

#content:hover{
cursor:pointer;
  transform: translateY(-5px);
  color: #32325d!important;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 18px 35px rgba(50,50,93,.1), 0 8px 15px rgba(0,0,0,.07);
    box-shadow: 0 18px 35px rgba(50,50,93,.1), 0 8px 15px rgba(0,0,0,.07);
  transition-delay: 0s!important;}
#about {
    line-height:1.3rem;
	padding:0 30px;
}
#about p {
	margin-top:10px;
}

#image_placeholder{
  text-align:center;
  	margin-left: auto;
	margin-right: auto;
	display: block;
	border:2px solid #1A4876;
  border-radius: 50%;
  overflow: hidden;
  width:150px;
  height:150px;
  background-size: cover;

}

#image_placeholder img{
width:150px;
height:150px;
}

#right-panel {
	width:100%;
	line-height:1.5rem;
	padding:10px 0;
	font-size:0.8rem;
}


#footer {
clear:both;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}

.social-icon {
    position: relative;
    padding: 0;
    margin: 0;
  }

  .social-icon li {
    display: inline-block;
    list-style: none;
    margin-bottom: 5px;
  }

  .social-icon li a {
    border-radius: 100px;
    color: rgba(103,103,103,0.7);
    font-size: 15px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    text-align: center;
    transition: all 0.4s ease-in-out;
    position: relative;
    margin: 5px 5px 5px 0;
  }

  .social-icon li a:hover {
    background: #1A4876;
    color: #ffffff;
  }
  
  
  @media screen and (max-width: 1200px) {
  

}