@import url("https://use.typekit.net/frw6jcb.css");
 
/* teko-600 - latin */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/teko-v15-latin/teko-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/teko-v15-latin/teko-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/teko-v15-latin/teko-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/teko-v15-latin/teko-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/teko-v15-latin/teko-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/teko-v15-latin/teko-v15-latin-600.svg#Teko') format('svg'); /* Legacy iOS */
}

a {
color: #000;
}

a:hover {
  color: #2c2c30;
}
body {
padding: 0;
margin: 0;
background: linear-gradient(90deg, #aa4b6b, #6b6b83, #3b8d99);
font-family: Teko;
font-style: normal;
text-align: center;
}
footer {
background: linear-gradient(90deg, #aa4b6b, #6b6b83, #3b8d99);
width: 100%;
height: 110px;
position: relative;
bottom: 0;
-webkit-box-shadow: 0px 0px 13px -7px rgba(0,0,0,0.77); 
box-shadow: 0px 0px 13px -7px rgba(0,0,0,0.77);
padding: 0;
}


footer h1 {

position: relative;

font-size: 35px;
padding-left: 30px;
padding-top: 15px;
}

footer div {
display: flex;
flex: wrap;
}



.link {
  z-index: 100000;
  position: fixed;
  right: 10px;
  margin-top: 14px;
text-decoration: none;
color: #000;
font-size: 25px;
border-radius: 13px;
border: 3px #000 solid;
-webkit-box-shadow: 0px 0px 22px 5px rgba(0,0,0,0.15); 
box-shadow: 0px 0px 22px 5px rgba(0,0,0,0.15);
padding: 5px;
background: linear-gradient(90deg, #aa4b6b, #6b6b83, #3b8d99);
-webkit-box-shadow: 0px 0px 13px -7px rgba(0,0,0,0.77); 
box-shadow: 0px 0px 13px -7px rgba(0,0,0,0.77);
transition: all .5s ease-in-out; 

}



 .link:hover{
transform: scale(1.1);
}



header {
background: linear-gradient(90deg, #aa4b6b, #6b6b83, #3b8d99);
width: 100%;
height: 80px;
position: fixed;
top: 0;
-webkit-box-shadow: 0px 0px 13px -7px rgba(0,0,0,0.77); 
box-shadow: 0px 0px 13px -7px rgba(0,0,0,0.77);
}

header h1 {
position: fixed;
top: 16px;
left: 30px;
padding: 0;
margin: 0;
font-size: 35px;
}

h1 {
text-align: center;
font-size: 50px;
}

.container p {

}

.container2 {
  background-color: transparent;
  padding: 10px;
  font-size: 21px;
  text-align: center;
  width: 100%;
    
}

.container2 ul {
	padding: auto;
list-style: none;
}


.secondFlex {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  text-align: center;
}
.container {
	width: 100%;
display: flex;
flex-wrap: nowrap;
text-align: center;
padding: 10px;
font-size: 21px;
}

.container div img {
	width: 75%;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 22px 5px rgba(0,0,0,0.15); 
box-shadow: 0px 0px 22px 5px rgba(0,0,0,0.15);
}

.container div {
	width: 50%;
padding: 15px;
}

h2 {
font-size: 40px;
}


.cont1 ul {
text-align: left;
padding-left: auto;
font-size: 23px;
}

p {
font-size: 21px;
}

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

  .secondFlex {
    
    flex-wrap: wrap;
    
  }
	.cont1 ul {
margin: auto;
}
 .container {	
 width: 90%;
flex-wrap: wrap;
background:  linear-gradient(90deg, #aa4b6b, #6b6b83, #3b8d99);
border-radius: 15px;
-webkit-box-shadow: 0px 0px 22px 5px rgba(0,0,0,0.15); 
box-shadow: 0px 0px 22px 5px rgba(0,0,0,0.15);
margin: auto;
}

.container2 {
  width: 90%;
  background:  linear-gradient(90deg, #aa4b6b, #6b6b83, #3b8d99);
border-radius: 15px;
-webkit-box-shadow: 0px 0px 22px 5px rgba(0,0,0,0.15); 
box-shadow: 0px 0px 22px 5px rgba(0,0,0,0.15);
margin: auto;
margin-bottom: 25px;

}

.container2 ul {
  text-align: left;
  margin-left: auto;

}


.container div {
	width: 100%;
padding: 10px;

}
.container div img {
	width: 96%;
	
}
.container div figcaption {
display: none;
}
}