html,body {
background:#f1f1f1;
color:#333;
width: 100%;
height:100%;
margin:0;
padding:0;
height:100%;
text-align:center;
font-family: 'Josefin Sans', sans-serif;}

@font-face {
  font-family: fontello;
  src: url(./custom_fonts/fontello.woff);
}
.demo-icon
    {
     font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 100%;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    font-size: 200px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

.text{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}

/* unvisited link */
a:link {
    transition: all 0.1s ease-in-out;
    color: #00aeff;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #00aeff;
    text-decoration: none;
}

/* mouse over link */
a:hover {

     color: #00ff64;

}

/* selected link */
a:active {

     color: #00ff64;

}

.clear {
    clear: both;
    width: 100%;
    float: none;
    height: 0px;
}

#placeholder{
width: 100%;
height: 51px;
}


.section{
	position:relative;
	padding-top:50px;
	
}

.firstsection{
	margin-top:60px;
	/*min-height: calc(100% - 60px);*/
	
}



.theme1{
    background-repeat: no-repeat;
    color: #464542;
    top: 0px;
    padding-top: 0px;
    /* height: 100%; */
    position: relative;
    background: linear-gradient(90deg, rgb(251 251 251) 0%, rgba(255,255,255,1) 100%);
}
.theme2{
	top:0;
	color: #464542;
    padding: 0px;
    position: relative;
    background: linear-gradient(90deg, rgb(247 247 247) 0%, rgba(255,255,255,1) 100%);
}

div.line-behind {
    margin-top: 50px;
    margin-bottom: 25px;
    width: auto;
    position: relative;
    text-align: center;
}
span {
    content: " ";
    height: 5px;
    position: absolute;
    width: 100%;
    top: 37px;
    left: 0;
    z-index: 1;
    background: linear-gradient(226deg, #00ff64, #00aeff, #9800ff);
    background-size: 200% 200%;

    -webkit-animation: line-behind 14s ease infinite;
    -moz-animation: line-behind 14s ease infinite;
    animation: line-behind 14s ease infinite;

}

@-webkit-keyframes line-behind {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-moz-keyframes line-behind {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@keyframes line-behind {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}

h2{
    text-align: center;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 900;
    font-size: 32px;
    position: inherit;
    display: inline-block;
    z-index: 5;
    padding-left: 5px;
    padding-right: 5px;
}

.theme1 h2{
    background-color: #fcfcfc;
}

.theme2 h2{
    background-color: #fbfbfb;
}

.social_logo{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    -webkit-transition: all .5s ease-in-out;
}

.social_logo:hover{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.container{
	font-size: 18px;
	width: 1170px;
	padding-top: 15px;
    padding-bottom: 100px;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	box-sizing:border-box;
}

.contenth1{	
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    text-shadow: none;
	width:100%;
	font-family: 'Oswald', sans-serif;
	font-style:bold;
	padding-top:50px;
    padding-bottom: 75px;
	font-size: 64px;
	color:white;
	text-align:left;
	
}

.text_h1{
    text-align:left;
    font-weight: bold;
}


#contentheadlineh1{	
text-align:center;
text-align:left;float:left;
}

.contenth2{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    text-shadow: none;
	width:100%;
	font-family: 'Anton', sans-serif;
	font-style:bold;
	padding-top:50px;
	padding-bottom: 75px;
	font-size: 64px;
	color:white;
	text-align:left;
}

.contenth3{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    text-shadow: none;
	width:100%;
	font-family: 'Anton', sans-serif;
	font-style:bold;
	padding-top:0px;
	padding-bottom: 32px;
	font-size: 32px;
	color:white;
	text-align:center;
}

#about-me h3{
	text-align: left;
	font-size: 40px;
    font-weight: 200;
    padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 0px;
	}


.linie{	
	margin:0px auto;
    display: block;
    position: relative;
    top: 0px;
    width: 158px;
    height: 7px;
    background: white;
    text-indent: -9999px;
	
}

.project_info {
	display: block;
    background: none;
    margin-top: 65px;
    margin-bottom: 15px;
    padding-bottom: 0px;
} 

.project_info_text {
    display: block;
    box-sizing: border-box;
    float: right;
    width: 896px;
    height: auto;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    text-align: justify;
}

.project_info_stats{
    display: block;
    box-sizing: border-box;
    float: left;
    width: 243px;
    height: auto;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    text-shadow: none;
    font-size: 12px;
    color: grey;
    text-transform: uppercase;
    padding-top: 77px;
}

.responsive_1_to_2 {
    background: rgba(255, 255, 255, 0.25);
    padding-bottom: 0px;
    margin-bottom: 15px;
}

.responsive_1_to_2-1 {
	width: 443px;
    height: auto;
    float: left;
    box-sizing: border-box;
    margin-left: 0px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    font-size: medium;
    text-align: left;
}

.blog .responsive_1_to_2-1{
    /*padding-top: 77px;*/
}
.blog .responsive_1_to_2-2{
    text-align: justify;
    direction: ltr;
    }

.blog{
    margin-bottom:30px;
    padding-bottom: 20px;
}


.responsive_1_to_2-2 {
    width: 696px;
    height: auto;
    float: left;
    box-sizing: border-box;
    margin-left: 0px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    font-size: medium;
    text-align: left;
}

.btn_group_50 {
	box-sizing: border-box;
    float: left;
    width: 50%;
}
.btn_group_100 {
	box-sizing: border-box;
    float: left;
    width: 100%;
}

.errormessage{
	padding-left: 2.5px;
	padding-right: 2.5px;
	padding-bottom: 10px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	color: red;
	font-size: 14px;
}



.form_border{
	padding: 2px;
    z-index: 1;
    background: linear-gradient(226deg, #00ff64, #00aeff, #9800ff);
    background-size: 200% 200%;

    -webkit-animation: form_border 14s ease infinite;
    -moz-animation: form_border 14s ease infinite;
    animation: form_border 14s ease infinite;

}

@-webkit-keyframes form_border {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-moz-keyframes form_border {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@keyframes form_border {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}

.form_border select{
	text-align-last: center;
    text-align: center;
    font-size: 18px;
    height: 60px;
    width: 100%;
}
.form_border select option{

	text-align-last: center;
    text-align: center;
    font-size: 18px;
    height: 60px;
    width: 100%;

}


.contact_email{
	cursor: pointer;
	opacity: 0.3;
    filter: grayscale(100%);
    -webkit-transition: all .5s ease-in-out;
}

.contact_email:hover{
	opacity: 1;
    filter: grayscale(0%);
}
.del_button{
	color:#464542;
	width: 80px;
    height: 80px;
    border: #464542 2px solid;
    background: none;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.del_button:hover{
	color:white;
	width: 80px;
    height: 80px;
    border: red 2px solid;
    background: red;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}



.button{}
.button_outline{
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.button_inner{
	font-size: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: #fdfdfd;    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.theme1 .button{background-color: #fcfcfc;}
.theme2 .button{background-color: #fbfbfb;}

.button:hover .button_inner{
color:white;
background: none;
}

input, textarea{background: #fff;border:none;font-size: 18px;
    padding: 16px;
    min-height: 60px;
    width: 100%;
    box-sizing: border-box;
	font-family: 'Josefin Sans', sans-serif;
	}
textarea:focus,input:focus .form_border{background: #fff;}

.theme1 input, textarea,select{background-color: #fcfcfc;border:none;}
.theme1 textarea:focus,input:focus, select:focus .form_border{background-color: #fcfcfc;}
    
.theme2 input, textarea,select{background-color: #fbfbfb;border:none;}
.theme2 textarea:focus,input:focus, select:focus .form_border{background-color: #fbfbfb;}


.mediages{	
background: rgba(255, 255, 255, 0.15);
padding-bottom:50px;
margin-bottom:0px;
}
	
.vidges{	
background: rgba(255, 255, 255, 0.15);
padding-bottom:0px;
margin-bottom:15px;
}

.mediainforechts{
box-sizing:border-box;
margin-left:0px;
float:left;
width:830px;
box-sizing:border-box;
padding-left: 20px;
padding-right: 20px;
text-align:left;
}
.medialinks{
box-sizing:border-box;
float:left;
width:310px;
padding-top:0px;
}

.mediainfolinks{
box-sizing:border-box;
margin-left:0px;
float:right;
width:830px;
box-sizing:border-box;
padding-left: 20px;
padding-right: 20px;
text-align:left;
}
.mediarechts{
box-sizing:border-box;
float:right;
width:310px;
padding-top: 124px;
}

.vidinfolinks{
box-sizing:border-box;
margin-left:0px;
float:right;
width:443px;
height:auto;
box-sizing:border-box;
padding-left: 20px;
padding-right: 20px;
font-size:medium;
text-align:left;
}
.vidrechts{
box-sizing:border-box;
float:right;
width:696px;
height:391px;
}

.vidinforechts{
box-sizing:border-box;
margin-left:0px;
float:left;
width:443px;
height:auto;
box-sizing:border-box;
padding-left: 20px;
padding-right: 20px;
font-size:medium;
text-align:left;
}
.vidlinks{
box-sizing:border-box;
float:left;
width:696px;
height:391px;
}


.overlay {
  position: absolute;
  bottom: 105px;
  left: 0;
  right: 0;
  height: 32px;
  width: auto;
  opacity: 0;
  transition: .5s ease;
  /*background-color: #008CBA;*/
  color:white;
  font-family: Roboto;
  font-weight: 900;
  font-size:24px;
  text-transform: uppercase;
}


#projekte_box{
float:left;
width:277.5px;
height:277.5px;
margin: 2.5px auto;
margin-left: 2.5px;
margin-right: 2.5px;
overflow:hidden;
    -webkit-filter: drop-shadow(0px 0px 5px rgba(255,255,255,1));
    filter: drop-shadow(0px 0px 5px rgba(255,255,255,1));
}
.projekte_boxbild{  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  }
.projekte_boxbild:hover{
-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#projekte_box:hover{
    -webkit-filter: drop-shadow(0px 0px 50px rgba(255,255,255,1));
    filter: drop-shadow(0px 0px 50px rgba(255,255,255,1));
}
input::-webkit-input-placeholder {
color: white !important;
opacity:0.3;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: grey !important;  
opacity:0.2;
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: grey !important;  
opacity:0.2;
}
 
input:-ms-input-placeholder {  
color: grey !important;  
opacity:0.2;
}

#input{
	color: grey; 
	margin-top: 10px; 
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size:22px;
	text-align:left;
}

.input{
	word-break: break-all;
    background: rgba(0,0,0,0);
    color:#333;
    display: block;
    font-family: sans-serif;
    font-size: 18px;
    box-shadow: none;
    padding: 10px;
    border: none;
    border-bottom: solid 2px #c9c9c9;
    transition: border 0.3s;
}

.inputtextfield{
background:transparent;
border:0;
color:#333;
margin:0 auto;
overflow: auto;
width: 100%;
height: 200px;
max-width:100%;
min-width:100%;
margin: 0 auto;
}

.inputbutton{
display: block;
    margin-left: auto;
    margin-right: auto;
    background: transparent;
    font-size: 18px;
    padding: 10px;
    color: white;
    width: 100%;
    border: solid;
    transition: 0.3s all;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    cursor: pointer;
	}
.inputbutton:hover {
    border: solid;
    background: #337ab7;
    border-color: #337ab7;
}

.passwordinput{ 
    box-shadow: none;
    background:rgba(0,0,0,0);
    border:1px solid #fff;
    color:#fff;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  font-family: sans-serif;
  font-size: 18px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  padding: 10px;
  border: none;
  border-bottom: solid 2px #c9c9c9;
  transition: border 0.3s;
}
.passwordinput:-webkit-autofill,
.passwordinput:-webkit-autofill:hover,
.passwordinput:-webkit-autofill:focus,
.passwordinput:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
}
.passwordinput:focus {
	outline: none;
  border-bottom: solid 2px #969696;
}

.passwordbutton {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background: transparent;
    font-size: 18;
    padding: 10px;
    color: white;
    width: 300px;
    border: solid;
    transition: 0.3s all;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    cursor: pointer;
}


.passwordbutton:hover {
	border:solid;
    background: #337ab7;
    border-color: #337ab7;
}

#adminpicbox{
	background: rgba(255, 255, 255, 0.5);
	width:50%;
	margin:0px auto;
}

#adminpicboxdemo{
	background:#337ab7;
	color:white;
	width:60%;
	float:left;
}

#adminpicboxupload{
	width:40%;
	float:left;
}

#logo{
text-align:center;
	display: block;
	position: absolute;
	font-size:100%;
    width:450px;
}

#swipe_box{
    display: block;
    position: absolute;
    font-size: 100%;
    bottom: 50px;
    box-sizing: border-box;
	}
	
	#swipe_button{
    left: 50%;
    width: 24px;
    height: 24px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-sizing: border-box;
	}

	.fonticon{color: #464542;font-size:32px;}
.fonticon:hover{color: #2f82ff;}


.footer a:link{
    color:#464542;
}

.footer a:visited{
    color:#464542;
}

.footer a:hover{
    color:#00aeff;
}

.footer a:active{
    color:#00ff64;
}

.footer .fonticon{
    font-size: 32px ;
    display: unset ;
}

.footer .form_border{
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none;
}

.footer .fonticon:hover .footer .form_border{

 
}

@media (max-width: 1200px){

	.container{
		width: 970px;
	}

	.project_info_text {
	width: 697px;
	}

	
	.mediages{	
	margin-bottom:0px;
	}
	.vidges{	
	margin-bottom:15px;
	}
	
	.mediainforechts{
	width:704px;
	}
	
	.medialinks{
	width:196px;
	padding-top: 124px;
	}
	
	.mediainfolinks{
	width:704px;
	}
	
	.mediarechts{
	width:196px;
	}

	#projekte_box{
	width: 229.5px;
    height: 229.5px;
	}
	
	.vidinfolinks{
	width:366px;
	height:auto;
	}
	.vidrechts{
	width:574px;
	height:313px;
	}
	.vidinforechts{
	width:366px;
	height:auto;
	}
	.vidlinks{
	width:574px;
	height:313px;
	}

	
	.overlay{
	bottom:84.5px;
	}

    .responsive_1_to_2-1{
    width:366px;
    }
    .responsive_1_to_2-2{
    width:574px;
    }
}




@media (max-width: 992px){
	
	.container{
		width: 750px;
	}

	.project_info_text {
	width:100%;
	}

	
	.mediages{
	margin-bottom:0px;
	}
	
	.mediainforechts{
	width:520px;
	}
	.medialinks{
	width:200px;
	}
	.mediainfolinks{
	width:520px;
	}
	.mediarechts{
	width:200px;
	}
	#projekte_box{
	width: 234px;
    height: 234px;

	}
	
	.vidinfolinks{
	float:none;
	margin-top:0px;
	padding-bottom:50px;
	margin:0px auto;
	width:720px;
	height:auto;
	}
	.vidrechts{
	float:none;
	margin-top:0px;
	margin:0px auto;
	width:720px;
	height:405px;
	}
	.vidinforechts{
	float:none;
	margin-top:0px;
	padding-bottom:50px;
	margin:0px auto;
	width:720px;
	height:auto;
	}
	.vidlinks{
	float:none;
	margin-top:0px;
	margin:0px auto;
	width:720px;
	height:405px;
	}

	.overlay{
	bottom:100px;
	}
	
    .responsive_1_to_2-1{
    float:none;
    width:100%;
    height:auto;
    margin-top:0px;
    padding-bottom:50px;
    margin:0px auto;
    }
    
    .blogpage .responsive_1_to_2-1{
        width:100%;
    }
    
    .responsive_1_to_2-2{
    float:none;
    width:100%;
    height:auto;
    margin-top:0px;
    padding-bottom:50px;
    margin:0px auto;
    }

}




@media (max-width: 768px){
	
	.container{
		width: 100%;
	}

	.text{
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
	}
	
		.contenth1{	
		padding-top:50px;
		padding-bottom: 25px;
		font-size: 3.5em;
		color:white;
		text-align:center;
		
	}
	#contentheadlineh1{	
		font-size: 8vw;
		text-align:center;
		float:none;
	}

	.contenth2{	
		padding-top:50px;
		padding-bottom: 25px;
		font-size: 3.5em;
		color:white;
		text-align:center;
	}

	.linie{	
		margin:0px auto;
		display: block;
		position: relative;
		top: 0px;
		width: 158px;
		height: 7px;
		background: white;
		text-indent: -9999px;
		
	}

	.text{
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
	}
	
	.mediages{	
	margin-bottom:50px;
	}
	
	.mediainforechts{
	float:none;
	margin:0px auto;
	margin-top:0px;
	width:100%;
	}
	.medialinks{
	float:none;
	margin:0px auto;
	width:100%;
	padding-top:0px;
	}
	.mediainfolinks{
	float:none;
	margin:0px auto;
	margin-top:0px;
	width:100%;
	}
	.mediarechts{
	float:none;
	margin:0px auto;
	width:100%;
	padding-top:0px;
	}
	
	#projekte_box{
	float: none;
    display: inline-block;
	width: 243px;
    height: 243px;

	}
	
	#adminpicbox{
	background: rgba(255, 255, 255, 0.5);
	width:290px;
	margin:0px auto;
	}
	
	#adminpicboxdemo{
	background:#337ab7;
	color:white; 
	width:100%;
	float:none;
	}

	#adminpicboxupload{
	width:100%;
	float:none;
	}
	
	.aboutme{
		width: 200px;
	}

	#logo{
		width:60%;
	}

	.vidges{	
	width:448px;
	margin:0px auto;
	margin-bottom:15px
	}
	
	.vidinfolinks{
	margin:0px auto;
	width:448px;
	height:auto;
	}
	.vidrechts{
	margin:0px auto;
	width:448px;
	height:252px;
	}
	.vidinforechts{
	margin:0px auto;
	width:448px;
	height:auto;
	}
	.vidlinks{
	margin:0px auto;
	width:448px;
	height:252px;
	}
	
	.overlay{
	bottom:90px;
	}

   .responsive_1_to_2{ 
    width:100%;
    margin:0px auto;
    margin-bottom:15px
    }
    
    .responsive_1_to_2-1{
    margin:0px auto;
    width:100%;
    }   
    .responsive_1_to_2-2{
    margin:0px auto;
    width:100%;
    }
}

	@media (max-width: 384px){
	#logo{
		width: 275px;
	}
	}
	
	@media (max-width: 320px){
	#logo{
		width: 90%;
	}
	}

	@media (max-width: 448px){
	.vidges{	
	width:290px;
	margin:0px auto;
	margin-bottom:15px;
	}
	
	.vidinfolinks{
	margin:0px auto;
	width:290px;
	height:auto;
	}
	.vidrechts{
	margin:0px auto;
	width:290px;
	height:180px;
	}
	.vidinforechts{
	margin:0px auto;
	width:290px;
	height:auto;
	}
	.vidlinks{
	margin:0px auto;
	width:290px;
	height:180px;
	}

    .responsive_1_to_2{ 
    width:100%;
    margin:0px auto;
    margin-bottom:15px;
    }
    
    .responsive_1_to_2-1{
    margin:0px auto;
    width:100%;
    }
    .responsive_1_to_2-2{
    margin:0px auto;
    width:100%;
    }
	}

	.media_vert_centralized {
    display: table;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.media_vert_centralized_sub {
	font-family: 'Josefin Sans', sans-serif;
    text-shadow: 3px 3px 8px #e8e8e8;
    text-align: justify;
    text-transform: none;
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 768px){
.media_vert_centralized_sub {
    display: block;
}
.responsive_1_to_2-1 {
    float: none;
    width: 100%;
    height: auto;
    margin-top: 0px;
    padding-bottom: 50px;
    margin: 0px auto;
}
.responsive_1_to_2-2 {
    float: none;
    width: 100%;
    height: auto;
    margin-top: 0px;
    padding-bottom: 50px;
    margin: 0px auto;
}

.btn_group_50 {
    float: none;
    width: 100%;
}
.btn_group_100 {
    float: none;
    width: 100%;
}

}
.border-bottom {
    position: relative;
    height: 5px;
    width: 100%;
    background: linear-gradient(226deg, #00ff64, #00aeff, #9800ff);
    background-size: 200% 200%;
    -webkit-animation: border-bottom 14s ease infinite;
    -moz-animation: border-bottom 14s ease infinite;
    animation: border-bottom 14s ease infinite;

}

@-webkit-keyframes border-bottom {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-moz-keyframes border-bottom {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@keyframes border-bottom {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}

span{
	    top: 29px;
}

h2{
	font-size: 24px;}
}

.timeline{
    margin-top: 50px;
    margin-bottom: 25px;
    height: auto;
    position: relative;
    text-align: center;
    z-index: 0;
}

.timeline span{
    width: 5px;
    height: 100%;
    margin: 0 auto;
    left: 50%;
    overflow: hidden;
    top: 138px;
    z-index: 0;
}

.timeline h3{
    background: #fdfdfd;
    position: relative;
    width: 310px;
    font-size: 24px;
    margin-top: 50px !important;
    margin-bottom: 10px !important;
    margin: 0 auto;
    z-index: 5;

}

.timeline .blog h3{
    font-size: 24px;
    margin-top: 24px !important;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.timeline .blog{
    margin-top: 50px;
    position: relative;
    background: rgb(253 253 253);
}

@media (max-width: 992px){
    .timeline .blog .responsive_1_to_2-2, .timeline .blog .responsive_1_to_2-1 {
        float: none !important;
    }
    .blog .responsive_1_to_2-1{
        padding-bottom: 30px;
    }

    .blog .responsive_1_to_2-2{
    margin-top: 0!important;
    margin-bottom: 0!important;
    }

    .timeline .blog h3{
        font-size: 24px!important;
        margin-top: 0px!important;
    }
}