/* Media query for extra small devices (smartphones in portrait mode) */
@media only screen and (max-width: 575px) 
{
.proffession h1
{
 font-size: 70px;
 margin-bottom: 23px;
}
.coverimage img
{
    width:390px;
    height:389px;
    margin-top: -40px;
} 
.proffession 
{
 margin-top: 1vh;
 
}
}

/* Media query for small devices (smartphones in landscape mode) */
@media only screen and (min-width: 576px) and (max-width: 767px) 
{
.proffession 
{
 margin-top: 1vh;
     
}
.proffession h1
{
 font-size: 70px;
 
}
.coverimage img
{
    width:480px;
    height:448px;
    margin-top: -6px;
}
}

/* Media query for medium devices */
@media only screen and (min-width: 768px) and (max-width: 1024px) 
{
.proffession 
{
margin-top: 1vh;
         
}
.proffession h1
{
 font-size: 100px;
}
.coverimage img
{   width:550px;
    height:670px;
}
}

/* Media query for large devices (laptops/desktops) */
@media only screen and (min-width: 1025px) and (max-width: 1200px) 
{
.proffession 
{
 margin-right:20px;
     
}
.proffession h1
{
 font-size: 140px;
}
.coverimage img
{ 
 width:570px;
 height:670px;
}
    
}

/* Media query for extra large devices (large desktop monitors) */
@media only screen and (min-width: 1201px) 
{
.proffession h1
{
 font-size: 140px;
}
.coverimage img
{ 
 width:570px;
 height:672px;
 } 
}

/*Responsiveness for About page*/

/* Media query for extra small devices (smartphones in portrait mode) */
@media only screen and (max-width: 575px) 
{
.aboutmeleft img
{
width:190px;
height:160px;
margin-left:70px;
}
.aboutmeright h1
{
font-size: 17px;
}
.aboutmeright p
{
font-size: 14px;
}
.aboutmeright h4
{
font-size: 15px;
}
.abouttable p{
font-size:12px;
}
.footclass{
    height:440px;
}
.footermenu 
{
    text-align: center;
}
 .socialmedia
{
    text-align: center;
}
}

/* Media query for small devices (smartphones in landscape mode) */
@media only screen and (min-width: 576px) and (max-width: 767px) 
{
.aboutmeleft img
{
 width:190px;
 height:170px;
 margin-left:100px;
 }
.aboutmeright h1
{
font-size: 19px;
}
.aboutmeright p
{
font-size: 15px;
}
.aboutmeright h4
{
font-size: 17px;
}
.abouttable p
{
font-size:13px;
}
.footclass{
    height:440px;
}
}

/* Media query for medium devices */
@media only screen and (min-width: 768px) and (max-width: 1024px) 
{
    .aboutmeleft img
    {
     width:240px;
     height:230px;
     margin-left:20px;
     }
    .aboutmeright h1
    {
    font-size: 19px;
    }
    .aboutmeright p
    {
    font-size: 16px;
    }
    .aboutmeright h4
    {
    font-size: 18px;
    }
    .abouttable p
    {
    font-size:13px;
    
    }
}

/* Media query for large devices (laptops/desktops) */
@media only screen and (min-width: 1025px) and (max-width: 1200px) 
{
    .aboutmeright h1
    {
    font-size: 26px;
    }
    .aboutmeright p
    {
    font-size: 16px;
    text-wrap: wrap;
    }
    .abouttable p{
        font-size:14px;
        padding:2px;
    }
    .aboutmeright h4
    {
    font-size: 22px;
    }
    
}

/*End of responsiveness page for about page*/

/*Responsiveness for projects page*/

/* Media query for extra small devices (smartphones in portrait mode) */
@media only screen and (max-width: 575px) 
{
.proheading h1
{
font-size: 30px; 
}
.proleft
{
    
    width:95%;
    height:555px;
}
.proleft img
{
   width:188px;
   height:87px;
   margin-left:8px;
}
.projectscards 
{
    margin-top: 70px;
}
}

/* Media query for small devices (smartphones in landscape mode) */
@media only screen and (min-width: 576px) and (max-width: 767px) 
{
    .proheading h1
    {
    font-size: 30px; 
    }
    .proleft
    {
        
        width:95%;
        height:555px;
    }
    .proleft img
    {
       width:190px;
       height:87px;
       margin-left:15px;
    }
    .projectscards 
    {
        margin-top: 70px;
    }
    
}

/* Media query for medium devices */
@media only screen and (min-width: 768px) and (max-width: 1024px) 
{
.proleft img
{
 width:208px;
 height:123px;
 margin-left:8px;
 }

.proleft
{
height:530px;
}
.cardbtns a 
{
 margin:3px;
}
}

/* Media query for large devices (laptops/desktops) */
@media only screen and (min-width: 1025px) and (max-width: 1200px) 
{
.proleft img
{
 width:210px;
 height:165px;
 margin-left:8px;
 }
    
.proleft
    {
    height:530px;
    }
    .cardbtns a 
    {
     margin:3px;
    } 
}

/* Media query for devices with screen sizes of 1200px and above */
@media only screen and (min-width: 1200px) 
{
    .proleft img
    {
     width:200px;
     height:160px;
     margin-left:8px;
     }
        
    .proleft
        {
        height:530px;
        }
        .cardbtns a 
        {
         margin:3px;
        }    
}
/*End of responsiveness page for projects page*/

/*Responsiveness for contact page*/
/* Media query for extra small devices (smartphones in portrait mode) */
@media only screen and (max-width: 575px) 
{
    .contactme h4
    {
        font-size: 17px;
    }
    .contactwork h1
    {
        font-size: 25px;
    }
    
    .contactmeleft p
    {
    color:#0b0c0c;
    font-size:15px;
    }
    
    .contactmeleft i
    {
    
    font-size:23px;
    }
   
}
/* Media query for medium devices */
@media only screen and (min-width: 768px) and (max-width: 1024px) 
{
    
    .contactmeleft p
    {
    color:#0b0c0c;
    font-size:16px;
    }
}




/*End of responsiveness page for contact page*/