@font-face {
    font-family:AnekTelugu_Expanded-SemiBold ;
    src: url(../fonts/static/AnekTelugu_Expanded/AnekTelugu_Expanded-SemiBold.ttf);
}
@font-face {
    font-family: AnekTelugu_Expanded-Light;
    src: url(../fonts/static/AnekTelugu_Expanded/AnekTelugu_Expanded-Light.ttf);
}
@font-face {
    font-family: AnekTelugu_Expanded-Bold;
    src: url(../fonts/static/AnekTelugu_Expanded/AnekTelugu_Expanded-Bold.ttf);
}
@font-face {
    font-family: Battambang-Bold;
    src: url(../fonts/Battambang-Bold.ttf);
}
@font-face {
    font-family: EncodeSans_SemiExpanded;
    src: url(../fonts/static/EncodeSans_SemiExpanded/EncodeSans_SemiExpanded-Medium.ttf);
}
@font-face {
    font-family: EncodeSans_SemiExpanded-Medium;
    src: url(../fonts/static/EncodeSans_SemiExpanded/EncodeSans_SemiExpanded-Medium.ttf);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
	font-size: 100%;
}

/* HEADER (LOGO & COMPANY NAME) */

header {
    position: sticky;
    z-index: 999;
	top: 0;
	width: 100%;
	background-color: rgb(255,255,255);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    text-align: right;
	font-size: 2.0rem;
    padding: 0.75rem;
}
.logo {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	line-height: 1.1em;
	text-align: left;
    color: #000000;
	font-family: AnekTelugu_Expanded-Bold;
    font-weight: normal;
}
.logo > img {
	width: 9.5rem;
	height: 6.5rem;
	margin-right: 1.5rem;
	float: left;
}

/* NAVIGATION LINKS */

nav {
    display: inline-block;
    text-align: right;
    font-family: AnekTelugu_Expanded-SemiBold;
    font-size: 0.75em;
}
nav ul {
    margin: 0;
    list-style: none;
}
nav li {
	display: inline-block;
	padding: 1.0em 1.0em 0em 1.0em;
	line-height: 1em;
}
nav a {
    color: #000000;
	text-decoration: none;
}

/* IMAGE ROW */

main {
    font-size: 1.0rem;
	padding-bottom: 12rem;
}

.flex-row {
	width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.flex-cell {
	flex: 1 1 auto;
}
.flex-cell > img {
	width: 100%;
	height: auto;
    max-height: 400px;
}
.center-content {
    position: absolute;
    background-color: rgba(182, 182, 182, 0.8);
    color: #003770;
    font-family: AnekTelugu_Expanded-Bold;
    text-align: center;
    font-size: 2.0em;
	padding: 0.7em 0.5em 0.4em 0.5em;
}


/* HOME PAGE CONTENT */

.row1 {
	font-size: 1.3em;
	margin-top: 2.2em;
    width: 100%;
    display: flex;
    list-style: none;
    align-items: flex-start;
    justify-content: center;	
}
.shield {
	line-height: 1.6em;
    height: 18em;
    width: 18em;
    max-width: 100%;
    background-color: #E0E0E0;
    clip-path: polygon(0% 0%, 100% 0.7%, 100% 76.7%, 50% 100%, 0% 78.6%);
}
.shield > .content {
    text-align: center;
    align-self: center;
}
.Engplist { 
    font-family: AnekTelugu_Expanded-SemiBold;
    padding-bottom: 1.0em;
}
.InsEngplist {
    font-family:AnekTelugu_Expanded-Light;
}
.phonenumber {
    font-size: 1.2em;
	margin-top: 1.1em;
    font-family: AnekTelugu_Expanded-Bold;
    text-align: center;
}
.call-to-action-small {
    margin: 0 2em;
	text-align: center;
}
.quote-button{
    display: block;
	font-size: 1.0em;
	font-weight: bold;
    font-family: AnekTelugu_Expanded-SemiBold;
    margin: 15% auto 35% auto;
    padding: 1.0em;
    background-color: rgb(0,0,220);
	color: rgb(255,255,255);
}
.quote-button:hover {
	cursor: pointer;
}
.row1 a {
	text-decoration: none;
}

.centered {
    font-size: 1.2em;
	font-weight: bold;
    font-family: EncodeSans_SemiExpanded-Medium;
	padding: 0.8em;
	text-align: center;
}
.bold {
    font-size: 1.0em;
	font-weight: bold;
    font-family: EncodeSans_SemiExpanded-Medium;
}
.huge {
    font-size: 2.0em;
    font-family: EncodeSans_SemiExpanded-Medium;
    color: #003770;
}


/* ABOUT US & SERVICES PAGES */

.text-shield {
	width: 75%;
    max-width: 1200px;
    background-color: #E0E0E0;
  
}
.text-content {
    font-size: 1.0em;
	font-family: AnekTelugu_Expanded-Light;
    padding: 2em;
	text-align: justify
}

@media screen and (max-width: 1365px) {
	html {
		font-size: 90%;
	}
}

@media screen and (max-width: 1199px) {
	nav li {
		display: block;
	}
}

@media screen and (max-width: 1079px) {
	html {
		font-size: 80%;
	}
	.logo {
		width: 50%;
	}
	.row1 {
		font-size: 1.2em;
	}
}

@media screen and (max-width: 833px) {
	html {
		font-size: 75%;
	}
}

@media screen and (max-width: 767px) {
	header {
		font-size: 1.8em;
	}
	.center-content {
		font-size: 1.8em;		
	}
	.row1 {
		font-size: 1.1em;
	}
}

@media screen and (max-width: 479px) {
	
}

@media screen and (max-width:370px) {
    nav .navbar .nav-links {
        max-width: 100%;
    }
}