/*======================================================================================*/
/*	General
/*======================================================================================*/

* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scroll-padding-top: 100px; /* for fixed headers */
}

body {
    padding: 0;
    margin: 0px auto;
    background: #fff;
    border-top: 30px solid #42AFD9;

    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    text-align: center;
    font-family: 'Noto Serif Malayalam', sans-serif;
}


/*======================================================================================*/
/*	Fonts  
/*======================================================================================*/

/* noto-serif-malayalam-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Noto Serif Malayalam';
font-style: normal;
font-weight: 300;
src: url('fonts/noto-serif-malayalam-v26-latin-300.eot'); /* IE9 Compat Modes */
src: url('fonts/noto-serif-malayalam-v26-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/noto-serif-malayalam-v26-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/noto-serif-malayalam-v26-latin-300.woff') format('woff'), /* Modern Browsers */
        url('fonts/noto-serif-malayalam-v26-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/noto-serif-malayalam-v26-latin-300.svg#NotoSerifMalayalam') format('svg'); /* Legacy iOS */
}
/* noto-serif-malayalam-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Noto Serif Malayalam';
font-style: normal;
font-weight: 400;
src: url('fonts/noto-serif-malayalam-v26-latin-regular.eot'); /* IE9 Compat Modes */
src: url('fonts/noto-serif-malayalam-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/noto-serif-malayalam-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/noto-serif-malayalam-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/noto-serif-malayalam-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/noto-serif-malayalam-v26-latin-regular.svg#NotoSerifMalayalam') format('svg'); /* Legacy iOS */
}
/* noto-serif-malayalam-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Noto Serif Malayalam';
font-style: normal;
font-weight: 700;
src: url('fonts/noto-serif-malayalam-v26-latin-700.eot'); /* IE9 Compat Modes */
src: url('fonts/noto-serif-malayalam-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/noto-serif-malayalam-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/noto-serif-malayalam-v26-latin-700.woff') format('woff'), /* Modern Browsers */
        url('fonts/noto-serif-malayalam-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/noto-serif-malayalam-v26-latin-700.svg#NotoSerifMalayalam') format('svg'); /* Legacy iOS */
}


/*======================================================================================*/
/*	Text Formats  
/*======================================================================================*/


/* Paragraphs */
p {margin: 0 0 40px 0;}

/* Text selection */
::selection {background: #42AFD9; color: #fff;}
::-moz-selection { background: #42AFD9; color: #fff;}

/* Hyperlinks */
main a {color: #42AFD9; text-decoration: none;}
main a:hover {color: #42AFD9; text-decoration: underline;}

main {
    position: relative;
    width: 90%;
    height: auto;
    margin: 0 auto;
    max-width: 600px;
    padding: 100px 0 40px 0;
}

    #logo {
        width: 256px;
        height: auto;
        margin: 0 auto 60px auto;
    }

    img {
        width: 100%;
        height: auto;
        display: block;
    }


@media only screen and (max-width: 800px) { 
  
    #logo {
        width: 128px;
    }
    
} /* <--- END MEDIA */