html, body{
width:100%;
margin:0;
font-family: "Century Gothic", Helvetica, sans-serif;
overflow-x:hidden;
padding-bottom:0;
background: url("../ASSETS/IMAGES/BODY/background2a.png");
background-size: 100%;
}

.lineBreak{
width:100;
height:2px;
border:1px solid black;
}

.hidden{
display:none;
}

.nav-item{
text-align: left;
padding-right:1.5rem;
padding-left:1.5rem;
}

.menuItem{
font-size:3vh; 
color:black; 
font-weight:900;
}

.menuItem:hover{
text-decoration:none;
}

#slideshowSelectorBox{
width:100px; 
height:30px; 
background-color:white; 
border:1px solid black;
}

.slideshowImage{
width:100%;	
}


.titleA{
font-size:5vh;
font-weight:700;
margin:1.5rem;
}

.titleB{
font-size:5vh;
font-weight:600;
margin:1.5rem;
}

.textA{
font-size:4vh;
margin:1.5rem;
}

.textB{
font-size:3vh;
margin:1.5rem;
}

.cntr{
text-align:center;
}

.image1{
margin-left:2vw;
width:100%;
}

.centerImage{
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}

/* Header Parallax Element Style*/ 
.paral{
min-height:600px;
background-attachment: fixed;
background-size: cover;
background-position: 50% 50%;
background-color:white;
}

/* Paragraph for Parallax Section */ 
.paral p{
font-size: 24px;
color:#f5f5f5;
text-align: center;
line-height: 60px;
}
 
/* Heading for Parallax Section */ 
.paral h1{
color: rgba(255, 255, 255, 0.8);
font-size: 60px;
text-align: center;
padding-top: 60px;
line-height: 100px;
}

/* Image for Parallax Section */ 
.background_00{
background-image: url("");
}

.background_01{
background-image: url("");
}

.background_02{
background-image: url("http://www.englishtechnicalacademy.com/ASSETS/IMAGES/PARALLAX/SisterCities2.jpg");
}

.background_03{
background-image: url("http://www.englishtechnicalacademy.com/ASSETS/IMAGES/PARALLAX/SisterCities.jpg");
}

.background_04{
background-image: url("");
}


 
/* Add more images for more sections */

/* Remove Bottom Margin from Jumbotron */
.jumbotron{margin-bottom: 0;}

/* --- Cards for Portfolio --- */
.cardTitle{
text-align:center;
font-size:3vh; 
font-weight:900;
padding-top:1vh;
}

.cardText{
text-align:left;
font-size:2.5vh; 
padding:1vh 1vw 1vh 1vw;
}

.synopsis1{
padding:1vh 1vw 1vh 1vw;
font-size:3vh;
}
/* --- Cards for Portfolio --- */

/* --- Maps for Portfolio --- */

.googleMap{
width:100%;
border:1px solid black;
float:right;
}

/* --- Maps for Portfolio --- */

/* --- Contact Form --- */


/* --- HEADER START -- */


/* --- HEADER END -- */
.banner{
width:100%;
margin-left:1vw;
}

.socMed{
width:5vw;
float:right;
margin-right:2vw;
margin-top:4vh;
}

/* --- FOOTER START -- */
.footerText{
font-size:2vh; 
}

.ftrSocMed{
width:6vw;
margin-left:1vw;
}

/* --- FOOTER END -- */

@media (min-width: 577px) and (max-width: 991px){

.nav-item{
margin-bottom:1rem;
padding-left:.5rem;
}


.menuItem{
font-size:6vh; 
}

.image1{
margin-left:0;
width:100%;
}

.banner{
width:100%;
margin-left:0;
}

.socMediaWrapper{
text-align: center;
}

.socMed{
float: none;
width:16vw;
margin-bottom:3vh;
display:inline-block;
}	

.footerText{
font-size:3vh; 
}

.ftrSocMed{
width:16vw;
margin-left:2vw;
}

}


@media only screen and (max-width: 576px){

.nav-item{
margin-bottom:1rem;
padding-left:.5rem;
}

.image1{
margin-left:0;
width:100%;
}

.banner{
width:100%;
margin-left:0;
}

.socMediaWrapper{
text-align: center;
}

.socMed{
float: none;
width:16vw;
margin-bottom:3vh;
display:inline-block;
}	

.footerText{
font-size:3vh; 
}

.ftrSocMed{
width:16vw;
margin-left:2vw;
}

}