/* SLIDE 2 CSS */

.slide1container {
  position: relative;
  text-align: center;
}
#imageid img {
height: auto;
aspect-ratio:16/9;
}
#imageid2 iframe {
height: auto;
aspect-ratio:16/9;
}

/* .t-Region-carouselRegions{
	min-height:100% !important;	
} */
/* div.t-Body-fullContent div.container div.row div.col div.t-Region div.t-Region-bodyWrap div.t-Region-body div.t-Region-carouselRegions{
        aspect-ratio:16/9;
max-width: 1280px;
    max-height: 720px;
} */



    div.grid-child {
color: white;
}
/* END OF CSS FOR TEXT IN IMAGE SLIDE 1 */


/* CSS FOR TOP IMAGE LARGE WIDTH*/ 
/*
div.t-Body-fullContent div.container  {
        width:100%  !Important;
    margin: 0px  !Important;
    padding:0px  !Important;
}*/

    div.child{
        text-align: left;
    }
    div.grid-child {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

/* @media (min-width:400px){
    div.t-Body-fullContent div.container {
       max-width:100% !important;
    }
    div.grid-child {
        background-color: black;
        position: absolute;
        opacity: 0.8;
    		width: 26%;
    		height: 104px;
    		margin-top: -170px;
    		margin-left: 60%;
		display: flex;
        align-items: center;
        justify-content: center;
    }

	li {
		font-size: 6px;
		line-height: 4px;
	}

    div.child{
        font-size: 6px;
        margin: 5px;
	  line-height: 1;
	  padding-top: 5px;
    }
    div.parent{
        font-size: 8px;
        font-weight: 700;
	   line-height: 1;
	   padding-top: 6px;
    }

	table td {
    padding: 1px !important;
    font-size: 6px;
    color: white;
    background-color: black;
}
}


@media (min-width:500px){
    div.t-Body-fullContent div.container  {
        max-width:100% !important;
    }
div.grid-child {
        background-color: black;
        position: absolute;
        opacity: 0.8;
    		width: 28%;
    		height: 130px;
    		margin-top: -200px;
    		margin-left: 65%;
		display: flex;
        align-items: center;
        justify-content: center;
    }


    div.parent{
        font-size:10px;
        font-weight: 700;
	   line-height: 1;

    }
    div.child{
        font-size: 10px;
        padding: -13px;
	   line-height: 1;

    }
	table td {
    padding: 1px !important;
    font-size: 8px;
    color: white;
    background-color: black;
}
}
@media (min-width:700px){
    div.t-Body-fullContent div.container {
        max-width:100% !important;
    }
    
    div.grid-child {
        background-color: black;
        position: absolute;
        opacity: 0.8;
	 width: 30%;
        height: 225px;
        margin-top: -305px;
        margin-left: 60%;

        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    div.child{
        font-size: 15px;
        padding: 5px;
    }
        div.parent{
        font-size: 17px;
        font-weight: 700;
    }
	table td {
    padding: 1px !important;
    font-size: 13px;
    color: white;
    background-color: black;
}
}

@media (min-width:900px){
    div.t-Body-fullContent div.container {
       max-width:100% !important;
    }

     div.grid-child {
        background-color: black;
        position: absolute;
        opacity: 0.8;
	    width: 27%;
    height: 245px;
    margin-top: -375px;
    margin-left: 65%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

	li {
		font-size: 14px;
		line-height: 20px;
	}

    div.child{
        font-size: 15px;
        padding: 30px;
    }
    
    div.parent{
        font-size: 15px;
        font-weight: 700;
    }
	table td {
    padding: 1px !important;
    font-size: 12px;
    color: white;
    background-color: black;
}
}
@media (min-width:1200px){
    div.t-Body-fullContent div.container {max-width:1280px !important;
    }
     div.grid-child {
        background-color: black;
        position: absolute;
        opacity: 0.8;

	width: 25%;
    height: 230px;
    margin-top: -455px;
    margin-left: 67%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
table td {
    padding: 1px !important;
    font-size: 17px;
    color: white;
    background-color: black;
}

}

@media (min-width:1400px){
   div.t-Body-fullContent div.container {max-width:1280px !important;
    }
    div.grid-child {
    background-color: black;
    position: absolute;
    opacity: 0.8;

	width: 30%;
    height: 300px;
    margin-top: -515px;
    margin-left: 65%;
    display: flex;
    align-items: center;
    justify-content: center;
    }

    div.child{
        font-size: 20px;
        margin: 13px;
padding: 30px;
    }
    div.parent{
        font-size: 20px;
    }
table td {
    padding: 5px !important;
    font-size: 14px;
    color: white;
    background-color: black;
}
 } */


/* END OF SLIDE 2 CSS */