.navbar{
    height: 80px;
    background: #2C3E50;
    border-color: #2C3E50;
}

.link-nav{
    margin-top: 16px;
    color: white;
}

.text-nav{
    margin-top: 30px;
}

.navbar-text{
    font-size: 16px;
}

.main-body{
    margin: 0 auto;
    padding-top: 75px;

    width: 1200px;
    height: auto; 
    background-color: #ffffff;
    text-align: center;

}

body{
    background-color: #E9ECEA;
}

#mobile{
    height: 500px;
}

#heading h1{
    text-align: center;
    color: #EF4648;
    margin-top: 50px;
    max-width:  width: 450px;
}

h3{
    text-align: center;
    color: #EF4648;
}


p{
    max-width: 450px;
    margin: 0 auto;
}

h1 {
    color: #EF4648;
}


a {
    color: #ffffff;
    text-decoration: none;
}

.navbar a {
    color: white !important;
}

.navbar a:hover {
    color: #EF4648 !important;
}

p{
    color: #2C3E50;
}



#icons {
    height: auto;
    margin-top: 50px;
}










#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 565px; 
    height: 280px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

#slideshow2 { 
    margin: 50px auto; 
    position: relative; 
    width: 320px; 
    height: 420px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow2 > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

#slideshow3 { 
    margin: 50px auto; 
    position: relative; 
    width: 320px; 
    height: 554px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow3 > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

ul{
    list-style: none;
}


#uxmobile{
    width: 400px;
    height: 700px;
}

#uxdesktop{
    width: 1100px;
    height: 1400px;
}

#inmobile{
    width: 500px;
    height: 900px;
}

#indesktop{
    width: 1150px;
    height: 1400px;
}