/**DESKTOP **/


@media (min-width: 1000px) {

header{
    height: 90vh;
    background-color:#000066;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* border: 2px red solid; */
    text-align: center;
    min-height: 85vh;
}

.header img{
    width: 27%;
}

.header h1{
    color: #F7F7FF;
}

.header p{
    color: rgb(189, 189, 189);
    font-weight: 600;
}


footer{
    background-color: #F7F7FF;
}

.footer{
    display: flex;
    justify-content: space-between;
    padding-top: 2rem;
    padding-bottom: 4.5rem;
}

.footer p{
   margin: 0;
   color: #000066; 
}

.footer a{
    text-decoration: none;
    color: black;
 }


}




/** MOBILE**/

 /** VERTICAL **/



 @media (orientation: portrait) and (max-width: 600px)  {


    
    
    header{
        background-color:#000066;
        display: flex;
        /* border: 2px red solid; */
        text-align: center;
        min-height: 85vh;
        
    }
    
.header{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

    .header img{
        max-width: 60%;
        margin: 0 auto;
        
    }
    
    .header h1{
        color: #F7F7FF;
        margin: 0;
    }

    .header p{
        color: rgb(189, 189, 189);
        font-weight: 600;
        margin: 0;
        margin-bottom: 4rem;
    }
    
    footer{
        background-color: #F7F7FF;
        text-align: center;
        width: 100%;
    }
    
    .footer {
        min-width: 100%;
       margin: 0;
       padding-top: 2rem;
       padding-bottom: 4rem;
       color: #000066; 
    }

    .footer a{
       text-decoration: none;
       color: black;
    }
    
    


 }







 /** MOBILE**/

 /** HORIZONTAL **/
    
    
 @media (orientation: landscape) and (max-height: 600px)   {

    header{
        height: 90vh;
        background-color:#000066;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* border: 2px red solid; */
        text-align: center;
        min-height: 85vh;
    }
    
    .header img{
        width: 25%;
    }
    
    .header h1{
        color: #F7F7FF;
        margin: 0;
        font-size: 3rem;
    }
    
    .header p{
        color: rgb(189, 189, 189);
        font-weight: 600;
        font-size: 1.5rem;
    }
    
    
    footer{
        background-color: #F7F7FF;
    }
    
    .footer{
        display: flex;
        justify-content: space-between;
        padding-top: 2rem;
        padding-bottom: 4.5rem;
    }
    
    .footer p{
       margin: 0;
       color: #000066; 
    }
    
    .footer a{
        text-decoration: none;
        color: black;
     }
    
           
    
    

 }






 /** TABLET**/

 /** VERTICAL **/
 @media (orientation: portrait) and (min-width: 599px) and (max-width: 1000px)  {
 
    header{
        background-color:#000066;
        display: flex;
        /* border: 2px red solid; */
        text-align: center;
        min-height: 85vh;
        
    }
    
.header{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

    .header img{
        max-width: 60%;
        margin: 0 auto;
        
    }
    
    .header h1{
        color: #F7F7FF;
        margin: 0;
    }

    .header p{
        color: rgb(189, 189, 189);
        font-weight: 600;
        margin: 0;
        margin-bottom: 4rem;
    }
    
    footer{
        background-color: #F7F7FF;
        text-align: center;
        width: 100%;
    }
    
    .footer {
        min-width: 100%;
       margin: 0;
       padding-top: 2rem;
       padding-bottom: 4rem;
       color: #000066; 
    }

    .footer a{
       text-decoration: none;
       color: black;
    }
    
    


}




     /** TABLET **/
    
     /** HORIZONTAL **/
        
        
     @media (orientation: landscape) and (min-height: 599px) and (max-width: 1000px)  { 
     
        header{
            height: 90vh;
            background-color:#000066;
            display: flex;
            flex-direction: column;
            justify-content: center;
            /* border: 2px red solid; */
            text-align: center;
            min-height: 85vh;
        }
        
        .header img{
            width: 27%;
        }
        
        .header h1{
            color: #F7F7FF;
        }
        
        .header p{
            color: rgb(189, 189, 189);
            font-weight: 600;
        }
        
        
        footer{
            background-color: #F7F7FF;
        }
        
        .footer{
            display: flex;
            justify-content: space-between;
            padding-top: 2rem;
            padding-bottom: 4.5rem;
        }
        
        .footer p{
           margin: 0;
           color: #000066; 
        }
        
        .footer a{
            text-decoration: none;
            color: black;
         }
        
               
        
        
    }