body {
     font-family: 'Open Sans', sans-serif;
    font-size:11px; 
    color:#525252; 
    margin:0px; padding:0px;
    background: rgb(1, 161, 156);
}

a {
	
	color: #FF7308;
			text-decoration: none;
}

a:hover {
	text-decoration: none;
	
}

header {
	position:relative;
	width: 20%;
	margin: 150px auto auto;
	background: #FFF;
  text-align: center;
  padding-top:30px;	
  border:0px solid #c3c;
  border: 1px solid #fff;
  border-radius: 20px 20px 0 0;
}

  
header img {
        width:90%;
    }
    
   


#content {
	position:relative;
	width: 20%;
  margin: 0 auto;
  background: #FFF;
  text-align: center;
  height: 30em;
  padding-top: 3%;
  border: 1px solid #fff;
  border-radius: 0 0 20px 20px;
}

.about {
  color : rgb(183, 56, 147);
      font-size: 1.9em;
  
}


.contact {
	 
	 margin: 2% auto !important;
	 font-size: 1.6em;
   font-weight : 300;
	 margin: 0 auto;
	 color : rgb(239, 82, 153);
}


@media only screen and (max-width: 700px) {
    
    header {
      width:80%;
    }
    
    #content {
      width:80%;
    }
    
    .about {
    font-size:1.5em
    }
    .contact {
        font-size: 1.3  m;              
    }
    
    
    
   
    
} 
    
}