.pagematerial b {
    text-decoration: none;
    font-weight:700;
}
	.pagematerial a {
    color: #DB7093;
    text-decoration: none;
    font-weight:400;
}

	.pagematerial a:hover {
    	cursor: pointer;
    color: purple;
		}

	.photobounded {
		width: 90%;
		max-width: 300px;
	}
	
	.title{
   	width:100%;
   	float:none;
   }

   	.material{
	   width:100%;
	}

	.pagematerial{
	 	max-width: 1000px;
  		font-weight:400;
 		margin: auto;
	 }

	@media only screen and (min-width: 700px) {
	.name {
		width: 60%;
		float:left;
		height:75px;
		text-align: left;
	   }
	   .navigation {
		width: 40%;
		float:right;
		height:75px;	
		text-align: right;
	   }
	  .photo {
		width: 30%;
		float: left;
	   }
	   .photo-nothome {
		width: 30%;
		float: left;
	   }
	  .text {
		width: 70%;
		float: right;
	  }
	  .caption {
	  	font-size:18px;
	  }
	   body {
    	font-family: 'Raleway', Arial, san-serif;
    	font-size:16px;
	}
	h3 {
    padding-top: 15px;
    font-weight:500;
    font-size:22px;
	}
    }
    @media only screen and (max-width: 700px) {
	   .navigation {
		margin-top: -25px;
	   }
	  .photo {
		display: block;
  		margin-left: auto;
  		margin-right: auto;
  		width: 60%;
	   }
	   .photo-nothome {
	   		display:none;
	   }
	   .caption {
	   		display:none;
	   }
	  .text {
		width: 100%;
		float: right;
	  }
	  body {
    	font-family: 'Raleway', Arial, san-serif;
    	font-size:15px;
	  }
	h3 {
    padding-top: 15px;
    font-weight:500;
    font-size:20px;
	}
    }
	h1 {
    	font-size:30px;
    	font-weight:500;
	}