.c1{
	background-color:#1ABC9C;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#148f77,#28e1bd);
	background-image:-o-linear-gradient(135deg,#148f77,#28e1bd);
	background-image:linear-gradient(135deg,#148f77,#28e1bd)
}

.c2{
	background-color:#2ECC71;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#25a25a,#54d98c);
	background-image:-o-linear-gradient(135deg,#25a25a,#54d98c);
	background-image:linear-gradient(135deg,#25a25a,#54d98c)
}

.c3{
	background-color:#3498DB;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#217dbb,#5faee3);
	background-image:-o-linear-gradient(135deg,#217dbb,#5faee3);
	background-image:linear-gradient(135deg,#217dbb,#5faee3)
}

.c4{
	background-color:#9B59B6;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#804399,#b07cc6);
	background-image:-o-linear-gradient(135deg,#804399,#b07cc6);
	background-image:linear-gradient(135deg,#804399,#b07cc6)
}

.c5{
	background-color:#34495E;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#222f3d,#46627f);
	background-image:-o-linear-gradient(135deg,#222f3d,#46627f);
	background-image:linear-gradient(135deg,#222f3d,#46627f)
}

.c6{
	background-color:#F1C40F;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#c29d0b,#f4d03f);
	background-image:-o-linear-gradient(135deg,#c29d0b,#f4d03f);
	background-image:linear-gradient(135deg,#c29d0b,#f4d03f)
}

.c7{
	background-color:#E67E22;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#bf6516,#eb9950);
	background-image:-o-linear-gradient(135deg,#bf6516,#eb9950);
	background-image:linear-gradient(135deg,#bf6516,#eb9950)
}

.c8{
	background-color:#E74C3C;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#d62c1a,#ed7669);
	background-image:-o-linear-gradient(135deg,#d62c1a,#ed7669);
	background-image:linear-gradient(135deg,#d62c1a,#ed7669)
}

.c9{
	background-color:#ECF0F1;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#cfd9db,#fff);
	background-image:-o-linear-gradient(135deg,#cfd9db,#fff);
	background-image:linear-gradient(135deg,#cfd9db,#fff)
}

.c0{
	background-color:#95A5A6;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#798d8f,#b1bdbd);
	background-image:-o-linear-gradient(135deg,#798d8f,#b1bdbd);
	background-image:linear-gradient(135deg,#798d8f,#b1bdbd)
}

.bgc-darker{
	background-color:rgba(0,0,0,.1)
}

.bgc-lighter{
	background-color:rgba(255,255,255,.1)
}

.colorloop .col{
	height:100px
}

background-color #eee .colorloop .col:nth-child(10n+0){
	background-color:#95A5A6;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#798d8f,#b1bdbd);
	background-image:-o-linear-gradient(135deg,#798d8f,#b1bdbd);
	background-image:linear-gradient(135deg,#798d8f,#b1bdbd)
}

.colorloop .col:nth-child(10n+1){
	background-color:#1ABC9C;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#148f77,#28e1bd);
	background-image:-o-linear-gradient(135deg,#148f77,#28e1bd);
	background-image:linear-gradient(135deg,#148f77,#28e1bd)
}

.colorloop .col:nth-child(10n+2){
	background-color:#2ECC71;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#25a25a,#54d98c);
	background-image:-o-linear-gradient(135deg,#25a25a,#54d98c);
	background-image:linear-gradient(135deg,#25a25a,#54d98c)
}

.colorloop .col:nth-child(10n+3){
	background-color:#3498DB;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#217dbb,#5faee3);
	background-image:-o-linear-gradient(135deg,#217dbb,#5faee3);
	background-image:linear-gradient(135deg,#217dbb,#5faee3)
}

.colorloop .col:nth-child(10n+4){
	background-color:#9B59B6;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#804399,#b07cc6);
	background-image:-o-linear-gradient(135deg,#804399,#b07cc6);
	background-image:linear-gradient(135deg,#804399,#b07cc6)
}

.colorloop .col:nth-child(10n+5){
	background-color:#34495E;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#222f3d,#46627f);
	background-image:-o-linear-gradient(135deg,#222f3d,#46627f);
	background-image:linear-gradient(135deg,#222f3d,#46627f)
}

.colorloop .col:nth-child(10n+6){
	background-color:#F1C40F;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#c29d0b,#f4d03f);
	background-image:-o-linear-gradient(135deg,#c29d0b,#f4d03f);
	background-image:linear-gradient(135deg,#c29d0b,#f4d03f)
}

.colorloop .col:nth-child(10n+7){
	background-color:#E67E22;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#bf6516,#eb9950);
	background-image:-o-linear-gradient(135deg,#bf6516,#eb9950);
	background-image:linear-gradient(135deg,#bf6516,#eb9950)
}

.colorloop .col:nth-child(10n+8){
	background-color:#E74C3C;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#d62c1a,#ed7669);
	background-image:-o-linear-gradient(135deg,#d62c1a,#ed7669);
	background-image:linear-gradient(135deg,#d62c1a,#ed7669)
}

.colorloop .col:nth-child(10n+9){
	background-color:#ECF0F1;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(135deg,#cfd9db,#fff);
	background-image:-o-linear-gradient(135deg,#cfd9db,#fff);
	background-image:linear-gradient(135deg,#cfd9db,#fff)
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,input,textarea,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

html{
	overflow-y:scroll
}

a,a:link,a:hover,a:focus,a:active,a:visited{
	outline:0
}

.flexbox{
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	align-content:center;
	align-items:center
}

.flexitem{
	flex:0 1 auto
}

@font-face{
	font-family:Raleway;
	font-style:normal;
	font-weight:200;
	src:local('Raleway ExtraLight'),local('Raleway-ExtraLight'),url(https://fonts.gstatic.com/s/raleway/v9/8KhZd3VQBtXTAznvKjw-k_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

@font-face{
	font-family:Raleway;
	font-style:normal;
	font-weight:400;
	src:local('Raleway'),url(https://fonts.gstatic.com/s/raleway/v9/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

body{
	text-rendering:optimizeLegibility
}

body,input,button{
	-webkit-font-smoothing:antialiased
}

html{
	font:100%/1.5 Arial,sans-serif
}

h1{
	font-size:2em
}

h2{
	font-size:1.5em
}

h3{
	font-size:1.17em
}

h4{
	font-size:1em
}

h5{
	font-size:.83em
}

h6{
	font-size:.75em
}

p{
	line-height:1.5;
	margin:0 0 1em
}

.indent p+p{
	text-indent:2em;
	margin-top:-1em
}

a,a:visited{
	text-decoration:underline
}

a:hover{
	text-decoration:none
}

a:active{
	color:tomato
}

a:focus{
	border:1px dotted tomato
}

a[href$=".zip"]{
	color:tomato
}

strong{
	font-weight:700
}

em{
	font-style:italic
}

code,pre{
	font-family:monospace,serif;
	font-size:1em
}

blockquote{
	font-style:italic
}

blockquote:before{
	content:"\201C";
	display:inline-block;
	padding-right:.4em
}

@media print{
	*{
	background:transparent!important;
	color:#000!important;
	box-shadow:none!important;
	text-shadow:none!important
}

p,h2,h3{
	orphans:3;
	widows:3
}

h2,h3{
	page-break-after:avoid
}


}

html,body{
	font-size:18px;
	background-color:#fff;
	color:#31373e;
	font-family:Raleway;
	font-weight:400
}

h1{
	font-size:3.75rem;
	color:#fb6d50;
	font-weight:200
}

h2{
	font-size:2.25em;
	color:#fb6d50;
	font-weight:200
}

p{
	font-size:1em
}

a{
	color:#fb6d50
}

a:hover{
	color:#646c77
}

.tnr{
	font-family:"Times New Roman";
	padding:0 0 0 20px;
	font-size:16px;
	color:#000;
	text-rendering:optimizeSpeed
}

.header__insertion{
	color:#646c77
}

.social__button{
	display:inline-block;
	width:48px;
	height:48px;
	overflow:hidden;
	background:transparent none no-repeat top left;
	text-indent:-10000px;
	background-size:cover
}

.aboutme .col-xs-3 p{
	opacity:0
}

.aboutme .col-xs-3 img{
	margin-right:10px;
	margin-bottom:10px
}

.aboutme img{
	max-width:100%
}

.buttons ul{
	margin-top:20px
}

.social__button {
    background-color:#ccc;
    border-radius: 50%;
}

.social__button--facebook{
	background-image:url(fb.png)
}

.social__button--twitter{
	background-image:url(twitter.png)
}

.social__button--linkedin{
	background-image:url(linkedin.png)
}

.social__button--mastodon{
    background-image:url(mastodon.png)
}

.social__button--soundcloud{
	background-image:url(soundcloud.png)
}

.social__button--youtube{
	background-image:url(youtube.png)
}

.social__button--blogger{
	background-image:url(blogger.png)
}

.social__button--gplus{
	background-image:url(google+.png)
}

.social__button--gmail{
	background-image:url(gmail.png)
}

@media (max-width:767px){
	h1{
	font-size:52px
}

.aboutme .col-xs-3{
	position:static
}

.aboutme .col-xs-3 p{
	color:#fff;
	background-color:#646c77;
	position:absolute;
	left:10px;
	right:10px;
	padding:10px;
	z-index:2
}

.aboutme .col-xs-3 p{
	transition:opacity .6s
}

.aboutme .col-xs-3 p.showme{
	opacity:1
}

.aboutme .col-xs-3 img.pull-left{
	float:none!important
}

.buttons h2{
	transition:margin .6s
}


}

@media (min-width:768px){
	html,body{
	font-size:20px
}

.aboutme .col-xs-3 p{
	opacity:1
}

h1.text-center{
	text-align:left
}


}

@media (min-width:1200px){
	html,body{
	font-size:24px
}


}

.btn-kevin{
	background-color:#fb6d50;
	color:#fff;
	
}

code{
	background-color:rgba(251,109,80,0.1);
	color:#fb6d50
}

.browserupgrade{
	border-bottom:1px solid #2C3E50;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	text-align:center;
	background-color:#F5D76E;
	color:#2C3E50;
	padding:6px;
	font-size:60%
}

.browserupgrade a{
	color:#2C3E50
}





.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	 background-color: #fb6d50;
	 border-color: #fb6d50;
	 
}



.pagination > li > a, .pagination > li > span {
	 color: #fb6d50;
	 
}



.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	 color: #646c77;
	 background-color: inherit;
	 
}



.dropdown-menu > li > a {
	 text-decoration: none;
	 
}