@charset "utf-8";
/* CSS Document */

/*Font Famyly*/
	 
@font-face {
    font-family: rdrlogofont;
    src: url("font/rdr-rob-da-rin.woff2");
}

@font-face {
    font-family: conduit;
	 src: url("font/conduit.woff2");
	 }

@font-face {
    font-family: rdrtechfont;
	 src: url("font/rdr-rob-da-rin-tech.woff2");
	 }

body {background-color: black}


.card { 
   width: 100%;
   height: auto;;
   display: grid;
   grid-template-columns: 40% auto;
   color: black;
	background-image: 
}
.card-immage{
   border-radius: 0.7rem;
	background-color: white;
		background-image: url("../images/background-wood.jpg");
			background-size: 100%;
	transition-duration: 3.0s
}
   
.card-immage:hover {
background-size: 110%;
	
  }

.card-details {
   padding: 1%;
		
}

@media (max-width: 700px) {
	.item {
   display: flex;
   flex-direction: column;
	margin-bottom: 0.5%;
	font-size: 1.0vw;}
	
.name {
   font-size: 5.5vw;
font-family: rdrlogofont;
}

.occupation {
   font-size: 1.0vw;
	font-family: rdrlogofont;
}}



.item {
   display: flex;
   flex-direction: column;
	margin-bottom: 0.5%;
	font-size: 1.2vw;}
   
.element {
  color:black;
	text-decoration:none;
	font-family: conduit;
	
}
.name {
   font-size: 2.4vw;
font-family: rdrlogofont;
}

.occupation {
   font-size: 1.4vw;
	font-family: rdrlogofont;
}

@media (min-width: 1200px) {
	.item {
   display: flex;
   flex-direction: column;
	margin-bottom: 0.5%;
	font-size: 1.0vw;}
	
.name {
   font-size: 1.5vw;
font-family: rdrlogofont;
}

.occupation {
   font-size: 1.0vw;
	font-family: rdrlogofont;
}}

.bow {
	margin-top:25%;
	width: 250%	;
		 border-radius: 0.8rem;
}

.center{
	vertical-align: middle;
   align-items: center
}

/*TILT*/
.tilt2 {
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    transition: all 1.5s ease;
	
}
.tilt2:hover {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
	
}


/*Contact Bar*/

.icon-bar {
 
 text-align: center;
height: inherit	
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 20%;
  transition: all 0.3s ease;
  color: white;
	opacity: 1;
width: 100%;
	height: auto;
	text-align: center;
}
	.icon-bar a:hover {
  opacity: 0.5
}

.icon-bar-curriculum {
 text-align: center;
}
	.icon-bar-curriculum a {
  display: block;
  text-align: center;
  padding: 0%;
  transition: all 0.3s ease;
  color: white;
	opacity: 1;
	width: 100%;
	height: auto;
}

		.icon-bar-curriculum a:hover {
  opacity: 0.5;
	  text-align: center;
}

	
	.icon-bar-img {
  width: 150%;
	height: auto; 
}
	
	.icon-bar-mail {
  width: 150%;
	height: auto; 
}
	
	.icon-bar-curriculum {
  width: 30%;
	height: auto; 
}

.icon-bar-footer{
width: 90%;
	height: 10%;
	padding: 2%;
	text-align: center;
}

.iconprint{
	opacity: 1.0;
	 transition: all 0.5s ease;
}

.iconprint:hover {
	opacity: 0.5;
}