/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : May 11, 2022, 11:17:15 AM
    Author     : SALUNII
*/

.header_style{
     background-color:#0F334F;
     font: white;
     padding: 0px 100px 0px 100px;
}
.header_font{
    color: #ffffff; 
    padding-right: 20px;
    font-family: Times New Roman, Times, serif;

}
.nav_style{
    background-color:#31708f;
    padding-left: 80px;
    padding-right: 80px;
    color: #000;
}

#content{
        background-color: rgba(0,0,0,0.5);
        max-width: 500px;
        color: white;
        padding: 20px 20px;
        margin-top: 20px;
        text-align: center;
        border: none;
        font-family:  "Lucida Console", "Courier New", monospace;
    }
 .profile_image{
    margin: 20px;
    float:right;
    padding: 0px 20px 20px 20px;
    height: 380px;
    width: 350px;
    }

 .image_left{
        float:left;
        margin: 15px;
        padding: 0px 20px 20px 20px;
        height: 300px;
        width: 400px;
 }
 .image_right{
    margin: 15px;
    float:right;
    padding: 0px 20px 20px 20px;
    height: 300px;
    width: 400px;
 }
 
 .identity{
     margin: 0px;
     padding:0px;
 }
 
 
.row_footer{
    margin-top: 10px;
    background-color:#F4F6F6 ;
    tab-size: 4;
    padding: 0px 30px 0px 20px;
    color:black;
}
.last_footer{
    color: #ffffff;
    font-size: 0.8em;
}
.about_us{
   padding-top: 15px;
   padding-right: 20px;
   background-color: #F4F6F6;
   margin-bottom: 40px;
   
}

.container_decor{
    background-color: #ffff00;
}
.column_style{
    border: 1px solid #000;
    background-color: #265a88;
    color: #fff;
}

.spacing{
    margin: 300px;
    
}


h1 {font-size:1.5rem;} 
 
@media (min-width: 544px) {  
  h1 {font-size:1.5rem;} 
}
 
@media (min-width: 768px) {  
  h1 {font-size:2rem;} 
}
 
@media (min-width: 992px) { 
  h1 {font-size:2.5rem;} 
}
 
@media (min-width: 1200px) {  
  h1 {font-size:3rem;}     
}
 
 
@media (min-width: 950px) and (max-width:1100px) { 
  h1 {font-size:2.75rem;color:red;} 
}