@font-face{
	   font-family: myFirstFont;
	   src:url('../font/comic.ttf');
	  
   }
    @font-face{
	   font-family: myFirst;
	   src:url('../font/actionj.ttf');
	  
   }

body{
    margin: 0;
    padding: 0;
    background-size: cover;
    font-family:myFirstFont;
    background-color: whitesmoke;
	color: rgb(173, 42, 42);
   }


 /* Header/logo Title */
 .header {  
 color:#ff9800;
   overflow: hidden;
    top: 0;
    width: 100%;
	text-align: center; 
	
  }
  
  /* Increase the font size of the heading */
  .header h1 {
	 
    font-family: myFirst;  
	 text-shadow:5px 5px 10px white;
	 -webkit-animation: mymove 5s infinite;
	animation: mymove 5s infinite;
  }
@-webkit-keyframes mymove{
	50%{
		/*font-size: 20px;
		text-shadow: 0px 15px 10px white;
		/*font-weight:bold;*/
		opacity:0;
	}
}
@keyframes mymove{
	50% {
		
		/*font-size: 20px;
		text-shadow:0px 15px 10px white;
		/*font-weight:bold;*/
		opacity:0;
	}
} 


    
.fixed-b {
  background-image: url("../temp/color.jpg");
  min-height: 400px;
  font-family:Broadway;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  text-shadow:10px 20px 20px rgba(.5, .5, .5, .5);color:#023665;
}
.fixed-b .sld{ 
float: right;
width: 25%;
}
.fixed-b .slog{ 
margin-top:-5px;
float: left;
font-family: myFirst;
max-width:60%;
}
.fixed-b .slog p{
font-size:50px;	
font-weight:  300;
color: whitesmoke;
}
.fixed-b .sld p{ 
font-size: 14px;
font-family:myFirstFont;
font-weight: 300;
}



.row {  
 margin-bottom: 50px;
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  margin-bottom: 20px;
text-align: center;
}

.one {
	 flex: 30%;
	 -webkit-transition: all 1s;
 -o-transition: all 1s;
  position: relative;
  -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, .8);
  box-shadow:   0 7px 25px rgba(0, 0, 0, .8);	
 padding: 5px  5px; 	
width: 150px;
border: 5px solid #ff9800;
margin:25px 15px;
  border-radius: 20px;
	}
.two {
	 flex: 20%;
	 -webkit-transition: all 1s;
 -o-transition: all 1s;
  position: relative;
 padding: 5px  5px; 	
margin:25px 15px; 

	}
	.two  img{	
  -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, .8);
  box-shadow:   0 7px 25px rgba(0, 0, 0, .8);		
width: 150px;
height : 150px;
border: 8px solid light-gray;
  border-radius: 100px;
	}

.rlform{
 --color-primary:#ff9800;
--color-grey: rgba(255, 154, 0, 0.06);
--color-dark: rgba(255, 154, 0, 0.5);
--color-semidark: rgb(173, 42, 42);
text-align: center;
margin: 10px 0 0 0;
font-size: 14px;
margin-top: 25px;
}



.rlform .rlform-wrapper {
 -webkit-transition: all 1s;
 -o-transition: all 1s;
 transition: all 1s;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  position: relative;
  height: 80%;
  width: 360px;
  margin: 0 auto;
}

.rlform a{
 
  text-decoration: none;
  border-bottom: 1px dashed var(--color-semidark);
  margin-top: -3px;
  padding-bottom: 2px;

}

.rlform *{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.rlform .rlform-box-inner{
 
  -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  box-shadow:   0 7px 25px rgba(0, 0, 0, 0.08);
  padding: 30px 25px 25px 25px;
  text-align: center;
  border-radius: 3px;
}

.rlform .rlform-box p{
 
  font-weight: 900;
  margin-bottom: 100px;
  text-align: center;
}

.rlform .rlform-box label{
  margin-bottom: 5px;
  display: inline-block;
  width: 100%;
  color: var(--color-semidark);
  font-weight: 700;

}

.rlform .rlform-box label a{
  float: right;
}
.rlform .rlform-box .rlform-input{
  
  color: none;
  border-radius:30px 4px;
  padding: 15px 20px;
  width: 70%;
  outline: 0;
}

.rlform .rlform-box .rlform-btn{
  display: inline-block;
  width: 25%;
  border: none;
  color: #fff;
  padding: 15px;
 border-radius:25px 1px;
  background-color: var(--color-primary);
  -webkit-box-shadow:0 2px 7px var(--color-semidark); 
  box-shadow:0 2px 7px var(--color-semidark); 
  font-weight: 900;
  outline: 0;
  coursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0,5s;
}
.rlform .rlform-box .rlform-btn:active{
  -webkit-box-shadow:none;
  box-shadow: none;

}

.rlform .rlform-box .rlform-btn:hover{
  opacity: 0.9;
}

.rlform .text-foot{
  text-align: center;
  padding: 10px;
  font-weight: 700;
  margin-top: 20px;
  color: var(--color-semidark);
}


@media screen and (max-width: 350px) {
.rlform .rlform-wrapper{
  width: 100%;
}
.rlform .rlform-box{
  padding: 0 10px;
}
  
  }


.footer h2{
	 font-family: myFirst;  
	 text-shadow:10px 20px 20px rgba(.5, .5, .5, .5);
}

/* Footer */
.footer {
  padding: 5px;
  text-align: center;
color: #ff9800;
font-size:80%;
margin-top: 90px;
}