@import url('https://fonts.googleapis.com/css2?family=Dangrek&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Dangrek&display=swap');

* {
    box-sizing: border-box;
    margin-top:0px;
}
header {
    width: 100%;
    height: 60px;
    position: relative;
    top: 0px;
    border-bottom: 3px solid black;
    background-image: linear-gradient(160deg,rgb(255,200,221),rgb(255,175,204),rgb(205,180,219),rgb(162,210,255),rgb(189,224,254));
    text-align: center;
    align-items: center;
}
.hGrid {
    display: grid;
    grid-template-columns: 80px 40px 40px;
    width: fit-content;
    align-items: center;
    vertical-align: middle;
    padding-left: 10px;
}
.hImg {
    width: 20px;
    height: 40px;
    object-fit: fill;  
}
.hText1 {
    font-family: "Verdana";
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color:black;
    justify-self: right;
}
.hText2 {
    font-family: 'Verdana';
    font-size: 15px;
    text-decoration: none;
    color:black;
    justify-self: left;
}
body {
    text-align: center; 
}
footer {
    width: 100%;    
    align-self: center;
    text-align: center;
}

h2 {
    color:peru; 
    text-align: left; 
    padding-left: 10px;
    font-size: 14px;
    font-family: 'Arial';
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: 300;
}

/******* Start of header styles *********/
.menu {
    width: 99%;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto;
    text-align: left;
    font-family: 'Century Gothic';
    font-weight: bold;
    font-size: medium;
    letter-spacing: 1px;  
    border: 0px;
    margin: 0px;
  }
.itemMenu {
    padding-right:5px;
    border-right: 2px solid rgba(150, 149, 149, 0.659);
    align-self: center;
}

.shortMenu {
    position:absolute;
    right: 0px;
    text-align: right;
    width: fit-content;
 }
 
 .infinDisp {
     background-color: black;
     color:white;
     padding:5px 8px 5px 8px;
     border-radius: 50%;
     border: 2px solid black;
     font-size: medium;
 }
 .shortMenuItems {
    position:abolute;
    right: 5px;
    width: 200px;
    z-index: 1;
    display: grid;
    grid-template-columns: auto;
    background-color: black;
    color: white;
    font-family: "Century Gothic";
    font-size: 14px;
    padding: 10px 20px 20px 10px;
    text-align: left;
    display: none;
}

.shortMenu:hover .shortMenuItems {
    display: block;

}

.itemMenu_S {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 2px dotted grey;
    list-style-type: none;
}
.menuLink_S {
    color: white;
    padding-left: 5px;
    text-decoration: none;
}

.inactiveLink {
    color: black;
    padding-left: 25px;
    text-decoration: none;
}
.inactiveLink:hover {
    text-decoration: underline;
}
/******* End of header styles ***********/

.refPage {   /** first grid inside body in main pages **/
    padding-top: 2px;
    text-align: center;
 }

 .latestHeader { /*** science_main ***/
    font-family: "Calibri";
    font-size: 10px;
    font-weight: bold;
    width: fit-content;   
    padding-left: 10px;
    margin-bottom: 10px;
 }
 .link1 { /** used in main pages **/
    text-decoration: none;
}

 #prev_post_wrapper {  /**** science main ****/
    display: none;
 }
 
#prev_post_head {  /**** Hidden posts heading in main pages ****/
    display: none;
}

 #more_but { /** "Show More" button in Main pages -- button bg matches with page header**/
     padding: 10px 10px;
     border-radius: 15%;
     border: 2px outset purple;
     font-family: 'Calibri';
     font-size: 15px;
     font-weight: bold;
     letter-spacing: 1.5px;
     background-image: linear-gradient(120deg,rgb(255,200,221),rgb(255,175,204),rgba(205, 180, 219, 0.692),rgb(162,210,255),rgb(189,224,254));
 }
 #less_but { /** "Show Less" button in Main pages -- looks like a link, not a button **/
     padding: 10px 10px;
     border: 2px inset rgba(128, 0, 128, 0.719);
     border-radius: 15%;
     font-family: 'Calibri';
     font-size: 15px;
     font-weight: bold;
     letter-spacing: 1.5px;
     color: rgb(88, 85, 85);
     background-image: linear-gradient(120deg,rgb(255,200,221),rgb(255,175,204),rgb(205,180,219),rgb(162,210,255),rgb(189,224,254));
     display: none;
 }
 .tail1 {  /*** science_main, lifestyle main ***/
    font-family: 'Calibri';
    color: darkcyan;
    font-size: 15px;
    font-weight:bold;
    padding-top:30px;
}
.tail1 :hover {
    text-decoration: underline;
    color:darkcyan;
}
.bigImg { /*** used in redirect page ***/
    display:block;
    width: 500px;
    height:auto;
    object-fit:contain;
    padding-top: 30px;
}


/****** Footer section *****/
.SiteMap {  /*** science_main ***/
    background-color: black;
    width: 100%;
    margin-top: 20px;
}

.footerLabel {  /*** science_main ***/
    font-family: 'Dangrek', cursive;
    font-size: 16px;
    color:paleturquoise;
    text-align: center;
}

.footerItem { /*** science_main ***/
    font-family: 'Century Gothic';
    color: rgb(156, 156, 156);
    font-size: 14px;
    text-align: center;
}

.footerLink { /*** science_main ***/
    text-decoration: none;
}

.endSpace {  /**** science main ****/
    padding-bottom: 20px;
    padding-top: 20px;
}

/****************************** Posts page *********************************/

.dispGrid1 { /**** Science posts ****/
    
    display: grid;
    letter-spacing: 0.5px;  
    word-spacing: 1px;
    text-align: center;
    position:absolute;
    vertical-align:top;
    color: black;
}

.main { /**** Science posts ****/
    text-align: left;
}

.artDate { /**** Science posts ****/
    color: grey;
    font-style: italic;
    font-family: 'Verdana';
    font-size: 10px;
}

.textDetBig {
    color: black;
    text-align: left;
    font-family: 'Calibri';
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px;
    word-spacing: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.textDet {
    color: black;
    text-align: left;
    font-family: 'Calibri';
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px;
    word-spacing: 1px;
    padding-left: 5px;
}

.textSpSmall1 {
    color: rgb(122, 77, 145);
    font-family: 'Caveat Brush', cursive;
    font-size: 20px;
    letter-spacing: 1px;
}

.textSpSmall {
    color: rgb(122, 77, 145);
    font-family: 'Caveat Brush', cursive;
    font-size: 16px;
    letter-spacing: 1px;
    font-stretch:narrower;
}

.textSpBig1 {
    /*color: rgb(122, 77, 145);*/
    color: black;
    font-family: 'Caveat Brush', cursive;
    font-size: 22px;
    letter-spacing: 1px;
    font-stretch: expanded;
    padding: 10px 10px;
    background-color: linen;
    width:fit-content;
}

.textSpBig {
    color: purple;
    font-style: oblique;
    font-weight: bold;
    font-family: 'Century Gothic';
    font-size: 18px;
    letter-spacing: 1px;
    word-spacing: 1px;
    font-stretch: expanded;
}

.textSp {
    color: rgb(177, 48, 1);
    font-style: oblique;
    font-weight: bold;
    font-family: 'Century Gothic';
    font-size: 18px;
    letter-spacing: 1px;
    word-spacing: 1px;
    font-stretch: expanded;
    text-align:left;
}

.textSpHL {
    color: purple;
    font-weight: bold;
    font-family: 'Century Gothic';
    font-size: 17px;
    letter-spacing: 1px;
    word-spacing: 1px;
}

.item2 {
    display: flex;
    text-align:center;
    justify-content: center;
}

.mainHead { /*** science posts ***/
    font-family: 'Verdana';
    font-size: medium;
    text-align: left;
    margin-bottom: 10px;
    font-stretch: expanded;
    color:indigo;
    padding-top: 10px;
}

.mainKeys {
    font-family: 'Verdana';
    font-size: 12px;
    text-align: left;
    margin-bottom: 5px;
    font-stretch: expanded;
    color:maroon;
    padding-top: 20px;
}

.mainPreview {  /**** Science posts ****/
    font-family: 'Calibri';
    font-size: 18px;
    font-weight:normal;
    text-align: center;
    letter-spacing: 1.5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    color: black;
    background-color: rgb(172, 230, 255);
}

.mainImg { /**** Science posts ****/
    align-self: center;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.mainInfo { /**** Science posts ****/
    padding-top: 10px;
}

.thick_br {
    border: 1px dotted rgb(117, 136, 153);
}

.sideLnk1 { /**** Science posts ****/
    font-family: 'Bell MT';
    font-size: 12px;
    align-self: left;
    margin:auto;
    text-decoration:none;
    color:black;
    /*color: blanchedalmond;*/
    
}

.sideLnk2 { /**** Science posts ****/
    font-family: 'Calibri';
    font-size: 16px;
    font-weight:bold;
    text-align: center;
    align-self: center;
    margin:auto;
    text-decoration:none;
    color:black;
    /*color:lavender;*/
}

.sideLnk3 { /**** Science posts ****/
    font-family: 'Bell MT';
    font-size: 15px;
    font-weight: lighter;
    text-align: left;
    align-self: center;
    margin:auto;
    text-decoration:none;
    color:darkslateblue;
    padding-left: 20px;
   /*color: lavender;*/
}

.triviaInfo { /**** science trivia ****/
    color: black;
    font-family: 'Century Gothic';
    font-size: 16px;
    font-weight: bold;
    padding: 0px;

}

.triviaHead { /**** science trivia ****/
    font-family: 'Verdana';
    font-size: medium;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 10px;
    width: fit-content;
    padding: 5px 20px 5px 20px;
    border-left: 3px solid black;
    font-stretch: expanded;
    background-color: rgb(222, 218, 219);
    color:black;}

.triviaFig { /**** science trivia ****/
    float: left;
    align-items: center;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

.triviaMain {
    height: 100%;
    vertical-align: middle;
    padding: 20px 20px 20px 20px;
    margin: 0px;
}

.triviaPreview_plain { /**** science trivia ****/
    font-family: 'Arial';
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1.5px;
    line-height: 25px;
    color: darkslateblue;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align:center;
}

.triviaMain_lavenBG { /**** science trivia ****/
    background-color: white;
    border: 2px dotted rgb(179, 179, 219);
    margin: 15px;
    padding: 2px 2px 2px 2px;
} 
.triviaInnerF_lavenBG { /**** science trivia ****/
    background-color: lavender;
    border: 2px dotted rgb(213, 213, 251);
    margin: 10px; 
    padding: 10px 10px 10px 10px;
}

.triviaMain_turqBG { /**** science trivia ****/
    background-color: white;
    border: 2px dotted darkturquoise;
    margin: 15px;
    padding: 2px 2px 2px 2px;
}
.triviaInnerF_turqBG { /**** science trivia ****/
    background-color: azure;
    border: 2px dotted turquoise;
    margin: 10px; 
    padding: 10px 10px 10px 10px;
}

.padd_space {
    text-align: center;
    align-content: center;
}

.postBar1 { /**** Science posts ****/
    height: 100%;
    text-align: top;
    margin: auto;
    color: darkslateblue; 
    background-image: linear-gradient(to right,paleturquoise,white, paleturquoise);
}

.postBarIn { /**** Science posts ****/
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
    /*border-left: 1.5px dashed rgb(117, 136, 153);*/
    /*border-bottom: 2px dotted skyblue;*/
}

.postFoot1 { /**** Science posts ****/
    text-align: top;
    align-content: center;
    padding-left: 30px;
    padding-right: 3px;  
    padding-bottom: 60px;  
    color: darkslateblue;  
}

.postFootIn { /**** Science posts ****/
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px dotted rgb(117, 136, 153);
    height: 100%;
    margin: auto;
    text-align: center;    
    background-image: linear-gradient(to bottom,rgb(250,240,255), rgb(247, 250, 255),white);
}

.postFootLink1 { /**** Science posts ****/
    font-weight: bold; 
    font-family: 'HELVETICA';
    letter-spacing: 1px; 
    font-size:15px;
    text-decoration: none;
    padding: 20px 15px;
    color: darkslateblue;
    width: 300px;
}

.postFootLink2 { /**** Science posts ****/
    font-weight: bold; 
    font-family: 'HELVETICA';
    letter-spacing: 1px; 
    font-size:15px;
    text-decoration: none;
    padding: 20px 15px;
    color: black;
    width: 300px;
    padding: 20px 5px;
}
.postFootLink3 { /**** Science posts ****/
    font-family: 'HELVETICA';
    font-style: italic;
    letter-spacing: 1px; 
    font-size:13px;
    text-decoration: none;
    padding: 20px 15px;
    color: black;
    width: 300px;
    padding: 20px 5px;
}

.postFootBox {
    background-color:honeydew;
    margin-left: 100px;
    margin-right: 100px;
    margin-bottom: 20px;
    padding-top: 20px;
    width: 250px;
    align-self: center;
}

.postImg1 { /**** Science posts ****/
    margin-top: 30px;
}

.indexSec { /*** for Facts Index page ***/
    text-align: left;
}

.indexH1 { /*** for Facts Index page ***/
text-align: left;
font-family: 'Century Gothic';
font-size: 20px;
font-weight: bold;
padding-left: 0px;
font-stretch: expanded;
}
.indexH2 { /*** for Facts Index page ***/
text-align: left;
font-family: 'Century Gothic';
font-size: 17px;
font-weight: bold;
padding-left: 0px;
font-stretch: expanded;
color:rgb(142, 19, 194);
}
.indexDet { /*** for Facts Index page ***/
text-align: left;
padding-left: 10px;
font-family: 'Verdana';
font-size: 14px;
letter-spacing: 1px;
}
.indexLink { /*** for Facts Index page ***/
text-decoration: none;
color:black;
}
.indexLink2 {
text-decoration: none;
color:brown;
}
.indexLink:hover {
text-decoration: underline;
font-weight: bold;
letter-spacing: 1px;
}
    
/************************ End of Posts page styling *************************/

/************************ Life Style Main Page *******************************/
.dispGrid_lf {    /*** lf main pages ***/
    letter-spacing: 0.5px;  
    word-spacing: 0.5px;
    text-align: left;
    position:absolute;
    padding-right: 20px;
    padding-left: 20px;
    vertical-align:top;
    color: black;
    text-decoration:none;
    padding-top: 20px;
}

#lf_sect_name1 { /*** *UNUSED ****/
    font-family: 'Dangrek';
    font-size: medium;
    font-weight:lighter;
    text-decoration: none;
    color: red;
    font-size: 8px;
}

#lf_sect_name2 {  /*** *UNUSED ****/
    font-family: 'Dangrek';
    font-size: medium;
    font-weight:lighter;
    text-decoration: none;
    color: brown;
    font-size: 8px;
}

.lf_head1 { /*** lf main pages ***/
    font-family: 'Dangrek';
    font-size: 17px;
    font-weight: lighter;
    text-decoration: none;
    color: black
}
.lf_head2 { /*** lf main pages ***/
    font-family: 'Dangrek';
    font-size: 15px;
    font-weight: lighter;
    text-decoration: none;
    color: rgb(142, 35, 142);
}

.lf_cont1 { /*** lf main pages ***/
    font-family: 'Calibri';
    font-size: 18px;
    text-decoration: none;
    color: rgb(74, 74, 121);
}

.lf_content1 { /*** lf main pages ***/
    padding-right: 25px;
}

.lf_content2 { /*** lf main pages ***/
    padding-left: 10px;
    padding-right: 10px;
}

.lf_content3 {
    padding-left: 10px;
    padding-right: 10px;
}

.lf_content1:hover {
    background-color: rgba(210, 247, 255);
}
.lf_content1:hover .nt_head1 { /**** Nature main page ****/
    text-decoration: underline;
    color:darkblue;
}
.lf_content2:hover {
    background-color: rgba(210, 247, 255);
}
.lf_content2:hover .nt_head1 { /**** Nature main page ****/
    text-decoration: underline;
    color:darkblue;
}
.lf_content3:hover {
    background-color: rgba(210, 247, 255);
}
.lf_content3:hover .nt_head1 { /**** Nature main page ****/
    text-decoration: underline;
    color:darkblue;
}
.lf_hr {    
    border: 1px dashed purple;
}
.lf_old_hr {     /*** lf main pages ***/
    border: 0.5px dotted purple;
    margin-top: 25px;
    margin-bottom: 25px;
}
/*********************** End of lifestyle ***************/
/**************************** Nature ****************/

.dispGrid_nt {    /**** Nature main page ****/
    letter-spacing: 0.5px;  
    word-spacing: 0.5px;
    text-align: left;
    position:absolute;
    padding-right: 20px;
    padding-left: 20px;
    vertical-align:top;
    color: black;
    text-decoration:none;
    padding-top: 20px;
}

#nt_sect_name { /**** same class name used in Nature main ****/
    font-family: 'Dangrek';
    font-size: medium;
    font-weight:lighter;
    text-decoration: none;
    color: darkolivegreen;
    font-size: 8px;
}

.nt_cont1 { /**** Nature main page ****/
    font-family: 'Calibri';
    font-size: 18px;
    text-decoration: none;
    color: black;
}

.nt_img1 { /**** Nature main page ****/
    padding-right: 2px;
    padding-bottom: 10px;
}

.nt_img2 {
    padding-left: 10px;
}
.nt_head1 { /**** Nature main page ****/
    font-family: 'Dangrek';
    font-size: 17px;
    font-weight: lighter;
    text-decoration: none;
    color: black;
}
.nt_sectionLink { /*** UNUSED */
    font-family: 'Dangrek';
    font-size: 15px;
    font-weight: lighter;
    text-decoration: none;
    color:brown;
}
.nt_sectionLink:hover {  /*** UNUSED */
    text-decoration: underline;
    color:darkolivegreen;
}

.nt_head2 { /**** Nature main page ****/
    font-family: 'Dangrek';
    font-size: 15px;
    font-weight: lighter;
    text-decoration: none;
    color: gray;
}
.nt_content1 { /**** Nature main page ****/
    padding-right: 3px;
    background-color: white;
}

.nt_content2 { /**** Nature main page ****/
    padding-left: 10px;
    padding-right: 10px;
}

.nt_content3 {  /*** UNUSED */
    padding-left: 10px;
    padding-right: 10px;
}
.nt_content1:hover {
    background-color: rgba(210, 247, 255);
}
.nt_content2:hover {
    background-color: rgba(210, 247, 255);
}

.nt_content3:hover {  /*** UNUSED */
    background-color: rgba(210, 247, 255);
}
.nt_content3:hover .nt_head1 {  /*** UNUSED */
    text-decoration: underline;
    color:darkblue;
}

.nt_hr {    
    border: 1px dashed purple;
}
.nt_old_hr {   /**** Nature main page ****/
    border: 0.5px dotted purple;
    margin-top: 25px;
    margin-bottom: 25px;
}

/*********** End of Nature **********/

/************ science ***************/

.dispGrid_sc {    /***** science main ******/ 
    letter-spacing: 0.5px;  
    word-spacing: 0.5px;
    text-align: left;
    position:absolute;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align:top;
    color: black;
    text-decoration:none;
    padding-top: 20px;
}

#sc_sect_name_01 { /*** Science main ***/
    font-family: 'Dangrek';
    text-decoration: none;
    color: rgb(1, 149, 151);
    font-size: 14px;
}
#sc_sect_name_02 { /*** Science main ***/
    font-family: 'Dangrek';
    font-size: 14px;
    text-decoration: none;
    color: rgb(156, 95, 66);
}
#sc_sect_name_03 { /*** Science main ***/
    font-family: 'Dangrek';
    text-decoration: none;
    color: rgb(133, 64, 130);
    font-size: 14px;
}
.sc_cont1 { /**** science main ****/
    font-family: 'Calibri';
    font-size: 18px;
    text-decoration: none;
    color: black;
}
.sc_head1 {  /**** science main ****/
    font-family: 'Dangrek';
    font-size: 17px;
    font-weight: lighter;
    text-decoration: none;
    color: black
}
.sc_head2 {  /**** UNUSED... MARKED FOR DELETION ****/
    font-family: 'Dangrek';
    font-size: 15px;
    font-weight: lighter;
    text-decoration: none;
    color: gray;
}
.sc_content1 { /*** science_main ***/
    padding-right: 3px;
}
.sc_content2 { /*** science_main ***/
    padding-left: 10px;
    padding-right: 10px;
}
.sc_content1:hover {
    background-color: rgb(248, 230, 255);
}
.sc_content2:hover {
    background-color: rgb(248, 230, 255);
}
.sc_content3:hover {
    background-color: rgb(248, 230, 255);
}
.sc_hr {    
    border: 1px dashed purple;
}
.sc_old_hr {     /**** science main ****/
    border: 0.5px dotted purple;
    margin-top: 25px;
    margin-bottom: 25px;
}


/************* End of Science ********/
/**** Quiz home page ***/

.quizGrid {
    display: grid; 
    grid-template-columns:repeat(2, minmax(240px, 1fr));
    grid-gap: 15px;   
    font-family: "Century Gothic";
    font-size: 15px;
    letter-spacing: 0.2px;  
    word-spacing: 0.5px;  
    color: black;
    background-color: rgba(0, 0, 0, 0.89);
    padding: 5px 5px 15px 15px;
}


.window {
    width: 98%;
    height: auto;
    border:2px  black;
    border-radius: 5%;
    background-color: rgb(148, 223, 198);
    padding: 2px 2px;
    align-self: center;
}

.quizEnter {
    background-color: lightpink;
    border: 3px outset rgb(153, 119, 119);
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0px;
    padding: 10px 10px;
    border-radius: 50%;
    color: black;
    }
.quizEnter:hover {
    border: 2px solid rgba(0, 0, 0, 0.616);
}
.quizTitle {
    color: black;
    font-family: 'Century Gothic';
    font-size: 18px;
    text-align: center;
    padding-left: 10px;
    padding-bottom: 25px;
    letter-spacing: 1px;
}

/************ End of Quiz home *********/


.endHr {
    width: 100%;
    border: 3px dotted black;
    padding-top: 20px;
    padding-bottom: 20px;
}

/******** Responsive layout - For MOBILES : columns stack, small font *******/

@media screen and (max-width: 768px) {
    header {
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns:repeat(2, minmax(240px, 1fr));
    }   
    .menu {
        display: none;
     }
    .dispGrid1 { /**** Science posts ****/
        grid-template-columns: 100%;
        grid-template-rows: repeat(1,1fr);
    }
    .mainPg_img { /*** science_main ***/
        width: 45%;
        height: auto;
        display: block; /*** Horizontal alignment of image to page center ****/
        margin-right: auto;  /*** Horizontal alignment of image to page center ****/
        margin-left: auto;   /*** Horizontal alignment of image to page center ****/
    }

     .padd_space {
        display: none;
     }
    
    .insImg_big {
        width: 275;
        height: 250;
        padding-bottom: 10px;
    }

     .postBarIn {
        border-left:0px;
        border-top:1.5px dashed rgb(117, 136, 153);
        border-bottom:0px;
     }
     .postFoot1 {
        grid-column: 1;
     }

    h2 {
        font-size: 14px;
     }  
     .SiteMap {  /*** science_main ***/
        display: grid;
        grid-template-columns:repeat(1, minmax(240px, 1fr));
     }

    /*** lifestyle main page ***/
     .dispGrid_lf { /*** lf main pages ***/
        display: grid;
        grid-template-columns:repeat(1, minmax(240px, 1fr));
    }
    .lf_content1, .lf_content3 { /*** lf main pages ***/
            border-bottom: none;
    }
    .lf_content2 { /*** lf main pages ***/
        border-bottom: 2px dotted grey;
        margin-bottom: 20px;
    }
  

    /*** nature main page ***/
    .dispGrid_nt { /**** Nature main page ****/
        display: grid;
        grid-template-columns:repeat(1, minmax(240px, 1fr));
    }
    .nt_content1, .nt_content3 { /**** Nature main page ****/
        border-bottom: 2px dotted grey;
        margin-bottom: 20px;
    }

    /****** science main page *****/
     .dispGrid_sc {  /*** science main ***/
        display: grid;
        grid-template-columns:repeat(1, minmax(240px, 1fr));
     }
     .sc_content1 { /*** science_main ***/
        border-bottom: 2px dotted grey;
    }
  
    /********* end of science main page *********************/

    /***** Quiz home page ****/
    .quizGrid {
        grid-template-columns:repeat(1, minmax(240px, 1fr));   
     }
     /**** end of Quiz home page ***********/
   }

    
   /******** Responsive layout - For COMPUTERS : 3 columns in each row  ********/
 
   @media screen and (min-width: 768px) {
    header {
        width: 100%;
        display: grid;
        grid-template-columns:repeat(5, 1fr);        
        grid-template-rows: 1;
        grid-column-gap: 0;
    }
    .shortMenu {
        display: none;
    }
    .menu {
        grid-column: 2 / span 3;
        grid-row: 1;    
    }
    .dispGrid1 { /**** Science posts ****/
        grid-template-columns: 80% 20%;
        grid-template-rows:repeat(1, minmax(240px, 1fr));
        width:auto;
        padding-right: 10px;
        padding-left: 10px;
     }
     .mainPg_img { /*** science_main ***/
        width: 90%;
        object-fit: contain;
     }
     .latestHeader {  /*** science_main ***/
        grid-column: 1 / span 4;
     }
     .xtraImg1 {
        float: left;
        margin: 0 15px 15px 0;
    }

    .insImg_big {
        width: 400;
        height: 350;
        padding-bottom: 15px;
    }
  
     #prev_post_wrapper {  /**** science main ****/
        grid-column: 1 / span 4;
        display: grid;
        grid-template-columns: repeat(4, minmax(25%, 1fr));
        display: none;
    }
     .postFoot1 {
        display: block;
     }
     .main_pg_footer, .main_pg_endSpace { /**** science main ****/
        grid-column: 1 / span 4;
     }
     .shorts_pg_footer, .shorts_pg_endSpace { /**** Science posts ****/
        grid-column: 1 / span 2;
     }
     .SiteMap {  /*** science_main ***/
        display: grid;
        grid-template-columns:repeat(3, minmax(30%, 1fr));
     }
    
     /*** lifestyle main page *****/
     .dispGrid_lf { /*** lf main pages ***/
        display: grid;
       grid-template-columns: repeat(4, minmax(25%, 1fr));
        }   
    .lf_br { /*** lf main pages ***/
           grid-column: 1 / span 4;
       }
    .lf_content2, .lf_content3 { /*** lf main pages ***/
           border-right: 2px dotted grey;
       }
     /*** end of lifestyle  main page ***/

    /*** nature main page *****/
    .dispGrid_nt {  /**** Nature main page ****/
        display: grid;
        grid-template-columns: repeat(4, minmax(25%, 1fr));
        width: 100%;
    }          
    .nt_br { /**** Nature main page ****/
        grid-column: 1 / span 4;
    }
    .nt_content1 { /*** Nature main page ***/
        border-right: 2px dotted grey;
    }
  
     /*** science main page *****/
     .dispGrid_sc { /*** scinence main ***/
     display: grid;
    grid-template-columns: repeat(4, minmax(25%, 1fr));
     }

     .sc_br {  /**** science main ****/
        grid-column: 1 / span 4;
    }
    .sc_content1, .sc_content3 { /*** science_main ***/
        border-right: 2px dotted grey;
    }
    /********* end of science main page *********/

    /***** Quiz home page *********/
    .quizGrid {
        grid-template-columns:repeat(2, minmax(240px, 1fr));   
     }
     /****** end of Quiz home page *****/

}