@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

img {
    max-width: 100%;
    max-height: 100%;
    margin: 2% 0% 2% 0%;
    display: block;
}

body {
    background-color: white;
    margin-top: 1px;
    margin-right: 10%;
    margin-left: 10%;
    margin-bottom: 20px;
    font: 15px 'Titillium Web', Arial, sans-serif;
}

.container {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px 0px 10px 0px;
    opacity: 1;
}

a {
    text-decoration: none;
    color:white;
}

section {
    margin: 0px 0px 0px 0px;
}

header {
    background-color: blue;
}

header h1 {
    text-align: center;
    color: yellow;
    margin: 0px 0px 0px 0px;
}

header h2 {
    color: whitesmoke;
    margin: 0px 0px 0px 0px;
}

header h3 a {
    color: whitesmoke;
}

.OrangeC {
    color: rgb(255, 153, 0);
}
.redC{
    color:red;
}


/* nav {
	     position:relative;  
 			background-color:#03f;		
			z-index:10 ;	
			min-height:30px;
			margin-top: -15px;	 
		
      }	 */

.mainhead {
    text-align: center;
    background: lightgrey;
    font-weight: bold;
    color: darkblue;
    margin: 1px auto 1px auto;
    padding: 10px 0px 10px 10px;
}

.titleH {
    color: darkblue;
    font-weight: bold;
    background: lightgray;
    margin: 10px 0px 10px 0px;
    padding: 6px 0px 0px 0px;
}

h2,
h3,
h4,
h5 {
    text-align: center;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.imageblock {
    display: block;
    margin: 0 auto 0 auto;
}

.lineimage {
    vertical-align: middle;
    padding: 10px 20px 10px 0px;
}

.inlineblock {
    display: inline-block;
    padding: 10px 20px 0px 0px;
}

.Minmar {
    margin: -20px 0 0 0;
}


/* =========================================================================== */

@media all and (max-width: 768px) {
    body {
        margin-top: 5px;
        margin-right: 1%;
        margin-left: 1%;
        margin-bottom: 5px;
    }
    .titleA {
        font-size: 10px;
    }
    h1 {
        font-size: 20px;
    }
    h2 {
        font-size: 18px;
    }
    h3 {
        font-size: 14px;
    }
    h4,
    h3 {
        padding: 0% 2% 0% 2%;
    }
    .lineimage {
        text-align: center;
        /* margin-left: 40%; */
    }
    .inlineblock {
        text-align: center;
        /* display: block; */
    }
    .show {
        display: none;
    }
    .Minmar {
        margin-top: 0px;
    }
}


/* end media all and (max-width : 768px) {*/


/* @media screen and (max-width: 480px) {
    h3 {
        color: brown;
    }
} */