body {
    margin: 0px;
    border: 0px;
    font-size: 0.88em; /*14px / 16 = 0.88 */
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    background-color: #EAEAEA;
    line-height: 1.31em;

    
}
* {
    box-sizing: border-box;
}

   
.header {
    font-size: 1.5em; /*24 px*/
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 800;
    text-align: center;
    background-color: #3E6BD2;

    
}



#hd1 {
    color: #EAEAEA;
    padding-top: 2%;
    
}




span {
    line-height: 1.8em; 
}


.header2 {
    text-align: center;
    margin-bottom: 3%;
}

#hd2 {
    
    font-size: 2.5em;
    color: #1A23C7;
}


.wordsearch {
    display: grid;
    grid-template-columns: 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85% 3.85%;
    justify-content: space-evenly;
    text-align: center;
    width: 90%;
    grid-row-gap: 0.5em; /*8px*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1%;
    padding-bottom: 1%;   
    
}


.words {
    color: #3E6BD2;
    text-align: center;
    font-weight: 700;
    font-size: 1.5em;  /*24px*/
    

    
}

.words2 {
    color: #1A23C7;
    text-align: center;
    font-weight: 700;
    font-size: 2em;  /*32px*/
    
    
}
.words2 a, a:link {
    text-decoration: none;
    color: #1A23C7;
}

.words3 {
    color: #009300;
    text-align: center;
    font-weight: 700;
    font-size: 1.6em;  /*26px*/

    
}

.words4 {
    color: #3E6BD2;
    text-align: center;
    font-weight: 700;
    font-size: 2.1em;  /*24px*/
    

    
}

.letter {
    
    text-align: center;
    font-weight: 800;
    font-size: 1em;  /*16px*/

    
}

.icons {
    text-align: center;
    vertical-align: middle;
    
    
    
}


.aboutme {
    width: 100%;
    justify-content: center;
    background-color: #3E6BD2;
    
}
.aboutme p {
    margin-left: 15%;
    margin-right: 15%;
    font-size: 1.5em;  /*24px*/
    color: #EAEAEA;
    line-height: 1.5em;
    text-align:justify;
 
}
#abme1 {
    padding-top: 2%;
}

#abme2 {
    padding-bottom: 2%;
}

.fa-linkedin-square, .fa-twitter, .fa-envelope,.fa-file-pdf-o {
    cursor: pointer;
    padding-left: 24px;
    padding-right: 24px;
    color: black;
    font-size: 1.8em; /*29px*/
    
    
}

p {
    font-weight: bold;
    text-align: center;
}

footer {
    font-size:1em; /*16 px*/
    font-style: italic;
    line-height: 1em; /*16 px*/
    text-align: center;
    padding-top: 1%;
}




 #2 span {
    font-size: 0.70em;
}

/* Mobile phones*/

@media only screen 
    and (max-device-width: 480px) and (max-width: 480px)
    and (orientation: portrait) { 
        body {font-size: 0.5em;
        line-height: 1.3em;}
        
        .wordsearch {
            margin-bottom: 3.5%;
        }
        
        
        h1 {
            margin-bottom: 1.5%;
            font-size: 0.5em;
           
    
        }
        

        #hd1 {
            padding-top: 4%;

        }
        
       
        
          .words {
            font-size: 1.3em;
    

    
        }

        .words2 {
            font-size: 1.7em;

        }

        .words3 {
            font-size: 1.5em;


        }

        .letter {
            font-size: 1em;

        }
        
        
   }




@media only screen 
    and (max-device-width: 480px) and (max-width: 480px)
   and (orientation: landscape) { 
         body {font-size: 0.5em;
        line-height: 0.75em;}
       
        .wordsearch {
            margin-bottom: 3.5%;
        }
       
       
       h1 {
            margin-bottom: 3%;
           font-size: 0.5em;
           
        }
       
       
       #hd1 {
            padding-top: 4%;
        }
       
       
       
       .words {
            font-size: 0.8em;
    
        }
       
       

        .words2 {
            font-size: 0.88em;

        }

        .words3 {
            font-size: 0.88em;


        }

        .letter {
            font-size: 0.75em;

        }

   }



/*Tablets*/


@media only screen 
    /*and (min-device-width: 768px)*/
    and (max-device-width: 1300px)
    and (orientation: portrait) {
    
    .wordsearch {
            margin-bottom: 7%;
 
        }
        
         h1 {
            margin-bottom: 3%;
           font-size: 0.6em;
           
        }
        
}



@media only screen 
    /*and (min-device-width: 768px)*/
    and (max-device-width: 1300px)
    and (orientation: landscape) {
    
  .wordsearch {
            margin-bottom: 7%;
        }
  .header {
            line-height: 1em;
        }
}


/* ----------- Laptops Non-Retina Screens ----------- */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}

/* ----------- Laptops Retina Screens ----------- */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}