/* cyrillic-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.content_text
{
    color: #000;
    padding: 2%;
    border:1px solid #000;
}


.my_grid
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    
}

.my_grid > div
{
    padding:2%;
    border-bottom: solid 2px darkblue;
}

.my_grid > div:nth-child(odd)
{
   background-color: aliceblue;
}

.my_grid > div:nth-child(1)
{
   background-color:cornsilk;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-end:span 2;
}

.my_grid > div:nth-child(1) img
{
   width:60%;
    
}

.my_grid > div:nth-child(2)
{
   grid-column-start: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

.my_grid > div:nth-child(3)
{
   
    grid-column-start: 3;
    grid-row-start: 2;
}

.my_grid > div:nth-child(4)
{
   
   border-bottom: solid 2px darkblue;
}

.my_grid > div:nth-child(5)
{
   
    grid-column-start: 2;
    grid-column-end:  span 2;
    grid-row-end:span 2;
}

.my_grid > div:nth-child(7)
{ 
    grid-column-end:  span 2;
}

.my_grid > div:nth-child(9)
{ 
    grid-column-end:  span 3;
    background-color: #f7f2f2;
}



.my_grid img
{
    width: 60%;
    float: left;
    margin:  0 5% 5% 0;
}



.services_grid
{ 
     display: grid;
    grid-template-columns: repeat(3, 1fr);
}


.services_grid > div
{
    padding:2%;
}


.services_grid .services img
{
    width: 50%;
    float: right;
    margin:  0 5%;
}

.services_title
{
    width: 100%;
    background-color: #003165;
   color: azure;
    padding: .2%;
}




.content
{
    width:98%;
    margin: 0 auto;
}

#content_neon
{
    width:80%;
    margin: 0 auto;
}

.form_grid
{
    width: 80%;
    margin: 0 auto;
}

.contact_us
{
    background-color: #fff;
    width: 50%;
    margin: 0 auto;
    padding: 10px;
    margin-top: 30px;
}
#legal
{
    width: 80%;
    margin: 5px auto;
}
#legal p
{
    float: left;
}

.feedback_grid
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:1rem;
}
.feedback_grid > div:nth-child(odd)
{
    background-color: #eaeaea;
}
.feedbacks
{padding: 10px;
display: inline;
}

.feedbacks small
{
    text-align: right;
}
.feedbacks input
{
    display: inline;
}

#myLoginForm
{
    border:1px solid #000;
    background-color: #e3e3e3;
    overflow: auto;
    padding: 25px;
    margin-bottom:25px;
}

#myLoginForm input
{
    width: 60%;
    margin:10px auto;
    padding: 10px;
}
.edit_selector
{
    background-color:#000;
    display: inline-block;
    padding:0 25px;
    color: #fff;
}
.edit_selector a
{
    
    color: #fff;
}

.delete ul li
{
    text-align: left;
    padding:30px;
}


/*  ===========  MEDIA QUERY    ==========*/
@media screen and (max-width: 850px)
{
	body
		{
			font-size: 10px;
		}
	
	
    /*   ========= DIV WIDTHS   ======  */
  
}
@media screen and (max-width: 480px)
{
	.services_grid
        { 
             
            grid-template-columns: repeat(1, 1fr);
        }
	.services_grid > *
        { 
             
            border-bottom: 1px solid;
            margin-bottom: 50px;
        }

	.feedback_grid
        { 
             
            grid-template-columns: repeat(1, 1fr);
        }

    .my_grid
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    
}

.my_grid > *
{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-end:span 1;
}
    
  .my_grid > div:nth-child(1)
{
   background-color:cornsilk;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-end:span 1;
}
 
    .my_grid > div:nth-child(2)
{
   grid-column-start: 1;
    grid-row-start: 2;
    grid-row-end: 3;
}

    
.my_grid > div:nth-child(3)
{
   
    grid-column-start: 1;
    grid-row-start: 3;
}

 .my_grid > div:nth-child(5)
{
   
    grid-column-start: 1;
    grid-column-end:  span 4;
    grid-row-end:span 1;
}


.my_grid > div:nth-child(7)
{ 
    grid-column-end:  span 4;
}

.my_grid > div:nth-child(9)
{ 
    grid-column-end:  span 4;
    background-color: #f7f2f2;
}
  
.contact_us
{
    background-color: #fff;
    width: 90%;
    border:1px solid;
    padding: 10px;
    margin-top: 30px;
}  

    #myLoginForm
{
    border:1px solid #000;
    background-color: #e3e3e3;
    overflow: auto;
    padding: 10px;
    margin-bottom:25px;
    width:90%;
}


/*
.my_grid > div:nth-child(odd)
{
   background-color: aliceblue;
}


.my_grid > div:nth-child(1) img
{
   width:60%;
    
}


.my_grid > div:nth-child(4)
{
   
   border-bottom: solid 2px darkblue;
}




.my_grid img
{
    width: 60%;
    float: left;
    margin:  0 5% 5% 0;
}
*/
    /*   ========= DIV WIDTHS   ======  */
  
}

@media screen and (max-width: 350px)
{
	body
		{
			font-size: 6px;
		}
	
	
}