/*
Theme Name: CEMSP_theme
Author: bIT-xION
Author URI: http://www.com/
Description: Tema creado para CEMSP
Version: 1.0
*/
*{
margin: 0;
padding: 0;
}
body{
background: none;
font-family: 'Comfortaa', sans-serif;
text-align: center;
}
h1{
font-size: 26px;
color: #87888A;
padding: 20px 0 0 0;
}
h2{
font-size: 45px;
color: rgb(66,39,116);
letter-spacing: .5em;
}  
h3{
font-size: 30px;
color: #87888A;
padding-top: 30px;
}

h4{
 font-size: 25px;
 padding: 15px 0;
}

p{
 font-size: 21px;
}

header{
}

nav{
 background: #87888A;
 height: 60px;
 display: flex;
 align-items: center;
 justify-content: center;
}
   
ul{
 list-style: none;
 display: inline-block;
}

li{
 float: left;
}
   
li a{
 font-size: 23px;
 color: white;
 text-decoration: none;
 padding: 0 100px 0 100px;
 float: center;
}

.map{
 float: right;
 margin: 60px 23% 0 0;
}

.item-1{
 padding: 60px 10% 0 10px;
}

.item-1 p{
 padding: 5px 0;
}

.logo{
 float: center;
}

.container{
 width: 80%;
 height: auto;
 margin: 70PX auto;
 display: grid;
 grid-template-columns: repeat(4 1fr);
 grid-template-rows: repeat(7 1fr);
 gap: 50px 10%;
}

.item-2{
 width: auto;
 height: auto;
 text-align: center;
 border-bottom: 4px solid rgb(5,4,170) ;
 padding-bottom: 50px;
 grid-column: 1 / 4;
}

.item3{
 border: 6px solid transparent;
 -moz-border-image: -moz-linear-gradient(top right, rgb(66,39,116) 0%, white 50%, rgb(5,4,170)  100%);
 -webkit-border-image: -webkit-linear-gradient(top right, rgb(66,39,116) 0%, white 50%, rgb(5,4,170)  100%);
 border-image: linear-gradient(to bottom left, rgb(66,39,116) 0%, white 25%, white 75%, rgb(5,4,170)  100%);
 border-image-slice: 1;
 grid-column: 1 / 2;
}

.item3 img{
 float: center;
 margin: 8px;
 border-radius: 20px 0 20px 0;
}
   
.item3 p{
 text-align: center;
 padding: 15px 0 3px 0;
}

.item4{
 border: 6px solid transparent;
 -moz-border-image: -moz-linear-gradient(top right, rgb(66,39,116) 0%, white 50%, rgb(5,4,170)  100%);
 -webkit-border-image: -webkit-linear-gradient(top right, rgb(66,39,116) 0%, white 50%, rgb(5,4,170)  100%);
 border-image: linear-gradient(to bottom left, rgb(66,39,116) 0%, white 25%, white 75%, rgb(5,4,170)  100%);
 border-image-slice: 1;
 grid-column: 2 / 3;
}

.item4 img{
 float: center;
 margin: 8px;
 border-radius: 20px 0 20px 0;
}
   
.item4 p{
 text-align: center;
 padding: 15px 0 3px 0;
}

.item5{
 border: 6px solid transparent;
 -moz-border-image: -moz-linear-gradient(top right, rgb(66,39,116) 0%, white 50%, rgb(5,4,170)  100%);
 -webkit-border-image: -webkit-linear-gradient(top right, rgb(66,39,116) 0%, white 50%, rgb(5,4,170)  100%);
 border-image: linear-gradient(to bottom left, rgb(66,39,116) 0%, white 25%, white 75%, rgb(5,4,170)  100%);
 border-image-slice: 1;
 grid-column: 3 / 4;
}

.item5 img{
 float: center;
 margin: 8px;
 border-radius: 20px 0 20px 0;
}
   
.item5 p{
 text-align: center;
 padding: 15px 0 3px 0;
}

footer{
 width: 100%;
 background: rgb(135,136,138);
 float: left;
 padding: 20px;
}

table{
 margin: 0 auto;
 color: white;
}

td{
 padding: 10px 130px;
}

table td p{
 font-size: 22px;
 padding: 6px 0;
}

table td p a{
 color: white;
 text-decoration: none;
}

#facebook{
 float: left;
 padding: 13px 0;
}

#instagram{
 float: right;
 padding: 13px 0;
 justify-content: ;
}