/*@media only screen and (min-width: 960px){

}
@media only screen and (max-width:959px){

}
@media only screen and (min-device-width:320px) and (max-device-width:480px){

}
@media only screen and (min-device-width:640px) and (max-device-width:960px){

}*/

@media (max-width:600px) {
  .left, .main, .right {
    width:100%; /*The width is 100%, when the viewport is 600px or smaller*/
  }
}

body
{
	background-color: #ffffff;
}

#wrapper
{
	
}

/*TITLE*/
#title 
{
	color: #736e6e;
	text-align: center;
	padding: 50px 10% 5px;
	font: 25px "Lato";
	margin-right: auto;
	margin-left: auto;
	max-width: 800px;
}

/*SUBTITLE*/

#subtitle
{
	color: #736e6e;
	text-align: center;
	padding: 5px 10% 25px;
	font: bold 20px "Lato";
	margin-right: auto;
	margin-left: auto;
	max-width: 800px;
}


#what_i_do
{
	
	color: #000000;
	font: 16px  "Lato";
	text-align: justify;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
	max-width: 800px;
	padding-right: 10%;
	padding-left: 10%;
}

#main_panel
{
	font: 16px  "Lato";	
	line-height: 150%;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10%;
	padding-left: 10%;
}

.paragraph
{
	color: #000000;
	margin-top: 15px;
	margin-bottom: 15px;
	
}

#main_panel .para_title
{
	padding-left: 0px;
	font: 18px  "Lato";
	color: #736e6e;
	margin-top: 35px;
}

.paragraph a
{
	color: #477cbc;
	text-decoration: none;
}

a
{
	color:  #477cbc;
	text-decoration: none;
}

.soc_med_icon
{
	margin-top: 15px;
	width: 25px;
}

.qualification
{
	font: 16px  "Lato";
	line-height: 200%;
}