@media screen and (min-width: 1791px) {
.subpic  {
    position: absolute;
    top: 490px;
    right: 60px;
    z-index: 95;
    max-width: 280px;
    border-radius: 15px;
    opacity: 0.8;

}
#imgcontent {
		
		width: 100%;
    	height: auto;
    	max-width: 300px;
    border-radius: 15px;
    align: left;
    padding: 10px;
	}

#imgalexis {
		
		width: 100%;
    	height: auto;
    	max-width: 300px;
    border-radius: 15px;
    align: left;
    padding: 10px;
	}

#logo1 {
    max-width: 250px;
    height: auto;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 4;
    border-radius: 10px;
    opacity: 0.8; 
}

#logo2 {
    max-width: 220px;
    height: auto;
    position: absolute;
    top: 60px;
    left: 30px;
    z-index: 4;
    border-radius: 10px;
}

}

@media screen and (max-width: 1790px) {
.subpic  {
    position: absolute;
    top: 410px;
    right: 60px;
    z-index: 95;
    max-width: 170px;
    border-radius: 15px;
    opacity: 0.8;

}
#imgcontent {
		
		width: 100%;
    	height: auto;
    	max-width: 300px;
    border-radius: 15px;
    align: left;
    padding: 10px;
	}
#imgalexis {
		
		width: 100%;
    	height: auto;
    	max-width: 300px;
    border-radius: 15px;
    align: left;
    padding: 10px;
	}

#logo1 {
    max-width: 220px;
    height: auto;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 4;
    border-radius: 10px;
    opacity: 0.8; 
}

#logo2 {
    max-width: 200px;
    height: auto;
    position: absolute;
    top: 60px;
    left: 30px;
    z-index: 4;
    border-radius: 10px;
}

}

@media screen and (max-width: 1280px) {
 
.subpic  {
    position: absolute;
    top: 170px;
    right: 60px;
    z-index: 95;
    max-width: 110px;
    border-radius: 15px;
    opacity: 0.8;

}

#imgcontent {
		
		width: 100%;
    	height: auto;
    	max-width: 300px;
    border-radius: 15px;
    align: left;
    padding: 10px;
	}
	
#imgalexis {
		
		width: 100%;
    	height: auto;
    	max-width: 300px;
    border-radius: 15px;
    align: left;
    padding: 10px;
	}


#logo1 {
    max-width: 220px;
    height: auto;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 4;
    border-radius: 10px;
    opacity: 0.8; 
}

#logo2 {
    max-width: 200px;
    height: auto;
    position: absolute;
    top: 60px;
    left: 30px;
    z-index: 4;
    border-radius: 10px;
}

}

@media screen and (max-width: 760px) {

  
.subpic  {
    position: absolute;
    top: 140px;
    right: 20px;
    z-index: 95;
    max-width: 70px;
    border-radius: 5px;
    opacity: 0.8;

}
#imgcontent {
		
		width: 100%;
    	height: auto;
    	max-width: 200px;
    border-radius: 15px;
    align: left;
    padding: 5px;
	}
#imgalexis {
		
		width: 100%;
    	height: auto;
    	max-width: 180px;
    border-radius: 15px;
    align: left;
    padding: 10px;
	}

#logo1 {
    max-width: 220px;
    height: auto;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 4;
    border-radius: 10px;
    opacity: 0.8; 
}

#logo2 {
    max-width: 200px;
    height: auto;
    position: absolute;
    top: 60px;
    left: 30px;
    z-index: 4;
    border-radius: 10px;
}
.contactform {
		
		display: none;
	}

}


@media screen and (max-width: 590px) {

#fb  {
    display: none;

}
#imgcontent  {
    display: none;

}
#imgalexis {
		
		width: 100%;
    	height: auto;
    	max-width: 140px;
    border-radius: 15px;
    align: left;
    padding: 10px;
	}
	
.subpic {
  display: none;
}

#logo1 {
    max-width: 150px;
    height: auto;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 4;
    border-radius: 10px;
    opacity: 0.8; 
}

#logo2 {
    max-width: 120px;
    height: auto;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 4;
    border-radius: 10px;
}
.contactform {
		
		display: none;
	}
}