.-.-.-.-.-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

a:-webkit-any-link {
    cursor: pointer;
    text-decoration: none;
}

.w3-xxxlarge{
	font-size: 20px!important;
	border-radius:20px;
}

.bg{
	background-image: url(elmainbannerphone.png);
	background-size: cover;
	background-attachment: fixed;
	background-position-x:center; 
}

.my-buttons{
	padding: 43vh 35vw;
}

.mystyle-header{

font-size: 2rem;
	text-shadow: 2px 2px 4px #000000;
	line-height: 1rem;
	margin: 10px 31vw;
}

.pass-pointer{

font-size: 0.9rem;
margin: 10px 5vw;

}

.w3-blue {
	background-color: #0066b3!important;
}

.w3-button:hover {
    color: #0066b3!important;
    background-color: #fef200!important;
 }

/* Small devices (phones, 360px and up) */
@media (min-width: 360px) {

.my-buttons{
	display: flex;
	position: absolute;
    bottom: 19vh;
    padding: 0vh 9vw;
}

.mystyle-header{

font-size: 2rem;
	text-shadow: 2px 2px 4px #000000;
	line-height: 1rem;
	margin: 10px 1vw;
}

.pass-pointer{

font-size: 0.9rem;
margin: 10px 1vw;
color:#fff!important;
text-shadow: 2px 2px 4px #000000;

}

.footer-style{
	font-size: 0.9rem;
	margin: 0px 7vw;
	color:white;
	text-shadow: 2px 2px 4px #000000;
}

}

/* Medium devices (teblets, 565px and up) */
@media (min-width: 565px) {

.mystyle-header{

font-size: 2rem;
	text-shadow: 2px 2px 4px #000000;
	line-height: 1rem;
	margin: 10px 1vw;
}

.pass-pointer{

font-size: 0.9rem;
margin: 10px 1vw;
color:#fff!important;
text-shadow: 2px 2px 4px #000000;

}

.footer-style{
	font-size: 0.9rem;
	margin: 0px 28vw;
	color:white;
	text-shadow: 2px 2px 4px #000000;
}

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

.bg{
background-image: url(elmainbannertab.png);
background-size: cover;
margin-right: 20px;	
}

.my-buttons{
	margin: 0 0 0 10%;
	padding: 43vh 25vw;
}

.mystyle-header{

font-size: 2rem;
	text-shadow: 2px 2px 4px #000000;
	line-height: 1rem;
	margin: 10px 1vw;
}

.pass-pointer{

font-size: 0.9rem;
margin: 10px 1vw;
color:#fff!important;
text-shadow: 2px 2px 4px #000000;

}

.footer-style{
	font-size: 0.9rem;
	margin: 0px 28vw;
	color:white;
	text-shadow: 2px 2px 4px #000000;
}

}

/* Small devices (tablets, 768px and up portrait orientation) */
@media (min-width: 768px) and (orientation: portrait) {
	.my-buttons{
	margin: 0 0 0 10%;
	padding: 21vh 13vw;
}
}

/* Small devices (tablets, 768px and up // height of 590px and up ) */
@media (min-width: 768px) and (min-height: 490px) {
	.my-buttons{
	margin: 0 0 0 10%;
	padding: 16vh 20vw;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

.bg{
background-image: url(elmainbanner.png);
background-size: cover;
margin-right: 20px;	
}

.my-buttons{
	margin: 0 0 0 2%;
	padding: 21vh 34vw;
}

.mystyle-header{

font-size: 2rem;
	text-shadow: 2px 2px 4px #000000;
	line-height: 1rem;
	margin: 10px 31vw;
}

.pass-pointer{

font-size: 0.9rem;
margin: 10px 31vw;
color:#000!important;
text-shadow: 2px 2px 4px #ffffff;

}

.footer-style{
	font-size: 0.9rem;
	margin: 0px 41vw;
	color:white;
	text-shadow: 2px 2px 4px #000000;
}

}

</style>

</head>

</body>

</html>

/home/hrpsychology/public_html/soulfood.gr/hr/../index-prothalamos-el.htm