@charset "utf-8";
/* CSS Document */
* {
	font-family: 'Roboto Slab', serif;    
    text-decoration: none;
}
 a:link {
    color: white;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: white;
}
a:hover {
    text-decoration: none;
    color: rgba(242,175,176,1.00);
}
a:active {
    text-decoration: none;
    color: rgba(0,0,0,1);
}

body {
	height: 2000px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF7E00), to(#FFC967));
	background-repeat: repeat;
  }
/*body {
    background-image: url("../imatges/medaxica.jpg");
    height: 550px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}*/
.logo{
	position: relative;
    width: 100%;
    height: 13vw;
    left: 2vw;
    top: 0vw;
    
}
#logo{
	position: relative;
    width: 20%;
    left: 2vw;
    top: 0vw;
    border: none;
}
.foto{
	position: relative;
    width: 98%;
	top: 0vw;	
	left: 0vw;
    
}
.nom {
    position: relative;
	width: 98%;
	top: -6vw;
    font-size: 6vw;
    color: white;
}
img {
	width: 90%;
	position: relative;
	top: 0vw;
    margin-bottom: 6vw;
    border: 8px double #600204;
}


@media (min-width: 768px) and (max-width: 1200px){
.logo{
	position: relative;
    width: 100%;
    height: 13vw;
    left: 2vw;
    top: 0vw;
}
#logo{
	position: relative;
    width: 15%;
    left: 2vw;
    top: 0vw;
}
.foto{
	position: relative;
	display: inline-block;
    width: 26%;
	top: -6vw;
	margin: 3vw;		
}
.nom {
    position: relative;
	width: 100%;
	top: -1.6vw;
    font-size: 1.5vw;
    color: white;
}
img {
	width: 100%;
	position: relative;
	top: 0vw;
    margin-bottom: 2vw;
}
}
@media (min-width: 1200px) { 
.logo{
	position: relative;
    width: 100%;
    height: 13vw;
    left: 2vw;
    top: 0vw;
}
#logo{
	position: relative;
    width: 5%;
    left: 2vw;
    top: 0vw;
}
.foto{
	position: relative;
	display: inline-block;
    width: 18%;
	top: -10vw;
	margin: 3vw;
	vertical-align: top;
}
.nom {
    position: relative;
	width: 100%;
	top: -2vw;
    font-size: 1.5vw;
    color: white;
}
img {
	width: 100%;
	position: relative;
	top: 0vw;
    margin-bottom: 2vw;
}
}