html {

}
body {
/*background: rgb(10,72,132);*/
background: linear-gradient(to bottom, rgba(10,72,132,1), rgba(10,72,132,.25));
/*background: linear-gradient(180deg, rgba(10,72,132,1) 4%, rgba(235,246,252,1) 100%);*/
        text-align: center;
        margin-top:45px;
        margin-bottom:90px;
           min-height: 1200px;
           /* height: 100%; */
           width:100%;
        }
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 900px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  
        .main-container {
        padding:2px;
        }	  
        body {
        margin-top: 15px;
	  }
	  #about_cookies_menu {
		 display:block ;
		  
	  }

}
	  #about_cookies_menu {
		 display:none ;
	  }

        .main-container {
        background-color: white !important;
        padding:40px;
        border-radius: 15px;
        text-align: left;
        }

        #navibar {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        border: 1px solid #e7e7e7;
        background-color: #f3f3f3;
        border-radius: 5px;
    background-image: linear-gradient(90deg, rgb(66, 63, 156) 31%, rgb(134, 35, 89) 69%);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
        }

        #navibar li {
        float: left;

        }

        #navibar li a {
        display: block;
        color: #ffffff;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        }

        #navibar li {
        padding-left:15px;
        padding-right:15px;
        }

        #navibar li a:hover:not(.active) {  
        color: #ffc505;
        }

        #navibar .active {
        background-color: #4CAF50;
        }

        .nav-bar-row {  
        margin-top: 25px;
        margin-bottom:25px;
        }

        #footer {
        margin-top:25px;    
        border-top: 1px solid #e8e8e8;
        padding-top: 25px;

        }
        #footer ul {
	                list-style-type: none;
	        
        }
        #mainbody p, li, p {
        line-height: 1.8;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        color:#4d4d4d;
        }
        .nav_icon {
        padding-bottom:10px;
        }
        h1 {

        font-family: 'Raleway', sans-serif;
        color: #607D8B;
        margin-top: 20px;
        margin-bottom: 25px;

        }
        .img_header {
        max-height:120px;
        }
        
        a:hover {
	        color:#E83F6F;
        }
        a:active {
	        
        }
        a:visited {
	        
        }
        a {
	        color:#4880ab
        }